:root{--cyan:#65e7ff;--blue:#398eff;--violet:#a77cff;--ice:#e9fbff;--panel:rgba(5,12,25,.9)}
html,body{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden!important;background:#010107!important}
body.cosmos-body{position:relative;color:#eaf7ff;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;overscroll-behavior:none}
.cosmos-stars{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.space-haze{position:fixed;z-index:0;pointer-events:none;filter:blur(55px);opacity:.36;mix-blend-mode:screen}
.haze-one{width:48vw;height:45vh;left:-12vw;top:18vh;background:radial-gradient(ellipse,rgba(0,99,255,.3),transparent 68%);animation:hazeDrift 19s ease-in-out infinite alternate}
.haze-two{width:50vw;height:50vh;right:-14vw;bottom:-5vh;background:radial-gradient(ellipse,rgba(20,181,255,.21),transparent 67%);animation:hazeDrift 24s ease-in-out infinite alternate-reverse}
.cosmos-main{position:relative;z-index:2;width:100%;height:100dvh;min-height:480px;overflow:hidden}
.cosmos-header{position:absolute;z-index:20;top:0;left:0;right:0;height:82px;padding:0 clamp(22px,5vw,82px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(1,3,9,.65),transparent)}
.cosmos-brand{display:flex;align-items:center;gap:12px;color:#ecf9ff;text-decoration:none;letter-spacing:.2em}
.brand-emblem{width:39px;height:39px;border:1px solid rgba(112,226,255,.55);display:grid;place-items:center;position:relative;color:#8eeaff;font:22px/1 Georgia,serif;text-shadow:0 0 12px #4bbfff;clip-path:polygon(50% 0,100% 100%,0 100%);animation:brandGlow 3.8s ease-in-out infinite alternate}
.brand-emblem span{position:absolute;font-size:9px;top:13px;left:16px;color:#fff}
.cosmos-brand b{display:block;font:600 16px/1.2 Arial,sans-serif;letter-spacing:.3em}
.cosmos-brand small{display:block;margin-top:5px;color:rgba(171,218,244,.6);font:7px/1.2 Arial,sans-serif;letter-spacing:.27em}
.cosmos-header-actions{display:flex;align-items:center;gap:11px}
.glass-icon{width:39px;height:39px;border:1px solid rgba(133,204,240,.2);border-radius:50%;background:rgba(5,14,30,.45);color:#c9efff;display:grid;place-items:center;position:relative;cursor:pointer;text-decoration:none;transition:.25s;backdrop-filter:blur(10px);animation:headerIconFloat 6.4s ease-in-out infinite}
.cosmos-header-actions .glass-icon:nth-child(2){animation-delay:-2.1s}.cosmos-header-actions .glass-icon:nth-child(3){animation-delay:-4.2s}
.glass-icon:hover{border-color:rgba(107,234,255,.7);background:rgba(27,111,180,.2);box-shadow:0 0 24px rgba(46,170,255,.2);transform:translateY(-2px)}
.glass-icon svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cart-icon b{position:absolute;right:-3px;top:-3px;min-width:16px;height:16px;padding:0 3px;border-radius:20px;background:#63eaff;color:#03101e;font:700 9px/16px Arial;text-align:center;box-shadow:0 0 10px rgba(70,218,255,.65)}
.cosmic-stage{position:absolute;inset:0;overflow:hidden;isolation:isolate;--px:0px;--py:0px;--parallax-x:0px;--parallax-y:0px}
.cosmic-stage:before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(12,22,65,.42),transparent 43%),radial-gradient(ellipse at 78% 20%,rgba(49,14,80,.26),transparent 34%),linear-gradient(180deg,#010107 0%,#020612 54%,#010208 100%)}
.cosmic-stage:after{content:"";position:absolute;z-index:6;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 24%,rgba(0,0,0,.18) 68%,rgba(0,0,0,.68) 100%)}
.cosmic-scene{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none;transform:translate3d(var(--px),var(--py),0);transition:transform .35s ease-out;will-change:transform}
.nebula{position:absolute;mix-blend-mode:screen;pointer-events:none;filter:blur(22px);will-change:transform,opacity}
.nebula-west{width:68vw;height:60vh;left:-14vw;top:8vh;opacity:.4;background:radial-gradient(ellipse at 45% 48%,rgba(36,85,255,.42),transparent 55%),radial-gradient(ellipse at 58% 55%,rgba(166,47,255,.28),transparent 62%);animation:nebulaDriftA 26s ease-in-out infinite alternate}
.nebula-east{width:66vw;height:62vh;right:-16vw;top:18vh;opacity:.44;background:radial-gradient(ellipse at 55% 48%,rgba(0,192,255,.42),transparent 48%),radial-gradient(ellipse at 40% 58%,rgba(118,39,255,.3),transparent 67%);animation:nebulaDriftB 31s ease-in-out infinite alternate}
.nebula-violet{width:56vw;height:45vh;left:24vw;bottom:-14vh;opacity:.25;background:radial-gradient(ellipse,rgba(109,46,255,.4),transparent 68%);animation:nebulaDriftC 23s ease-in-out infinite alternate}
.galaxy{position:absolute;width:min(76vw,1050px);height:min(34vw,460px);border-radius:50%;pointer-events:none;opacity:.68;filter:blur(1.4px);mix-blend-mode:screen;will-change:transform}
.galaxy:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,transparent 0deg,rgba(31,71,255,.02) 26deg,rgba(59,156,255,.62) 58deg,rgba(205,85,255,.4) 88deg,transparent 118deg,rgba(58,105,255,.4) 158deg,rgba(0,217,255,.7) 194deg,rgba(177,79,255,.32) 226deg,transparent 258deg,rgba(62,126,255,.48) 306deg,transparent 360deg);mask:radial-gradient(ellipse,transparent 0 22%,#000 34%,#000 49%,transparent 73%);-webkit-mask:radial-gradient(ellipse,transparent 0 22%,#000 34%,#000 49%,transparent 73%);box-shadow:0 0 60px rgba(79,99,255,.2)}
.galaxy:after{content:"";position:absolute;inset:8% 6%;border-radius:50%;background:repeating-conic-gradient(from 25deg,transparent 0deg 14deg,rgba(106,210,255,.18) 15deg 16deg,transparent 18deg 31deg);mask:radial-gradient(ellipse,transparent 0 24%,#000 37%,transparent 68%);-webkit-mask:radial-gradient(ellipse,transparent 0 24%,#000 37%,transparent 68%)}
.galaxy i{position:absolute;width:17%;height:17%;left:41.5%;top:41.5%;border-radius:50%;background:radial-gradient(circle,#fff 0,rgba(150,221,255,.95) 7%,rgba(103,88,255,.58) 30%,transparent 72%);box-shadow:0 0 45px 22px rgba(98,91,255,.38),0 0 100px 42px rgba(23,160,255,.17)}
.galaxy-west{left:-13vw;top:34vh;transform:rotate(-18deg);animation:galaxySpinWest 68s linear infinite}
.galaxy-east{right:-16vw;top:12vh;width:min(70vw,960px);height:min(28vw,380px);opacity:.5;transform:rotate(18deg);animation:galaxySpinEast 84s linear infinite reverse}
.planet-world{position:absolute;z-index:2;width:min(43vw,620px);aspect-ratio:1;right:-9vw;bottom:-28vh;pointer-events:none;opacity:.76;animation:planetFloat 19s ease-in-out infinite alternate;will-change:transform}
.planet-glow{position:absolute;inset:-15%;border-radius:50%;background:radial-gradient(circle,rgba(25,123,255,.34),rgba(75,48,255,.12) 45%,transparent 70%);filter:blur(24px);animation:planetPulse 5s ease-in-out infinite alternate}
.planet-surface{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 30% 25%,#285fa8 0,#102f67 32%,#071329 57%,#02040c 72%);box-shadow:inset -48px -38px 82px rgba(0,0,0,.94),inset 15px 7px 36px rgba(92,187,255,.32),0 -10px 32px rgba(80,193,255,.56)}
.planet-surface:before{content:"";position:absolute;inset:-15%;border-radius:50%;background:repeating-linear-gradient(171deg,transparent 0 18px,rgba(75,166,255,.14) 19px 22px,transparent 24px 38px),radial-gradient(ellipse at 40% 42%,rgba(70,151,255,.42),transparent 48%);animation:planetTexture 42s linear infinite}
.planet-surface:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(112deg,transparent 28%,rgba(0,0,0,.78) 76%),radial-gradient(circle at 27% 22%,rgba(151,224,255,.28),transparent 28%)}
.planet-atmosphere{position:absolute;inset:-2%;border-radius:50%;border:2px solid rgba(91,205,255,.48);box-shadow:0 0 22px rgba(62,169,255,.65),inset 0 0 20px rgba(62,169,255,.3);animation:atmospherePulse 4.8s ease-in-out infinite alternate}
.planet-ring{position:absolute;left:-25%;top:31%;width:150%;height:40%;border:2px solid rgba(111,202,255,.45);border-left-color:rgba(111,202,255,.05);border-right-color:rgba(191,113,255,.55);border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 24px rgba(43,158,255,.25);animation:ringPrecession 16s linear infinite}
.planet-small{position:absolute;z-index:2;border-radius:50%;will-change:transform;box-shadow:inset -14px -10px 18px rgba(0,0,0,.7),0 0 28px rgba(92,177,255,.24)}
.planet-blue{width:clamp(48px,8vw,112px);aspect-ratio:1;left:8vw;top:19vh;background:radial-gradient(circle at 32% 25%,#9edcff 0,#2466b9 30%,#07152f 74%);animation:smallPlanetOrbit 26s ease-in-out infinite alternate}
.planet-blue:after{content:"";position:absolute;inset:-8%;border-radius:50%;border:1px solid rgba(97,195,255,.46);box-shadow:0 0 18px rgba(81,175,255,.4)}
.planet-saturn{width:clamp(58px,7vw,100px);aspect-ratio:1;right:8vw;top:10vh;background:radial-gradient(circle at 32% 28%,#d6beff 0,#6e5aa8 38%,#17122e 76%);animation:saturnFloat 18s ease-in-out infinite alternate}
.planet-saturn:before{content:"";position:absolute;left:-45%;top:31%;width:190%;height:38%;border:5px solid rgba(193,164,255,.58);border-top-color:rgba(230,215,255,.85);border-bottom-color:rgba(114,123,255,.46);border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 17px rgba(139,118,255,.4);animation:saturnRing 23s linear infinite}
.planet-saturn:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(110deg,transparent 30%,rgba(0,0,0,.75) 79%)}
.holo-platform{position:absolute;z-index:3;left:50%;bottom:-8vh;width:min(75vw,1050px);height:min(18vw,230px);transform:translateX(-50%) perspective(500px) rotateX(62deg);border-radius:50%;border:2px solid rgba(58,181,255,.35);box-shadow:0 0 20px rgba(37,127,255,.23),inset 0 0 36px rgba(27,104,255,.14);animation:platformPulse 5.6s ease-in-out infinite alternate}
.holo-platform i{position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(82,124,255,.5);animation:platformSpin 19s linear infinite}
.holo-platform i:nth-child(2){inset:20%;border-color:rgba(0,212,255,.5);animation-duration:12s;animation-direction:reverse}
.holo-platform i:nth-child(3){inset:32%;border-style:dashed;border-color:rgba(185,102,255,.42);animation-duration:27s}
.holo-platform span{position:absolute;width:18%;height:18%;left:41%;top:41%;border-radius:50%;background:#e1fbff;box-shadow:0 0 25px 12px rgba(54,183,255,.8),0 0 100px 40px rgba(117,59,255,.36);animation:corePulse 2.8s ease-in-out infinite alternate}
.energy-column{position:absolute;z-index:2;left:50%;bottom:4vh;width:2px;height:42vh;transform:translateX(-50%);background:linear-gradient(0deg,transparent,rgba(68,174,255,.05),rgba(83,213,255,.55),transparent);filter:blur(2px);box-shadow:0 0 26px rgba(47,148,255,.28);animation:columnPulse 3.2s ease-in-out infinite alternate}
.orbital-system{position:absolute;z-index:4;width:min(49vw,670px);aspect-ratio:1;left:50%;top:51%;transform:translate(-50%,-50%);pointer-events:none;opacity:.78;animation:portalFloat 8s ease-in-out infinite}
.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(72,190,255,.36);border-radius:50%;box-shadow:0 0 15px rgba(44,150,255,.14),inset 0 0 16px rgba(52,160,255,.08)}
.orbit-a{width:100%;height:32%;transform:translate(-50%,-50%) rotate(-24deg);animation:orbitSpin 17s linear infinite}
.orbit-b{width:83%;height:53%;transform:translate(-50%,-50%) rotate(43deg);border-color:rgba(174,105,255,.4);animation:orbitSpin 25s linear infinite reverse}
.orbit-c{width:65%;height:88%;transform:translate(-50%,-50%) rotate(72deg);border-style:dashed;border-color:rgba(64,136,242,.3);animation:orbitSpin 38s linear infinite}
.orbit-d{width:114%;height:20%;border-color:rgba(0,220,255,.26);transform:translate(-50%,-50%) rotate(65deg);animation:orbitSpin 31s linear infinite reverse}
.orbit-core{position:absolute;left:50%;top:50%;width:7px;height:7px;background:#e7fdff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px 6px rgba(71,207,255,.72),0 0 80px 22px rgba(97,76,255,.32);animation:corePulse 2.6s ease-in-out infinite alternate}
.center-portal{position:absolute;z-index:8;left:50%;top:49%;width:min(500px,88vw);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 8px 18px;text-shadow:0 2px 16px rgba(0,0,0,.8);animation:portalContentFloat 7s ease-in-out infinite}
.center-portal:before{content:"";position:absolute;z-index:-1;inset:-44px -72px;border-radius:50%;background:radial-gradient(ellipse,rgba(1,5,13,.82) 0%,rgba(1,6,16,.56) 48%,rgba(1,5,13,0) 78%);filter:blur(5px);pointer-events:none}
.portal-logo{margin-top:0;color:#f2fcff;font:300 clamp(54px,7.3vw,102px)/.95 Arial,sans-serif;letter-spacing:.23em;padding-left:.23em;text-shadow:0 0 12px rgba(182,241,255,.7),0 0 36px rgba(60,165,255,.45);background:linear-gradient(180deg,#fff 12%,#a8daff 48%,#f9ffff 76%,#a38cff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(69,172,255,.28));animation:titleShine 5s ease-in-out infinite alternate}
.portal-cn{margin-top:14px;font-size:clamp(16px,2vw,23px);font-weight:300;letter-spacing:.72em;padding-left:.72em;color:#e2f8ff;text-shadow:0 0 18px rgba(94,192,255,.55)}
.portal-rule{width:250px;height:1px;margin:23px 0 15px;background:linear-gradient(90deg,transparent,rgba(87,208,255,.9),transparent);position:relative;box-shadow:0 0 9px rgba(65,193,255,.7)}
.portal-rule span{position:absolute;width:5px;height:5px;left:50%;top:-2px;transform:translateX(-50%) rotate(45deg);background:#dffcff;box-shadow:0 0 13px 3px #69eaff}
.portal-tagline{margin:0;color:rgba(201,231,246,.83);font-size:11px;letter-spacing:.25em}.portal-tagline i{font-style:normal;color:#c58bff;margin:0 5px}
.enter-store{position:relative;margin-top:25px;width:218px;height:52px;border:1px solid rgba(113,230,255,.9);border-radius:4px;background:linear-gradient(115deg,rgba(5,24,48,.82),rgba(28,26,74,.66),rgba(5,19,39,.82));color:#e9fbff;display:flex;align-items:center;justify-content:center;gap:15px;cursor:pointer;overflow:hidden;box-shadow:0 0 8px rgba(73,192,255,.75),inset 0 0 17px rgba(42,152,255,.17),0 0 42px rgba(28,130,255,.3);transition:transform .25s,box-shadow .25s,background .25s;animation:buttonPulse 3s ease-in-out infinite}
.enter-store:before{content:"";position:absolute;left:-70%;top:0;width:45%;height:100%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:buttonSweep 3.5s ease-in-out infinite}
.enter-store:after{content:"";position:absolute;inset:4px;border:1px solid rgba(160,237,255,.16);pointer-events:none}
.enter-store:hover{transform:translateY(-3px) scale(1.025);box-shadow:0 0 14px rgba(73,192,255,.95),0 0 60px rgba(28,130,255,.42);background:rgba(13,61,100,.8)}
.enter-store b{font-size:14px;letter-spacing:.25em}.button-glyph{font-size:20px;color:#8df3ff;text-shadow:0 0 13px #4ccfff}.button-arrow{font-size:18px;color:#8deaff}
/* Single-screen marketplace panel */
.catalog-overlay{position:fixed;z-index:50;inset:0;background:rgba(0,2,10,.64);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;padding:22px;opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s}
.catalog-overlay.is-open{opacity:1;visibility:visible}
.catalog-shell{width:min(1120px,96vw);height:min(760px,91dvh);padding:22px 24px 18px;background:linear-gradient(145deg,rgba(6,19,38,.97),rgba(2,7,17,.97));border:1px solid rgba(104,201,247,.27);box-shadow:0 24px 100px rgba(0,0,0,.75),0 0 55px rgba(19,113,203,.14);clip-path:polygon(0 0,97% 0,100% 3%,100% 100%,3% 100%,0 97%);display:flex;flex-direction:column;overflow:hidden}
.catalog-topline{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(107,190,229,.17);padding-bottom:15px;min-height:52px;flex-shrink:0}
.catalog-heading{display:flex;align-items:center;gap:14px}.catalog-mark{width:39px;height:39px;border:1px solid rgba(92,215,255,.6);display:grid;place-items:center;color:#8deaff;font:700 14px Arial;box-shadow:0 0 18px rgba(49,168,255,.15)}.catalog-heading b{display:block;color:#e4f5ff;font-size:14px;letter-spacing:.15em}.catalog-heading small{display:block;margin-top:5px;color:#6d90aa;font:8px Arial;letter-spacing:.14em}
.catalog-top-actions{display:flex;align-items:center;gap:20px}.catalog-live{color:#70d9b5;font:8px Arial;letter-spacing:.14em}.catalog-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#66edb9;box-shadow:0 0 9px #5debb5;margin-right:7px;animation:pulse 1.6s infinite}.catalog-close{width:46px;height:39px;border:1px solid rgba(119,191,223,.24);background:rgba(9,28,48,.55);color:#9fbed3;font-size:24px;cursor:pointer}.catalog-close small{font:7px Arial;vertical-align:middle}
.catalog-controls{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:17px 0 12px;flex-shrink:0}.category-list{display:flex;gap:7px;flex-wrap:wrap;align-content:flex-start}.category-item{height:28px;padding:0 10px;border:1px solid rgba(109,183,221,.17);background:rgba(6,24,43,.7);color:#82a7c1;font-size:9px;cursor:pointer;transition:.2s}.category-item.active,.category-item:hover{border-color:rgba(92,223,255,.55);background:rgba(27,114,170,.18);color:#bcefff;box-shadow:0 0 12px rgba(50,167,228,.12)}
.catalog-search-wrap{min-width:0}.catalog-search{height:39px;display:flex;align-items:center;border:1px solid rgba(107,190,228,.3);background:rgba(1,10,22,.7)}.catalog-search>span{padding:0 12px;color:#7ddfff;font-size:20px}.catalog-search input{height:100%;min-width:0;flex:1;border:0;outline:0;background:transparent;color:#e7f7ff;font-size:11px}.catalog-search input::placeholder{color:#607f99}.catalog-search button{width:34px;height:100%;border:0;background:transparent;color:#79b9d9;cursor:pointer}.catalog-search .search-submit{background:rgba(41,149,201,.2);font-size:17px}
.catalog-sort{display:flex;justify-content:space-between;align-items:center;margin-top:9px;color:#65849b;font-size:8px}.catalog-sort>span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#5edcae;box-shadow:0 0 8px #5edcae;margin-right:6px}.catalog-sort label{display:flex;align-items:center;gap:6px}.catalog-sort select{border:0;outline:0;background:#071a2d;color:#91bbd3;font-size:8px}
.catalog-grid-head{display:grid;grid-template-columns:1fr auto;padding:8px 12px;border-top:1px solid rgba(103,175,215,.17);border-bottom:1px solid rgba(103,175,215,.17);color:#54728a;font:7px Arial;letter-spacing:.16em;flex-shrink:0}
.product-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;overflow:auto;min-height:0;padding:10px 3px 14px;scrollbar-color:rgba(84,169,207,.4) transparent}.product-row{min-width:0;min-height:130px;padding:13px 12px 11px;border:1px solid rgba(98,172,211,.17);background:linear-gradient(145deg,rgba(12,35,57,.54),rgba(4,13,26,.76));display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s,transform .2s,box-shadow .2s}.product-row:hover{border-color:rgba(95,223,255,.5);transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.25),0 0 16px rgba(55,174,226,.11)}

.catalog-overlay{position:fixed;z-index:40;inset:0;display:flex;align-items:center;justify-content:center;padding:clamp(8px,2.7vh,26px) clamp(9px,2.3vw,30px);background:rgba(0,2,8,.77);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transition:opacity .32s,visibility .32s;}
.catalog-overlay.is-open{opacity:1;visibility:visible}
.catalog-shell{width:min(1510px,100%);height:min(850px,94dvh);display:flex;flex-direction:column;position:relative;padding:clamp(15px,2vh,24px) clamp(16px,2vw,30px) 13px;border:1px solid rgba(93,197,255,.27);background:linear-gradient(145deg,rgba(8,18,35,.97),rgba(2,7,17,.96));box-shadow:0 0 0 1px rgba(74,175,255,.07),0 20px 100px rgba(0,0,0,.68),0 0 70px rgba(22,107,204,.12);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));transform:translateY(18px) scale(.985);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.catalog-overlay.is-open .catalog-shell{transform:translateY(0) scale(1)}
.catalog-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(71,197,255,.035),transparent);}
.catalog-topline{display:flex;align-items:center;justify-content:space-between;min-height:53px;padding-bottom:12px;border-bottom:1px solid rgba(112,199,239,.15)}
.catalog-heading{display:flex;align-items:center;gap:13px}.catalog-mark{width:38px;height:38px;border:1px solid rgba(103,225,255,.46);display:grid;place-items:center;color:#9af2ff;font:14px Arial;box-shadow:inset 0 0 14px rgba(55,171,255,.08),0 0 18px rgba(42,141,255,.08)}
.catalog-heading b{display:block;color:#e5f7ff;font-size:14px;letter-spacing:.16em}.catalog-heading small{display:block;margin-top:5px;color:#6689a6;font:7px Arial;letter-spacing:.16em}.catalog-heading small span{color:#9fefff}
.catalog-top-actions{display:flex;align-items:center;gap:18px}.catalog-live{color:#76a6bf;font:7px Arial;letter-spacing:.16em}.catalog-live i,.catalog-sort>span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#66ecb8;box-shadow:0 0 8px #66ecb8;margin-right:7px}
.catalog-close{width:48px;height:38px;border:1px solid rgba(114,196,235,.2);background:rgba(8,27,45,.55);color:#bcecff;font:23px Arial;cursor:pointer}.catalog-close small{font:6px Arial;color:#65849a;vertical-align:middle;margin-left:2px}.catalog-controls{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:25px;align-items:center;padding:15px 0 11px}
.catalog-categories{min-width:0}.category-list{display:flex;flex-wrap:wrap;gap:7px;max-height:64px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(68,170,221,.4) transparent}.category-item{display:flex;align-items:center;gap:6px;height:29px;border:1px solid rgba(110,181,215,.18);border-radius:2px;background:rgba(8,28,47,.54);color:#87a8bf;padding:0 9px;font-size:9px;cursor:pointer;white-space:nowrap;transition:.2s}.category-item:hover,.category-item.active{border-color:rgba(97,223,255,.65);background:rgba(21,104,152,.17);color:#d9f8ff;box-shadow:0 0 14px rgba(44,174,255,.09)}.category-icon{font-size:12px;color:#78ddff}.category-item small{font:8px Arial;color:#5d809b}
.catalog-search{display:flex;align-items:center;height:38px;border:1px solid rgba(109,190,230,.23);background:rgba(1,9,20,.7)}.catalog-search>span{font-size:20px;color:#6fdfff;padding:0 10px}.catalog-search input{flex:1;min-width:0;height:100%;background:transparent;border:0;outline:0;color:#e2f7ff;font-size:10px}.catalog-search input::placeholder{color:#5d7d95}.catalog-search>button{height:100%;min-width:32px;border:0;background:transparent;color:#6e9fbb;cursor:pointer}.catalog-search>button#searchButton{border-left:1px solid rgba(115,198,240,.16);color:#8ce9ff;font-size:17px}.catalog-sort{display:flex;justify-content:space-between;align-items:center;margin-top:7px;color:#6488a2;font:7px Arial;letter-spacing:.08em}.catalog-sort>span i{width:5px;height:5px}.catalog-sort label{display:flex;align-items:center;gap:5px}.catalog-sort select{border:0;background:#071726;color:#a5c8da;font-size:8px;outline:0}
.catalog-grid-head{display:flex;justify-content:space-between;align-items:center;padding:10px 4px 9px;border-top:1px solid rgba(113,189,227,.11);color:#5e7f98;font:7px Arial;letter-spacing:.16em}.catalog-grid-head span:last-child{padding-right:7px}
.product-list{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:2px 3px 9px;align-content:start;scrollbar-width:thin;scrollbar-color:rgba(69,164,221,.45) rgba(2,10,20,.4)}
.product-row{min-width:0;min-height:122px;display:flex;flex-direction:column;position:relative;padding:12px 13px 10px;border:1px solid rgba(97,159,200,.18);background:linear-gradient(145deg,rgba(12,32,54,.76),rgba(4,13,28,.8));cursor:pointer;transition:transform .22s,border-color .22s,box-shadow .22s;overflow:hidden;}
.product-row:before{content:"";position:absolute;right:-28px;top:-42px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,hsla(var(--card-hue),90%,60%,.18),transparent 70%)}
.product-row:hover{transform:translateY(-3px);border-color:rgba(105,226,255,.56);box-shadow:0 7px 27px rgba(0,0,0,.3),0 0 22px rgba(45,150,255,.1)}
.product-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.product-art{width:38px;height:38px;flex:0 0 38px;min-height:38px;position:relative;display:grid;place-items:center;border:1px solid hsla(var(--card-hue),85%,65%,.3);background:radial-gradient(circle,hsla(var(--card-hue),90%,55%,.16),rgba(3,13,27,.6));overflow:hidden}.product-art:before,.product-art:after{display:none}.product-art img{width:100%;height:100%;object-fit:cover}.product-art-symbol{font-size:18px;color:hsl(var(--card-hue),90%,75%);text-shadow:0 0 12px currentColor}.product-art-orbit{position:absolute;width:34px;height:12px;border:1px solid hsla(var(--card-hue),95%,70%,.42);border-radius:50%;transform:rotate(-35deg);pointer-events:none}
.product-card-index,.product-card-state{display:none}.product-copy{min-width:0;flex:1}.product-title-line{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.sku{font-size:7px;color:#587994}.product-title{font-size:10px;line-height:1.5;font-weight:650;color:#dff5ff;white-space:normal;text-align:left;background:none;border:0;padding:0;cursor:pointer}.product-title:hover{color:#86edff}.delivery-badge{font-size:6px;padding:2px 4px;border:1px solid rgba(116,193,230,.18);background:rgba(11,38,59,.6);color:#7da5bd}.delivery-badge.download{color:#83d9be}.delivery-badge.license{color:#b9a9f6}.delivery-badge.manual{color:#e3c38d}.product-subline{margin-top:5px;color:#6b8da6;font-size:8px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card-bottom{display:flex;align-items:center;gap:9px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(103,176,214,.13)}.product-price{margin-right:auto;color:#7ceaff;text-align:left;font:700 12px Arial}.product-stock{text-align:right}.product-stock b{display:block;color:#9db9ce;font:9px Arial}.product-stock small{font:6px Arial;color:#557895;letter-spacing:.08em}.product-action button{width:26px;height:24px;border:1px solid rgba(111,220,255,.42);background:rgba(35,142,198,.12);color:#8cecff;font-size:12px;cursor:pointer}.product-action button:disabled{opacity:.3;cursor:not-allowed}.product-list .list-loading{grid-column:1/-1;padding:50px;text-align:center;color:#79a7c6;font-size:10px}.empty-state{grid-column:1/-1;padding:35px;text-align:center;color:#829fb5}.empty-state b{display:block;margin:7px;color:#d4efff}.empty-state p{font-size:9px;color:#698da8}.catalog-bottomline{display:flex;justify-content:space-between;padding-top:9px;border-top:1px solid rgba(105,180,219,.14);color:#54728a;font:7px Arial;letter-spacing:.12em}.catalog-bottomline b{color:#70dcff;font-size:10px}
/* Existing checkout/dialogs stay dark and focused. */
.cosmos-body .modal-wrap{background:rgba(0,2,8,.82);backdrop-filter:blur(15px)}.cosmos-body .cyber-modal{border:1px solid rgba(91,198,245,.32);background:linear-gradient(145deg,#0a1b30,#030912);color:#e7f7ff;box-shadow:0 20px 90px rgba(0,0,0,.75),0 0 45px rgba(29,139,223,.12)}
.cosmos-body .cyber-modal .modal-close{color:#83a9c1}.cosmos-body .cyber-modal h2{color:#ebfaff}.cosmos-body .cyber-modal .modal-eyebrow{color:#73dcff}.cosmos-body .cyber-modal .modal-subtitle,.cosmos-body .cyber-modal label{color:#89a8c2}.cosmos-body .cyber-modal input,.cosmos-body .cyber-modal select,.cosmos-body .cyber-modal textarea{background:#030d1b!important;border-color:rgba(108,187,227,.28)!important;color:#e3f7ff!important}.cosmos-body .cyber-modal .primary-action{background:linear-gradient(90deg,#1b78bd,#4eddf5);color:#03101a}.cosmos-body .cyber-modal .primary-action:hover{filter:brightness(1.12)}
.cosmos-body .detail-symbol{background:radial-gradient(circle,rgba(64,183,255,.22),rgba(3,16,32,.8));border:1px solid rgba(109,212,255,.3);color:#8deaff}.cosmos-body .detail-content h2{color:#effaff}.cosmos-body .detail-content>p{color:#9bb5ca}.cosmos-body .detail-spec{border-color:rgba(116,193,231,.2);color:#c0d8eb}.cosmos-body .detail-spec span,.cosmos-body .detail-note{color:#7795ac}.cosmos-body .delivery-output,.cosmos-body .delivery-wait{background:#061a2b;border-color:rgba(100,191,235,.25);color:#bbd7eb}.cosmos-body .cart-line{border-color:rgba(105,177,219,.18)}.cosmos-body .cart-line-info b{color:#dcedf8}.cosmos-body .cart-mini-icon{background:rgba(51,155,216,.14);color:#85e8ff}.cosmos-body .cart-total-row,.cosmos-body .checkout-summary,.cosmos-body .lookup-total{border-color:rgba(105,177,219,.2);color:#b1c9dc}.cosmos-body .cart-total-row b,.cosmos-body .checkout-summary b,.cosmos-body .lookup-total b,.cosmos-body .detail-price{color:#85eaff}


@keyframes brandGlow{from{filter:brightness(.8);box-shadow:0 0 4px rgba(69,172,255,.15)}to{filter:brightness(1.3);box-shadow:0 0 20px rgba(69,172,255,.62)}}
@keyframes headerIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes readoutBreathe{from{opacity:.48}to{opacity:.9}}
@keyframes pulse{0%,100%{opacity:.55;box-shadow:0 0 5px #42ddff}50%{opacity:1;box-shadow:0 0 16px 4px #42ddff}}
@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(336deg)}}
@keyframes buttonSweep{0%,42%{left:-70%}74%,100%{left:130%}}
@keyframes nebulaDriftA{0%{transform:translate3d(-3vw,-1vh,0) scale(.92) rotate(-8deg)}100%{transform:translate3d(5vw,4vh,0) scale(1.12) rotate(7deg)}}
@keyframes nebulaDriftB{0%{transform:translate3d(3vw,2vh,0) scale(1.04) rotate(8deg)}100%{transform:translate3d(-5vw,-3vh,0) scale(.9) rotate(-7deg)}}
@keyframes nebulaDriftC{0%{transform:translate3d(-2vw,2vh,0) scale(.9)}100%{transform:translate3d(4vw,-3vh,0) scale(1.2)}}
@keyframes galaxySpinWest{0%{rotate:-18deg;translate:0 0}50%{rotate:162deg;translate:3vw -2vh}100%{rotate:342deg;translate:0 0}}
@keyframes galaxySpinEast{0%{rotate:18deg;translate:0 0}50%{rotate:198deg;translate:-2vw 2vh}100%{rotate:378deg;translate:0 0}}
@keyframes planetFloat{0%{transform:translate3d(0,0,0) rotate(-4deg) scale(1)}100%{transform:translate3d(-2vw,-3vh,0) rotate(5deg) scale(1.035)}}
@keyframes planetPulse{from{opacity:.65;transform:scale(.94)}to{opacity:1;transform:scale(1.08)}}
@keyframes planetTexture{from{transform:rotate(0deg) translateX(-2%)}to{transform:rotate(360deg) translateX(2%)}}
@keyframes atmospherePulse{from{opacity:.5;filter:brightness(.8)}to{opacity:1;filter:brightness(1.5)}}
@keyframes ringPrecession{0%{transform:rotate(-22deg) scaleY(1)}50%{transform:rotate(4deg) scaleY(.83)}100%{transform:rotate(28deg) scaleY(1)}}
@keyframes smallPlanetOrbit{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(3vw,3vh,0)}100%{transform:translate3d(-1vw,5vh,0)}}
@keyframes saturnFloat{0%{transform:translate3d(0,0,0) rotate(-5deg)}100%{transform:translate3d(-2vw,4vh,0) rotate(7deg)}}
@keyframes saturnRing{from{transform:rotate(-24deg)}to{transform:rotate(336deg)}}
@keyframes platformPulse{from{opacity:.45;filter:brightness(.8)}to{opacity:.95;filter:brightness(1.35)}}
@keyframes platformSpin{to{transform:rotate(360deg)}}
@keyframes corePulse{from{opacity:.62;scale:.8}to{opacity:1;scale:1.35}}
@keyframes columnPulse{from{opacity:.28;scaleY:.6}to{opacity:.85;scaleY:1.1}}
@keyframes portalFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes portalContentFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes titleShine{from{filter:drop-shadow(0 0 10px rgba(69,172,255,.2)) brightness(.92)}to{filter:drop-shadow(0 0 24px rgba(153,111,255,.62)) brightness(1.18)}}
@keyframes buttonPulse{0%,100%{box-shadow:0 0 8px rgba(73,192,255,.55),inset 0 0 17px rgba(42,152,255,.17),0 0 32px rgba(28,130,255,.22)}50%{box-shadow:0 0 16px rgba(73,192,255,.95),inset 0 0 22px rgba(42,152,255,.28),0 0 58px rgba(125,69,255,.38)}}
@media(max-width:1050px){.product-list{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-controls{grid-template-columns:1fr;gap:10px}.catalog-categories .category-list{max-height:36px}.catalog-shell{height:93dvh}.planet-world{width:58vw;right:-19vw;bottom:-46vw}.galaxy-west{width:92vw;left:-28vw}.galaxy-east{width:80vw;right:-27vw}}
@media(max-width:760px){.cosmos-header{height:66px;padding:0 15px}.cosmos-brand{gap:8px}.brand-emblem{width:32px;height:32px;font-size:17px}.cosmos-brand b{font-size:13px}.cosmos-brand small{font-size:6px}.cosmos-header-actions{gap:6px}.glass-icon{width:33px;height:33px}.glass-icon svg{width:15px;height:15px}.admin-icon{display:none}.planet-world{width:90vw;right:-43vw;bottom:-48vw}.planet-blue{left:4vw;top:22vh}.planet-saturn{right:7vw;top:17vh}.galaxy-west{width:125vw;height:58vw;left:-50vw;top:42vh;opacity:.42}.galaxy-east{width:118vw;height:52vw;right:-57vw;top:24vh;opacity:.38}.holo-platform{width:112vw;height:32vw;bottom:0}.orbital-system{width:88vw;top:50%}.center-portal{top:50%;width:94vw;padding:12px 0}.portal-logo{font-size:clamp(48px,14vw,72px);margin-top:12px}.portal-cn{font-size:14px;letter-spacing:.55em;padding-left:.55em;margin-top:11px}.portal-rule{margin:17px 0 13px;width:190px}.portal-tagline{font-size:8px;letter-spacing:.12em}.enter-store{margin-top:21px;width:190px;height:47px}.enter-store b{font-size:12px}.catalog-overlay{padding:7px}.catalog-shell{height:96dvh;padding:12px 11px 10px;clip-path:none}.catalog-topline{min-height:43px;padding-bottom:9px}.catalog-mark{width:31px;height:31px;font-size:11px}.catalog-heading{gap:9px}.catalog-heading b{font-size:11px}.catalog-heading small{font-size:6px}.catalog-top-actions{gap:8px}.catalog-live{font-size:5px}.catalog-close{width:39px;height:33px;font-size:20px}.catalog-controls{padding:10px 0 7px;gap:8px}.catalog-categories .category-list{flex-wrap:nowrap;overflow-x:auto;max-height:none;padding-bottom:5px}.category-item{height:26px;font-size:8px;flex:0 0 auto}.catalog-search{height:34px}.catalog-search input{font-size:9px}.catalog-sort{font-size:6px}.catalog-grid-head{font-size:6px;padding:7px 3px}.product-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:1px 1px 7px}.product-row{min-height:116px;padding:9px 8px 8px}.product-main{gap:7px;align-items:flex-start}.product-art{width:29px;height:29px;flex-basis:29px;min-height:29px}.product-art-symbol{font-size:14px}.product-title{font-size:9px}.product-subline{font-size:7px}.product-card-bottom{gap:5px;margin-top:7px;padding-top:6px}.product-price{font-size:10px}.product-stock b{font-size:7px}.product-stock small{font-size:5px}.product-action button{width:22px;height:21px}.catalog-bottomline{font-size:5px;padding-top:6px}}
@media(max-width:390px){.product-list{grid-template-columns:1fr}.product-row{min-height:92px}.catalog-shell{height:97dvh}.product-main{align-items:center}}
@media(max-height:700px) and (min-width:761px){.center-portal{top:48%;transform:translate(-50%,-50%) scale(.84)}.catalog-shell{height:95dvh}.product-row{min-height:105px}}
@media(prefers-reduced-motion:reduce){.cosmos-body .galaxy-east,.cosmos-body .galaxy-west,.cosmos-body .planet-world,.cosmos-body .planet-small,.cosmos-body .nebula,.cosmos-body .holo-platform,.cosmos-body .holo-platform i,.cosmos-body .energy-column,.cosmos-body .orbital-system,.cosmos-body .orbit,.cosmos-body .center-portal,.cosmos-body .portal-logo,.cosmos-body .planet-ring,.cosmos-body .planet-atmosphere,.cosmos-body .enter-store:before{animation-iteration-count:infinite!important}.cosmos-stars{opacity:1}}

/* ==========================================================
   NEXUS CINEMATIC FLEET: photoreal backplate + live ship traffic
   All assets are local; no external CDN or video dependency.
   ========================================================== */
.cosmic-stage{
  background-color:#01030a;
  background-image:url('/static/cinematic_space_backplate.webp');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:calc(50% + var(--px)) calc(50% + var(--py));
  transition:background-position .42s ease-out;
}
.cosmic-stage:before{
  z-index:0;
  background:
    linear-gradient(180deg,rgba(0,2,8,.42) 0%,rgba(0,2,8,.06) 17%,transparent 64%,rgba(0,2,8,.28) 100%),
    linear-gradient(90deg,rgba(0,1,7,.16),transparent 18%,transparent 82%,rgba(0,1,7,.16));
}
.cosmic-stage:after{
  z-index:6;
  background:radial-gradient(ellipse at center,transparent 24%,rgba(0,0,0,.08) 67%,rgba(0,0,0,.48) 100%);
}
/* The former CSS-only planets and fake spiral rings are replaced by the cinematic backplate. */
.cosmic-scene{display:none!important}
.cosmos-stars{z-index:3!important;mix-blend-mode:screen}
.spacecraft-fleet{position:absolute;z-index:5;inset:0;overflow:hidden;pointer-events:none;perspective:1200px;transform-style:preserve-3d}
.ship-flight{position:absolute;left:0;display:block;will-change:transform,opacity;pointer-events:none;opacity:0;filter:drop-shadow(0 14px 14px rgba(0,0,0,.58)) drop-shadow(0 0 16px rgba(48,176,255,.23))}
.ship-flight img{display:block;width:100%;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
.ship-flight--transport{top:24%;width:clamp(245px,32vw,560px);animation:shipTransportPass 34s linear infinite;animation-delay:-7.5s}
.ship-flight--frigate{top:38%;width:clamp(235px,32vw,560px);animation:shipFrigatePass 49s linear infinite;animation-delay:-19s;filter:drop-shadow(0 12px 18px rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(62,163,255,.25))}
@keyframes shipTransportPass{
  0%{transform:translate3d(-46vw,8vh,0) scale(.38) rotate(-5deg);opacity:0}
  7%{opacity:.94}
  44%{transform:translate3d(36vw,-3vh,0) scale(.82) rotate(-1.5deg);opacity:1}
  78%{transform:translate3d(96vw,-12vh,0) scale(1.08) rotate(2deg);opacity:.92}
  100%{transform:translate3d(146vw,-19vh,0) scale(1.24) rotate(3deg);opacity:0}
}
@keyframes shipFrigatePass{
  0%{transform:translate3d(132vw,-5vh,0) scale(.32) rotate(3deg);opacity:0}
  9%{opacity:.9}
  48%{transform:translate3d(44vw,3vh,0) scale(.78) rotate(1deg);opacity:1}
  83%{transform:translate3d(-28vw,10vh,0) scale(1.02) rotate(-2deg);opacity:.9}
  100%{transform:translate3d(-58vw,14vh,0) scale(1.16) rotate(-3deg);opacity:0}
}
/* Dark glass portal hides all baked illustration typography beneath real HTML controls. */
.center-portal{z-index:9}
.center-portal:before{
  inset:-58px -108px;
  border:1px solid rgba(93,190,238,.18);
  border-radius:48%;
  background:radial-gradient(ellipse,rgba(1,4,12,.96) 0%,rgba(1,5,14,.94) 49%,rgba(1,5,14,.72) 75%,rgba(1,5,14,0) 100%);
  box-shadow:0 0 80px rgba(0,0,0,.92),inset 0 0 46px rgba(38,116,168,.12);
  backdrop-filter:blur(5px);
  filter:none;
}
.orbital-system{z-index:7;opacity:.56}
@media(max-width:760px){
  .cosmic-stage{background-position:center center}
  .ship-flight--transport{top:23%;width:78vw}
  .ship-flight--frigate{top:39%;width:72vw}
  .center-portal:before{inset:-40px -28px}
  .orbital-system{width:100vw;opacity:.38}
}
@media(prefers-reduced-motion:reduce){
  /* User asked for a living scene; keep movement, only extend duration slightly. */
  .ship-flight--transport{animation-duration:52s}
  .ship-flight--frigate{animation-duration:68s}
}


/* ==========================================================
   NEXUS CINEMATIC DEPTH PASS
   Photographic backplate + multi-depth moving spacecraft.
   All motion is local CSS/Canvas; no remote assets required.
   ========================================================== */
.cosmic-stage{background:#01040a!important;background-image:none!important}
.space-backdrop{position:absolute;z-index:0;inset:-1.8%;overflow:hidden;pointer-events:none;transform:translate3d(var(--px),var(--py),0);transition:transform .45s ease-out;will-change:transform}
.space-backdrop-inner{position:absolute;inset:-2%;background-image:url('/static/cinematic_space_backplate.webp');background-size:cover;background-position:center center;background-repeat:no-repeat;transform:scale(1.045);animation:cinematicCameraDrift 72s ease-in-out infinite alternate;will-change:transform;filter:saturate(.92) contrast(1.035)}
.cosmic-stage:before{z-index:1!important;background:linear-gradient(180deg,rgba(0,2,8,.36) 0%,rgba(0,2,8,.04) 20%,rgba(0,2,8,.02) 70%,rgba(0,2,8,.32) 100%),linear-gradient(90deg,rgba(0,1,7,.12),transparent 20%,transparent 80%,rgba(0,1,7,.12))!important}
.cosmic-stage:after{z-index:8!important;background:radial-gradient(ellipse at 50% 46%,transparent 38%,rgba(0,0,0,.12) 76%,rgba(0,0,0,.38) 100%)!important}
.cosmos-stars{z-index:3!important;mix-blend-mode:screen;opacity:.92}
.spacecraft-fleet{position:absolute;z-index:5;inset:0;overflow:hidden;pointer-events:none;perspective:1450px;transform-style:preserve-3d}
.ship-flight{position:absolute;left:0;display:block;will-change:transform,opacity;pointer-events:none;opacity:0;isolation:isolate;filter:drop-shadow(0 16px 17px rgba(0,0,0,.48)) drop-shadow(0 0 11px rgba(54,166,255,.16))}
.ship-flight img{position:relative;z-index:1;display:block;width:100%;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
.ship-flight:before{content:"";position:absolute;z-index:0;top:43%;height:17%;filter:blur(13px);opacity:.66;pointer-events:none;border-radius:50%}
/* Escort: small, distant traffic, moving left to right. */
.ship-flight--escort{top:17%;width:clamp(125px,15vw,245px);z-index:1;animation:escortCross 31s linear infinite;animation-delay:-13s;filter:blur(.18px) drop-shadow(0 0 10px rgba(67,178,255,.24))}
.ship-flight--escort:before{left:-68%;width:80%;background:linear-gradient(90deg,transparent,rgba(48,151,255,.06),rgba(78,204,255,.5))}
/* Transport: medium-distance ship with a long, soft engine trail. */
.ship-flight--transport{top:31%;width:clamp(220px,30vw,510px);z-index:3;animation:transportCross 39s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-8s}
.ship-flight--transport:before{left:-66%;width:82%;height:20%;background:linear-gradient(90deg,transparent,rgba(25,125,255,.16),rgba(72,194,255,.66));filter:blur(18px)}
/* Frigate: larger foreground pass, travels in the opposite direction. */
.ship-flight--frigate{top:68%;width:clamp(270px,36vw,620px);z-index:4;animation:frigateCross 52s cubic-bezier(.38,0,.62,1) infinite;animation-delay:-27s;filter:drop-shadow(0 18px 22px rgba(0,0,0,.62)) drop-shadow(0 0 20px rgba(62,163,255,.22))}
.ship-flight--frigate:before{right:-66%;width:83%;height:20%;background:linear-gradient(270deg,transparent,rgba(28,119,255,.13),rgba(69,193,255,.58));filter:blur(21px)}
/* Wingman: a small escort follows on a separate depth plane. */
.ship-flight--wingman{top:25%;width:clamp(88px,10vw,168px);z-index:2;animation:wingmanCross 27s linear infinite;animation-delay:-18s;filter:blur(.42px) drop-shadow(0 0 9px rgba(56,168,255,.2));opacity:0}
.ship-flight--wingman:before{left:-62%;width:72%;height:12%;background:linear-gradient(90deg,transparent,rgba(28,119,255,.12),rgba(83,207,255,.54));filter:blur(9px)}
@keyframes cinematicCameraDrift{0%{transform:scale(1.045) translate3d(-.35%,.18%,0)}100%{transform:scale(1.105) translate3d(.45%,-.32%,0)}}
@keyframes escortCross{0%{transform:translate3d(-24vw,2vh,0) scale(.48) rotate(-2deg);opacity:0}8%{opacity:.84}48%{transform:translate3d(54vw,-1vh,0) scale(.7) rotate(0deg);opacity:.88}90%{opacity:.64}100%{transform:translate3d(128vw,-4vh,0) scale(.94) rotate(1deg);opacity:0}}
@keyframes transportCross{0%{transform:translate3d(-56vw,8vh,0) scale(.34) rotate(-4deg);opacity:0}7%{opacity:.9}39%{transform:translate3d(26vw,2vh,0) scale(.75) rotate(-1.2deg);opacity:1}76%{transform:translate3d(94vw,-5vh,0) scale(1.02) rotate(1.6deg);opacity:.88}100%{transform:translate3d(150vw,-11vh,0) scale(1.18) rotate(2.8deg);opacity:0}}
@keyframes frigateCross{0%{transform:translate3d(145vw,-6vh,0) scale(.42) rotate(3deg);opacity:0}8%{opacity:.92}38%{transform:translate3d(63vw,-1vh,0) scale(.76) rotate(1.3deg);opacity:1}72%{transform:translate3d(-7vw,6vh,0) scale(1.08) rotate(-1.1deg);opacity:.93}100%{transform:translate3d(-62vw,11vh,0) scale(1.28) rotate(-2.5deg);opacity:0}}
@keyframes wingmanCross{0%{transform:translate3d(-26vw,-5vh,0) scale(.34) rotate(-1deg);opacity:0}10%{opacity:.7}53%{transform:translate3d(48vw,-1vh,0) scale(.55) rotate(.2deg);opacity:.76}100%{transform:translate3d(130vw,4vh,0) scale(.72) rotate(1deg);opacity:0}}
/* Keep the portal legible without placing a fake opaque disc over the cinema scene. */
.center-portal{z-index:10!important;text-shadow:0 2px 18px rgba(0,0,0,.92),0 0 28px rgba(0,0,0,.62)}
.center-portal:before{inset:-64px -130px;border:0;border-radius:50%;background:radial-gradient(ellipse,rgba(1,5,13,.26) 0%,rgba(1,5,13,.12) 42%,transparent 73%);box-shadow:none;backdrop-filter:none;filter:none}
.portal-logo{filter:drop-shadow(0 2px 12px rgba(0,0,0,.72)) drop-shadow(0 0 16px rgba(75,177,255,.34))}
.portal-tagline{color:rgba(226,241,250,.92);text-shadow:0 2px 8px #000}
.orbital-system{z-index:7;opacity:.43}

@media(max-width:760px){
 .space-backdrop-inner{background-position:54% center;transform:scale(1.12)}
 .ship-flight--escort{top:19%;width:27vw}
 .ship-flight--transport{top:27%;width:72vw}
 .ship-flight--frigate{top:72%;width:82vw}
 .ship-flight--wingman{top:24%;width:19vw}
 .center-portal:before{inset:-40px -28px;background:radial-gradient(ellipse,rgba(1,5,13,.38),transparent 74%)}
}
@media(max-height:650px) and (min-width:761px){.center-portal{transform:translate(-50%,-50%) scale(.82)}.ship-flight--frigate{top:62%}}
@media(prefers-reduced-motion:reduce){
 /* Motion remains visible; lower frame cost without turning the scene into a still image. */
 .space-backdrop-inner{animation-duration:120s}
 .ship-flight--escort{animation-duration:44s}
 .ship-flight--transport{animation-duration:52s}
 .ship-flight--frigate{animation-duration:68s}
 .ship-flight--wingman{animation-duration:39s}
}


/* RED-HEAD SHIP HOMEPAGE — exact user-approved artwork, no extra controls. */
html,body.redhead-body{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden;background:#081827!important}
body.redhead-body .redhead-home{position:fixed;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 53%,#483b2c 0%,#182b3b 48%,#081522 100%)}
.redhead-backdrop{position:absolute;inset:-4%;overflow:hidden}
.redhead-backdrop img{width:100%;height:100%;object-fit:cover;filter:blur(18px) brightness(.38) saturate(.85);transform:scale(1.08)}
.redhead-stage{position:relative;z-index:1;width:min(100vw,200vh);aspect-ratio:2/1;max-height:100dvh;overflow:hidden;box-shadow:0 20px 90px rgba(0,0,0,.42)}
.redhead-hero-image{display:block;width:100%;height:100%;object-fit:fill}
.redhead-enter-hotspot{position:absolute;left:58.25%;top:60.05%;width:18.65%;height:9.05%;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;cursor:pointer;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
.redhead-enter-hotspot:hover,.redhead-enter-hotspot:focus-visible{border-color:rgba(255,218,151,.88);background:rgba(255,199,104,.07);box-shadow:0 0 0 2px rgba(128,52,26,.25),0 0 26px rgba(255,190,89,.48)}
.redhead-enter-hotspot span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-aspect-ratio:1/1){.redhead-stage{width:100vw;height:auto;max-height:100dvh;aspect-ratio:2/1}.redhead-hero-image{object-fit:contain}.redhead-enter-hotspot{left:58.25%;top:60.05%;width:18.65%;height:9.05%}}
@media(prefers-reduced-motion:no-preference){.redhead-enter-hotspot:hover{transition:box-shadow .2s,border-color .2s,background .2s}}



/* REDHEAD VIDEO HOMEPAGE — full-screen user-provided film, hover-revealed store entry. */
html, body.redhead-body { width:100%; height:100%; min-height:100%; margin:0; overflow:hidden!important; background:#07111b!important; }
body.redhead-body .redhead-home {
  position:fixed; inset:0; z-index:1; width:100vw; height:100dvh; min-height:100%; overflow:hidden;
  background:#07111b; isolation:isolate;
}
.redhead-home-video {
  position:absolute; inset:0; z-index:0; display:block; width:100%; height:100%;
  object-fit:cover; object-position:center center; background:#07111b;
  filter:saturate(1.04) contrast(1.025); transform:scale(1.002);
}
.redhead-video-shade {
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(180deg,rgba(2,10,17,.10) 0%,rgba(2,10,17,0) 36%,rgba(2,8,14,.13) 67%,rgba(2,8,14,.30) 100%),
             linear-gradient(90deg,rgba(2,8,14,.08),transparent 24%,transparent 76%,rgba(2,8,14,.10));
}
.redhead-enter-cta {
  position:absolute; z-index:3; right:clamp(24px,7vw,118px); bottom:clamp(28px,8vh,78px);
  min-width:clamp(190px,17vw,248px); min-height:clamp(52px,5.3vw,66px); padding:0 27px;
  display:inline-flex; align-items:center; justify-content:center; gap:18px;
  border:1px solid rgba(247,211,143,.96); border-radius:5px;
  color:#fff0c8; font-family:Georgia,"Songti SC","SimSun",serif; font-size:clamp(16px,1.35vw,20px);
  font-weight:700; letter-spacing:.22em; text-indent:.22em;
  background:linear-gradient(180deg,rgba(125,43,28,.96),rgba(67,20,16,.96));
  box-shadow:0 0 0 3px rgba(84,35,22,.42),0 7px 28px rgba(0,0,0,.28),0 0 34px rgba(255,184,80,.28),inset 0 1px 0 rgba(255,244,214,.35);
  opacity:0; visibility:hidden; pointer-events:none; transform:translateY(12px) scale(.97);
  transition:opacity .28s ease,transform .28s ease,visibility .28s,border-color .2s,box-shadow .2s;
  cursor:pointer; -webkit-tap-highlight-color:transparent;
}
.redhead-enter-cta b { font-family:Arial,sans-serif; font-size:1.05em; font-weight:500; text-indent:0; letter-spacing:0; color:#f8d28d; }
.redhead-home.cta-visible .redhead-enter-cta,
.redhead-enter-cta:focus-visible {
  opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0) scale(1);
}
.redhead-enter-cta:hover,.redhead-enter-cta:focus-visible {
  border-color:#fff1c6; background:linear-gradient(180deg,rgba(151,52,32,.98),rgba(84,25,17,.98));
  box-shadow:0 0 0 3px rgba(84,35,22,.48),0 10px 34px rgba(0,0,0,.34),0 0 44px rgba(255,190,93,.50),inset 0 1px 0 rgba(255,248,223,.45);
  outline:none;
}
@media (hover:none), (pointer:coarse) {
  .redhead-home .redhead-enter-cta { opacity:1; visibility:visible; pointer-events:auto; transform:none; }
}
@media(max-width:700px) {
  .redhead-home-video { object-position:center center; }
  .redhead-enter-cta { right:50%; bottom:clamp(24px,7vh,54px); transform:translate(50%,10px) scale(.97); min-width:190px; }
  .redhead-home.cta-visible .redhead-enter-cta,
  .redhead-enter-cta:focus-visible { transform:translate(50%,0) scale(1); }
}
@media(prefers-reduced-motion:reduce) {
  .redhead-enter-cta { transition:none; }
}