:root {
  --black: var(--axysyn-ink, #07090C);
  --panel: #080c14;
  --paper: var(--axysyn-paper, #E8E6DF);
  --muted: var(--axysyn-muted, #9A9B99);
  --cyan: var(--axysyn-cyan, #46E8FF);
  --cyan-rgb: 70, 232, 255;
  --pink: var(--axysyn-violet, #A879FF);
  --pink-rgb: 168, 121, 255;
  --world: var(--axysyn-acid, #D8FF3E);
  --world-rgb: 216, 255, 62;
  --line: rgba(174, 217, 239, .19);
  --display: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Narrow", sans-serif;
  --body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
  --ease: cubic-bezier(.16,1,.3,1);
  --mx: 50%;
  --my: 50%;
  --cam-x: 0;
  --cam-y: 0;
  --travel: 0;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body { margin: 0; overflow-x: hidden; background: var(--black); color: var(--paper); font-family: var(--body); -webkit-font-smoothing: antialiased; }
body[data-world="lunch"] { --world: var(--axysyn-ember, #FF5A29); --world-rgb: 255,90,41; }
body[data-world="midnight"] { --world: var(--cyan); --world-rgb: var(--cyan-rgb); }
body[data-world="family"] { --world: var(--axysyn-ember, #FF5A29); --world-rgb: 255,90,41; }
body[data-world="descent"] { --world: var(--axysyn-paper, #E8E6DF); --world-rgb: 232,230,223; }
a { color: inherit; }
button { color: inherit; font: inherit; }
img { max-width: 100%; }
::selection { background: var(--pink); color: white; }

:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
button:active, a:active { filter: brightness(1.18); }
body.booting { overflow: hidden; }
.boot-sequence { display: none; position: fixed; z-index: 2000; inset: 0; overflow: hidden; background: #020409; }
body.booting .boot-sequence { display: block; }
.boot-door { position: absolute; z-index: 1; top: 0; bottom: 0; width: 51%; background: repeating-linear-gradient(0deg,#060a12 0 84px,#121827 85px,#03060b 87px),linear-gradient(90deg,rgba(168,121,255,.15),transparent); transition: transform .85s cubic-bezier(.8,0,.2,1); }
.boot-door::before { content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(150,190,218,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(150,190,218,.18) 1px,transparent 1px);background-size:54px 54px; }
.boot-door i { position:absolute;top:0;bottom:0;width:4px;background:#fff;box-shadow:0 0 10px currentColor,0 0 40px currentColor; }
.boot-door b { position:absolute;top:50%;width:40%;height:1px;background:linear-gradient(90deg,transparent,currentColor);box-shadow:0 0 10px currentColor; }
.door-left { left:0;color:var(--pink);border-right:1px solid var(--pink); }
.door-left i { right:0;background:#ffd8ed; }.door-left b{right:0}
.door-right { right:0;color:var(--cyan);border-left:1px solid var(--cyan);background:repeating-linear-gradient(0deg,#060a12 0 84px,#121827 85px,#03060b 87px),linear-gradient(-90deg,rgba(70,232,255,.15),transparent); }
.door-right i { left:0;background:#dcfaff; }.door-right b{left:0;transform:scaleX(-1)}
.boot-core { position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;width:min(430px,calc(100% - 3rem));padding:2.4rem;border:1px solid rgba(151,207,231,.26);background:rgba(3,7,13,.84);box-shadow:0 30px 100px #000,inset 0 0 50px rgba(70,232,255,.05);transform:translate(-50%,-50%);transition:opacity .35s,transform .5s var(--ease); }
.boot-core::before,.boot-core::after{content:"";position:absolute;width:28px;height:28px;border-color:var(--cyan);border-style:solid}.boot-core::before{left:-1px;top:-1px;border-width:2px 0 0 2px}.boot-core::after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}
.boot-core img { width:76px;filter:brightness(0) invert(1);animation:boot-pulse .85s ease-in-out infinite alternate; }
.boot-core span { margin-top:1.3rem;font:900 1.5rem var(--display);letter-spacing:.1em; }
.boot-core strong { margin-top:.45rem;color:#748092;font:600 .48rem var(--mono);letter-spacing:.14em; }
.boot-core > div { width:100%;height:3px;margin-top:1.5rem;background:rgba(255,255,255,.1); }
.boot-core > div i { display:block;width:0;height:100%;background:linear-gradient(90deg,var(--pink),#fff,var(--cyan));box-shadow:0 0 12px var(--cyan);transition:width .08s linear; }
.boot-core small { justify-self:end;margin-top:.55rem;color:var(--cyan);font:.55rem var(--mono); }
.boot-sequence.complete .door-left { transform:translateX(-102%); }.boot-sequence.complete .door-right{transform:translateX(102%)}
.boot-sequence.complete .boot-core { opacity:0;transform:translate(-50%,-50%) scale(1.12); }
.scroll-rail { position:fixed;z-index:70;right:.7rem;top:50%;display:grid;justify-items:center;gap:.55rem;color:#4e5a69;font:.4rem var(--mono);transform:translateY(-50%); }
.scroll-rail > i { position:relative;display:block;width:1px;height:140px;background:rgba(148,194,218,.2); }
.scroll-rail b { position:absolute;left:-1px;top:0;width:3px;height:var(--scroll-progress,0%);background:linear-gradient(var(--pink),var(--cyan));box-shadow:0 0 8px var(--cyan); }
@keyframes boot-pulse{to{filter:brightness(0) invert(1) drop-shadow(0 0 18px var(--cyan));transform:scale(1.05)}}

.skip-link { position: fixed; z-index: 1000; left: 1rem; top: 1rem; padding: .8rem 1rem; background: var(--cyan); color: var(--black); font: 800 .65rem var(--mono); text-decoration: none; text-transform: uppercase; transform: translateY(-180%); }
.skip-link:focus { transform: none; }

#particle-field { position: fixed; z-index: 0; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: .8; }
.grain { position: fixed; z-index: 90; inset: -50%; pointer-events: none; opacity: .055; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); mix-blend-mode: screen; animation: grain .2s steps(2) infinite; }
.chromatic-flash { position: fixed; z-index: 85; inset: 0; pointer-events: none; opacity: 0; background: linear-gradient(90deg, var(--pink), #fff, var(--cyan)); mix-blend-mode: screen; }
body.flash .chromatic-flash { animation: flash .45s ease-out; }
.pointer-orb { position: fixed; z-index: 100; left: 0; top: 0; width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; opacity: 0; pointer-events: none; transform: translate(-50%,-50%); transition: width .2s, height .2s, opacity .2s, border-color .2s; }
.pointer-orb::before, .pointer-orb::after { content: ""; position: absolute; left: 50%; top: 50%; background: currentColor; }
.pointer-orb::before { width: 46px; height: 1px; transform: translate(-50%,-50%); }
.pointer-orb::after { width: 1px; height: 46px; transform: translate(-50%,-50%); }
.pointer-orb i { position: absolute; inset: 43%; border-radius: 50%; background: currentColor; box-shadow: 0 0 12px currentColor; }
body.pointer .pointer-orb { opacity: .5; }
body.pointer-over .pointer-orb { width: 58px; height: 58px; color: var(--world); border-color: var(--world); }
.impact-field { position: fixed; z-index: 84; inset: 0; overflow: hidden; pointer-events: none; }
.impact { position: absolute; width: 20px; height: 20px; border: 1px solid var(--cyan); border-radius: 50%; transform: translate(-50%,-50%); animation: impact .7s var(--ease) forwards; }
.spark { position: absolute; width: 7px; height: 2px; background: linear-gradient(90deg,#fff,var(--cyan)); box-shadow: 0 0 9px var(--cyan); animation: spark .55s var(--ease) forwards; }

.topbar { position: fixed; z-index: 80; left: 0; right: 0; top: 0; display: grid; grid-template-columns: 1fr auto auto 1fr; align-items: center; min-height: 72px; padding: 0 2rem; border-bottom: 1px solid rgba(70,232,255,.24); background: linear-gradient(180deg,rgba(3,7,13,.95),rgba(3,5,10,.76)); backdrop-filter: blur(18px); box-shadow: 0 14px 40px rgba(0,0,0,.38); transition: min-height .25s, background .25s; }
.topbar::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: linear-gradient(90deg,var(--pink),transparent 35% 65%,var(--cyan)); opacity: .75; }
.topbar.scrolled { min-height: 58px; background: rgba(3,6,11,.93); }
.brand { display: inline-flex; align-items: center; justify-self: start; gap: .75rem; text-decoration: none; }
.brand-icon { position: relative; display: grid; place-items: center; width: 39px; aspect-ratio: 1; border: 1px solid rgba(70,232,255,.55); transform: rotate(45deg); box-shadow: inset 0 0 15px rgba(70,232,255,.12); transition: transform .45s var(--ease), background .3s; }
.brand-icon::after { content: ""; position: absolute; inset: -5px; border: 1px solid rgba(168,121,255,.35); }
.brand-icon img { width: 26px; filter: brightness(0) invert(1); transform: rotate(-45deg); transition: transform .45s var(--ease); }
.brand:hover .brand-icon { background: var(--cyan); transform: rotate(135deg); }
.brand:hover .brand-icon img { filter: brightness(0); transform: rotate(-135deg); }
.brand > span:last-child { display: grid; }
.brand strong { font: 900 1rem var(--display); letter-spacing: .04em; }
.brand small { margin-top: .18rem; color: #657080; font: .42rem var(--mono); letter-spacing: .15em; }
.location { display: flex; align-items: center; gap: .55rem; min-width: 210px; color: #9aa4b3; font: .52rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.location i { width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 13px var(--cyan); animation: pulse 1.8s ease-in-out infinite; }
.location b { margin-left: auto; color: #424a57; font-weight: 500; }
.topbar nav { display: flex; margin: 0 1.5rem; }
.topbar nav a { position: relative; padding: .7rem .9rem; color: #8e98a8; font: 700 .55rem var(--mono); letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.topbar nav a::after { content: ""; position: absolute; left: .9rem; right: .9rem; bottom: .35rem; height: 1px; background: linear-gradient(90deg,var(--pink),var(--cyan)); transform: scaleX(0); transition: transform .25s var(--ease); }
.topbar nav a:hover { color: #fff; }
.topbar nav a:hover::after { transform: scaleX(1); }
.top-actions { display: flex; align-items: center; justify-self: end; gap: .6rem; }
.latency { color: #606a78; font: .47rem var(--mono); letter-spacing: .07em; }
.latency b { color: var(--cyan); }
.fx-toggle { display: flex; align-items: center; gap: .6rem; min-height: 38px; padding: 0 .8rem; border: 1px solid rgba(145,194,216,.24); background: rgba(255,255,255,.025); color: #8993a2; font: 700 .5rem var(--mono); letter-spacing: .08em; cursor: pointer; }
.fx-toggle > i { display: flex; align-items: end; gap: 2px; height: 13px; }
.fx-toggle b { display: block; width: 2px; height: 35%; background: currentColor; }
.fx-toggle b:nth-child(2) { height: 100%; }
.fx-toggle b:nth-child(3) { height: 65%; }
.fx-toggle[aria-pressed="true"] { color: #fff; border-color: var(--cyan); }
.fx-toggle[aria-pressed="true"] b { background: var(--cyan); animation: eq .55s ease-in-out infinite alternate; }
.fx-toggle[aria-pressed="true"] b:nth-child(2) { animation-delay: -.2s; }
.fx-toggle[aria-pressed="true"] b:nth-child(3) { animation-delay: -.4s; }

main, footer { position: relative; z-index: 1; }
.zone { position: relative; scroll-margin-top: 58px; }
.entry { min-height: max(100svh,800px); display: grid; grid-template-columns: 1fr 1fr; align-items: end; padding: 8rem clamp(1.2rem,5vw,5.5rem) 5.5rem; isolation: isolate; overflow: hidden; background: #03050a; }
.corridor { position: absolute; z-index: -3; inset: 0; overflow: hidden; perspective: 900px; transform: scale(calc(1 + var(--travel) * .09)) translate(calc(var(--cam-x) * 14px),calc(var(--cam-y) * 9px)); transition: transform .12s ease-out; }
body.descending .corridor { transform: scale(1.42); transition: transform .85s cubic-bezier(.65,0,.35,1); }
body.descending .corridor-back { transform: translate(-50%,-50%) scale(2.3); filter: brightness(2); transition: transform .85s cubic-bezier(.65,0,.35,1),filter .7s; }
body.descending .entry-copy,body.descending .mission-panel { opacity:0;transform:scale(.94);transition:opacity .35s,transform .5s; }
body.descending .speed-lines { opacity:1; }
.corridor-back { position: absolute; z-index: 1; left: 50%; top: 50%; display: grid; place-items: center; width: 25vw; height: 31vh; min-width: 280px; min-height: 210px; border: 2px solid #172231; background: linear-gradient(135deg,rgba(168,121,255,.08),rgba(70,232,255,.08)),#060a10; box-shadow: inset 0 0 75px #000,0 0 80px rgba(70,232,255,.13); transform: translate(-50%,-50%) scale(calc(1 + var(--travel) * .55)); transition:transform .3s,filter .3s; }
.corridor-back::before, .corridor-back::after { content: ""; position: absolute; inset: 6%; border: 1px solid rgba(160,196,218,.2); clip-path: polygon(10% 0,90% 0,100% 12%,100% 88%,90% 100%,10% 100%,0 88%,0 12%); }
.corridor-back::after { inset: 15%; border-color: rgba(70,232,255,.42); box-shadow: 0 0 20px rgba(70,232,255,.2); }
.corridor-back img { width: 90px; filter: brightness(0) invert(1); opacity: .13; }
.corridor-back span { position: absolute; bottom: 11%; color: #465161; font: 700 .65rem var(--mono); letter-spacing: .42em; }
.surface { position: absolute; overflow: hidden; }
.ceiling { left: 0; right: 0; top: 0; height: 50%; clip-path: polygon(0 0,100% 0,63% 100%,37% 100%); background: repeating-linear-gradient(90deg,#060910 0 7%,#0f1420 7.2% 7.7%,#04070c 8% 14%),repeating-linear-gradient(0deg,transparent 0 54px,rgba(124,167,194,.12) 55px,transparent 56px),linear-gradient(90deg,rgba(168,121,255,.13),#060910 44% 56%,rgba(70,232,255,.13)); }
.floor { left: -4%; right: -4%; bottom: 0; height: 51%; clip-path: polygon(36% 0,64% 0,100% 100%,0 100%); background: repeating-linear-gradient(90deg,transparent 0 9.8%,rgba(130,166,188,.15) 10%,transparent 10.2%),repeating-linear-gradient(0deg,transparent 0 70px,rgba(118,152,176,.16) 72px,transparent 74px),linear-gradient(90deg,rgba(168,121,255,.16),#05070c 46% 54%,rgba(70,232,255,.16)); }
.ceiling > i, .floor > i { position: absolute; left: 50%; top: 0; width: 1px; height: 115%; background: linear-gradient(transparent,rgba(213,239,255,.23),transparent); transform-origin: top; }
.ceiling i:nth-child(1),.floor i:nth-child(1){transform:rotate(13deg)} .ceiling i:nth-child(2),.floor i:nth-child(2){transform:rotate(-13deg)} .ceiling i:nth-child(3),.floor i:nth-child(3){transform:rotate(25deg)} .ceiling i:nth-child(4),.floor i:nth-child(4){transform:rotate(-25deg)} .ceiling i:nth-child(5),.floor i:nth-child(5){transform:rotate(36deg)} .ceiling i:nth-child(6),.floor i:nth-child(6){transform:rotate(-36deg)}
.wall { top: 0; bottom: 0; width: 50%; }
.wall-left { left: 0; clip-path: polygon(0 0,74% 0,74% 100%,0 100%); background: linear-gradient(90deg,rgba(168,121,255,.28),transparent 65%),repeating-linear-gradient(0deg,#0b0c15 0 15%,#14131e 15.2% 15.7%,#070911 16% 24%); }
.wall-right { right: 0; clip-path: polygon(26% 0,100% 0,100% 100%,26% 100%); background: linear-gradient(-90deg,rgba(70,232,255,.28),transparent 65%),repeating-linear-gradient(0deg,#091019 0 15%,#101c26 15.2% 15.7%,#060a11 16% 24%); }
.wall::after { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(163,199,220,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(163,199,220,.16) 1px,transparent 1px); background-size: 58px 58px; }
.wall .pipe { position: absolute; z-index: 2; top: 6%; bottom: 5%; width: 14px; border: 1px solid #292d3a; border-radius: 20px; background: linear-gradient(90deg,#05060a,#42434d 35%,#151621 72%,#030407); box-shadow: 5px 0 9px #000; }
.wall-left .pipe-a { left: 8%; transform: rotate(-3deg); } .wall-left .pipe-b { left: 15%; transform: rotate(-4deg); }
.wall-right .pipe-a { right: 8%; transform: rotate(3deg); } .wall-right .pipe-b { right: 15%; transform: rotate(4deg); }
.wall .light { position: absolute; z-index: 4; top: 13%; width: 5px; height: 72%; background: #fff; box-shadow: 0 0 8px currentColor,0 0 28px currentColor,0 0 60px currentColor; transform-origin: top; animation: tube-flicker 7s steps(1) infinite; }
.wall-left .light { color: var(--pink); background: #ffd5eb; transform: rotate(-12deg); }
.wall-right .light { color: var(--cyan); background: #dafaff; transform: rotate(12deg); }
.wall .light-1 { left: 28%; } .wall .light-2 { left: 45%; height: 58%; top: 21%; } .wall .light-3 { left: 61%; height: 46%; top: 27%; } .wall .light-4 { left: 73%; height: 34%; top: 34%; }
.wall-right .light-1 { left: auto; right: 28%; } .wall-right .light-2 { left:auto;right:45% } .wall-right .light-3 { left:auto;right:61% } .wall-right .light-4 { left:auto;right:73% }
.wall .panel { position: absolute; z-index: 3; width: 18%; height: 18%; border: 1px solid rgba(168,191,215,.24); background: linear-gradient(135deg,rgba(255,255,255,.05),transparent),#080b12; box-shadow: inset 0 0 18px #000; }
.wall-left .panel-1 { left: 20%; top: 12%; } .wall-left .panel-2 { left: 37%; top: 34%; } .wall-left .panel-3 { left: 12%; bottom: 18%; } .wall-left .panel-4 { left: 52%; bottom: 13%; }
.wall-right .panel-1 { right: 20%; top: 12%; } .wall-right .panel-2 { right: 37%; top: 34%; } .wall-right .panel-3 { right: 12%; bottom: 18%; } .wall-right .panel-4 { right: 52%; bottom: 13%; }
.floor-reflection { position: absolute; left: 16%; right: 16%; bottom: -15%; height: 45%; background: radial-gradient(ellipse at center,rgba(255,255,255,.12),transparent 60%),linear-gradient(90deg,rgba(168,121,255,.14),transparent 42% 58%,rgba(70,232,255,.14)); filter: blur(10px); transform: perspective(500px) rotateX(68deg); }
.speed-lines { position: absolute; z-index: 5; inset: 0; opacity: calc(var(--travel) * .8); }
.speed-lines i { position: absolute; left: 50%; top: 50%; width: 2px; height: 24%; background: linear-gradient(transparent,#fff); transform-origin: top; animation: speed 1s linear infinite; }
.speed-lines i:nth-child(1){transform:rotate(18deg) translateY(100%)} .speed-lines i:nth-child(2){transform:rotate(62deg) translateY(100%)} .speed-lines i:nth-child(3){transform:rotate(112deg) translateY(100%)} .speed-lines i:nth-child(4){transform:rotate(188deg) translateY(100%)} .speed-lines i:nth-child(5){transform:rotate(244deg) translateY(100%)} .speed-lines i:nth-child(6){transform:rotate(310deg) translateY(100%)}
.entry-shade { position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 50% 50%,transparent 10%,rgba(2,3,7,.25) 43%,rgba(2,3,7,.86) 100%),linear-gradient(to top,rgba(2,4,8,.8),transparent 45%); }
.vertical-code { position: absolute; z-index: 8; top: 50%; margin: 0; color: #596374; font: .44rem var(--mono); letter-spacing: .12em; text-transform: uppercase; writing-mode: vertical-rl; }
.left-code { left: 1rem; transform: rotate(180deg) translateY(50%); } .right-code { right: 1rem; transform: translateY(-50%); }
.entry-copy { position: relative; z-index: 8; max-width: 750px; align-self: end; }
.eyebrow { display: flex; align-items: center; gap: .65rem; margin: 0 0 1.3rem; color: #8993a2; font: 700 .58rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 14px var(--cyan); }
.eyebrow span { color: var(--pink); }
.entry h1 { display: grid; margin: 0; font: 900 clamp(5rem,11vw,11.5rem)/.68 var(--display); letter-spacing: -.045em; text-transform: uppercase; text-shadow: 0 18px 50px #000; }
.entry h1 > span { display: block; }
.entry h1 .split { position: relative; height: .7em; color: transparent; }
.entry h1 .split i,.entry h1 .split b { position: absolute; left: 0; top: 0; font-style: normal; font-weight: inherit; }
.entry h1 .split i { color: var(--pink); clip-path: polygon(0 0,100% 0,100% 52%,0 70%); text-shadow: 0 0 28px rgba(168,121,255,.34); transform: translateX(calc(var(--cam-x) * -8px)); }
.entry h1 .split b { color: var(--cyan); clip-path: polygon(0 72%,100% 54%,100% 100%,0 100%); text-shadow: 0 0 28px rgba(70,232,255,.34); transform: translateX(calc(var(--cam-x) * 8px)); }
.entry-copy > p:not(.eyebrow) { max-width: 560px; margin: 1.6rem 0; color: #acb3c0; font-size: .94rem; line-height: 1.65; }
.entry-actions { display: flex; align-items: center; gap: 1.2rem; }
.engage-button,.launch-game { position: relative; display: inline-flex; align-items: center; justify-content: space-between; gap: 2rem; min-width: 230px; min-height: 58px; padding: 0 .3rem 0 1.15rem; overflow: hidden; border: 1px solid var(--cyan); background: rgba(5,17,24,.75); color: #fff; font: 900 .61rem var(--mono); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; box-shadow: inset 0 0 22px rgba(70,232,255,.1),0 0 25px rgba(70,232,255,.08); transition: transform .15s,box-shadow .2s; }
.engage-button::before,.launch-game::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,var(--pink),var(--cyan)); opacity: 0; transition: opacity .2s; }
.engage-button > span,.engage-button > i,.launch-game > span,.launch-game > i { position: relative; z-index: 2; }
.engage-button > i,.launch-game > i { display: grid; place-items: center; width: 48px; height: 48px; background: var(--cyan); color: var(--black); font-style: normal; }
.engage-button > b,.launch-game > b { position: absolute; left: 0; bottom: 0; width: var(--engage,0%); height: 3px; background: #fff; box-shadow: 0 0 12px #fff; }
.engage-button:hover,.launch-game:hover { box-shadow: 0 0 42px rgba(70,232,255,.24); }
.engage-button:hover::before,.launch-game:hover::before { opacity: .18; }
.engage-button:active,.launch-game:active { transform: scale(.97); }
.quiet-link,.case-link { padding: .7rem 0; border-bottom: 1px solid rgba(255,255,255,.22); color: #929aa8; font: 700 .53rem var(--mono); letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }
.quiet-link span,.case-link span { margin-left: .5rem; color: var(--cyan); }
.mission-panel { position: relative; z-index: 7; width: min(420px,100%); justify-self: end; align-self: end; padding: 1.5rem; border: 1px solid rgba(158,193,217,.24); background: linear-gradient(135deg,rgba(168,121,255,.05),transparent 45%,rgba(70,232,255,.06)),rgba(4,8,14,.74); backdrop-filter: blur(14px); box-shadow: inset 0 0 34px rgba(70,232,255,.04),0 25px 60px rgba(0,0,0,.46); }
.mission-panel::before,.mission-panel::after { content: ""; position: absolute; width: 18px; height: 18px; border-color: var(--cyan); border-style: solid; }
.mission-panel::before { left: -1px; top: -1px; border-width: 2px 0 0 2px; } .mission-panel::after { right:-1px;bottom:-1px;border-width:0 2px 2px 0; }
.panel-label { color: var(--cyan); font: .47rem var(--mono); letter-spacing: .1em; }
.mission-panel > strong { display: block; margin: 1rem 0; font: 900 clamp(2rem,3vw,3.2rem)/.82 var(--display); letter-spacing: -.02em; }
.mission-panel > p { color: #8993a2; font-size: .75rem; line-height: 1.55; }
.mission-wave { display: flex; align-items: center; gap: 3px; height: 35px; }
.mission-wave i { width: 4px; height: 25%; background: linear-gradient(var(--pink),var(--cyan)); animation: eq .7s ease-in-out infinite alternate; }
.mission-wave i:nth-child(3n) { height: 90%; animation-delay:-.3s}.mission-wave i:nth-child(2n){height:55%;animation-delay:-.5s}
.mission-stats { display: flex; justify-content: space-between; gap: .5rem; margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid var(--line); color: #687281; font: .44rem var(--mono); }
.mission-stats b { display: block; margin-bottom: .22rem; color: #fff; font-size: .68rem; }
.entry-telemetry { position: absolute; z-index: 8; left: clamp(1.2rem,5vw,5.5rem); right: clamp(1.2rem,5vw,5.5rem); bottom: 1.3rem; display: flex; gap: 2rem; color: #515b69; font: .45rem var(--mono); letter-spacing: .06em; }
.entry-telemetry b { margin-left: .35rem; color: #a6afbc; }
.entry-telemetry span:last-child b { color: var(--cyan); }

.warning-strip { position: relative; z-index: 5; overflow: hidden; border-top: 1px solid #ff6cae; border-bottom: 1px solid #ff6cae; background: var(--pink); color: #15030c; box-shadow: 0 0 24px rgba(168,121,255,.35); }
.warning-strip > div { display: flex; width: max-content; align-items: center; padding: .72rem 0; animation: ticker 24s linear infinite; }
.warning-strip span { padding: 0 1.5rem; font: 900 .55rem var(--mono); letter-spacing: .1em; }
.warning-strip i { width: 6px; height: 6px; background: currentColor; transform: rotate(45deg); }

.games { min-height: 100vh; padding: clamp(7rem,11vw,11rem) clamp(1.2rem,5vw,5.5rem); overflow: hidden; background: radial-gradient(circle at 65% 48%,rgba(var(--world-rgb),.09),transparent 30%),linear-gradient(145deg,#070913,#02050a 70%); transition: background .45s; }
.section-grid { position: absolute; inset: 0; opacity: .25; background-image: linear-gradient(rgba(77,151,183,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(77,151,183,.13) 1px,transparent 1px); background-size: 62px 62px; mask-image: linear-gradient(#000,transparent 90%); }
.section-head { position: relative; z-index: 2; display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 3rem; margin-bottom: 3.5rem; }
.section-head h2,.music h2,.origin h2 { margin: 0; font: 900 clamp(4.4rem,8vw,8.6rem)/.75 var(--display); letter-spacing: -.045em; text-transform: uppercase; }
.section-head h2 em { color: var(--world); font-style: normal; text-shadow: 0 0 32px rgba(var(--world-rgb),.25); transition: color .35s; }
.section-head > p { max-width: 450px; margin: 0; color: #8893a2; font-size: .9rem; line-height: 1.7; }
.gate-console { position: relative; z-index: 3; display: grid; grid-template-columns: 240px minmax(0,1fr); min-height: 700px; border: 1px solid rgba(112,176,205,.28); background: rgba(4,8,14,.8); box-shadow: 0 35px 100px #000,inset 0 0 90px rgba(70,232,255,.03); }
.gate-architecture { position: absolute; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; }
.gate-architecture i { position: absolute; top: 0; bottom: 0; width: 3px; background: linear-gradient(transparent,var(--cyan),transparent); box-shadow: 0 0 15px var(--cyan); opacity: .3; }
.gate-architecture i:nth-child(1){left:4%}.gate-architecture i:nth-child(2){left:33%}.gate-architecture i:nth-child(3){right:33%}.gate-architecture i:nth-child(4){right:4%}
.gate-architecture b { position: absolute; left: 0; right: 0; height: 1px; background: linear-gradient(90deg,transparent,var(--pink),transparent); opacity: .35; }
.gate-architecture b:first-of-type{top:12%}.gate-architecture b:last-of-type{bottom:12%}
.bay-list { display: flex; flex-direction: column; border-right: 1px solid rgba(112,176,205,.24); background: rgba(3,7,12,.72); }
.bay { position: relative; flex: 1; display: grid; grid-template-columns: 34px 52px 1fr; grid-template-rows: auto auto; align-content: center; align-items: center; gap: .25rem .7rem; min-height: 120px; padding: 1rem; overflow: hidden; border: 0; border-bottom: 1px solid rgba(112,176,205,.19); background: transparent; color: #606a78; text-align: left; cursor: pointer; transition: color .2s,background .2s; }
.bay:last-child { border-bottom: 0; }
.bay > span { grid-row:1/3; font: .5rem var(--mono); }
.bay img { grid-row:1/3; width: 52px; aspect-ratio:1; object-fit:cover; filter:grayscale(1) brightness(.45); transition:filter .25s,transform .3s var(--ease); }
.bay strong { font:900 1.2rem/.82 var(--display); }
.bay small { font:.41rem var(--mono); letter-spacing:.07em; }
.bay > i { position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--world);box-shadow:0 0 12px var(--world);transform:scaleY(0);transition:transform .3s var(--ease); }
.bay:hover,.bay.active { color:#fff;background:linear-gradient(90deg,rgba(var(--world-rgb),.14),transparent); }
.bay:hover img,.bay.active img { filter:none;transform:scale(1.08) rotate(-2deg); }
.bay.active > span { color:var(--world); }.bay.active > i { transform:scaleY(1); }
.breach { position: relative; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr); min-width: 0; overflow: hidden; }
.breach-media { position: relative; min-height: 640px; overflow: hidden; background:#05070b; clip-path:polygon(0 0,92% 0,100% 9%,100% 91%,92% 100%,0 100%); }
.breach-media > img { width:100%;height:100%;object-fit:cover;filter:saturate(1.18) contrast(1.12);transform:scale(1.04);transition:opacity .2s,transform .8s var(--ease),filter .2s; }
.breach.changing .breach-media > img { opacity:.12;filter:saturate(0) contrast(2);transform:scale(1.15) translateX(-2%); }
.breach-glass { position:absolute;z-index:2;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 19% 70%,rgba(var(--world-rgb),.15)),linear-gradient(to top,#03050a,transparent 48%);pointer-events:none; }
.breach-scan { position:absolute;z-index:4;left:0;right:0;top:-20%;height:18%;background:linear-gradient(transparent,rgba(var(--world-rgb),.65),#fff,transparent);filter:blur(2px);mix-blend-mode:screen;animation:breach-scan 5s linear infinite; }
.breach-noise { position:absolute;z-index:3;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:screen;animation:grain .15s steps(2) infinite;transition:opacity .2s; }
.breach.changing .breach-noise { opacity:.8; }
.breach-brackets i { position:absolute;z-index:5;width:35px;height:35px;border-color:var(--world);border-style:solid; }
.breach-brackets i:nth-child(1){left:18px;top:18px;border-width:1px 0 0 1px}.breach-brackets i:nth-child(2){right:9%;top:18px;border-width:1px 1px 0 0}.breach-brackets i:nth-child(3){left:18px;bottom:18px;border-width:0 0 1px 1px}.breach-brackets i:nth-child(4){right:9%;bottom:18px;border-width:0 1px 1px 0}
.breach-code { position:absolute;z-index:5;left:1.5rem;right:10%;top:1.3rem;display:flex;justify-content:space-between;color:var(--world);font:700 .5rem var(--mono);letter-spacing:.1em; }.breach-code b{color:#fff;font-weight:600}.breach-code b::before{content:"";display:inline-block;width:5px;height:5px;margin-right:.5rem;border-radius:50%;background:var(--world);box-shadow:0 0 10px var(--world)}
.breach-copy { position:relative;z-index:5;align-self:center;padding:3rem 2.5rem 5rem 1.5rem; }
.game-index { color:var(--world);font:900 1rem var(--mono);letter-spacing:.08em; }
.breach-copy h3 { margin:1rem 0;font:900 clamp(3.2rem,5.4vw,6rem)/.76 var(--display);letter-spacing:-.04em;text-transform:uppercase; }
.breach-copy > p { color:#9ca6b4;font-size:.85rem;line-height:1.65; }
.game-tags { display:flex;flex-wrap:wrap;gap:.4rem;margin:1.2rem 0; }.game-tags span{padding:.45rem .55rem;border:1px solid rgba(157,195,218,.25);color:#84909f;font:.46rem var(--mono);letter-spacing:.05em;text-transform:uppercase}
.game-actions { display:flex;align-items:center;gap:1rem;margin-top:1.3rem; }
.launch-game { min-width:200px;min-height:54px;text-decoration:none;border-color:var(--world);box-shadow:inset 0 0 22px rgba(var(--world-rgb),.08); }.launch-game > i{width:44px;height:44px;background:var(--world)}
.gate-status { position:absolute;z-index:7;left:1.5rem;right:1.5rem;bottom:1.2rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;color:#56616f;font:.45rem var(--mono); }.gate-status > i{height:2px;background:rgba(255,255,255,.11)}.gate-status b{display:block;width:97%;height:100%;background:var(--world);box-shadow:0 0 9px var(--world);transition:width .4s}.gate-status strong{color:var(--world)}
.control-hint { margin:1.5rem 0 0;color:#525e6d;font:.48rem var(--mono);letter-spacing:.06em;text-align:center;text-transform:uppercase; }.control-hint kbd{display:inline-grid;place-items:center;min-width:26px;min-height:24px;margin:0 .1rem;border:1px solid #26384b;background:#0a1019;box-shadow:0 2px #000;font:inherit}.control-hint span{margin:0 .65rem;color:var(--pink)}

.music { min-height:100vh;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:clamp(3rem,7vw,8rem);padding:clamp(8rem,12vw,12rem) clamp(1.2rem,5vw,5.5rem);overflow:hidden;background:radial-gradient(circle at 70% 48%,rgba(70,232,255,.12),transparent 30%),linear-gradient(90deg,#140611,#050811 45% 55%,#04101a); }
.music::before { content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(168,121,255,.12),transparent 42% 58%,rgba(70,232,255,.12));pointer-events:none; }
.frequency-corridor { position:absolute;inset:0;opacity:.38;pointer-events:none;perspective:700px; }.frequency-corridor i{position:absolute;left:50%;top:50%;width:1px;height:120%;background:linear-gradient(transparent,rgba(255,255,255,.2),transparent);transform-origin:top}.frequency-corridor i:nth-child(1){transform:rotate(20deg)}.frequency-corridor i:nth-child(2){transform:rotate(-20deg)}.frequency-corridor i:nth-child(3){transform:rotate(48deg)}.frequency-corridor i:nth-child(4){transform:rotate(-48deg)}.frequency-corridor i:nth-child(5){left:0;right:0;top:50%;width:auto;height:1px;transform:none;background:linear-gradient(90deg,var(--pink),transparent 45% 55%,var(--cyan));box-shadow:0 0 15px rgba(255,255,255,.2)}
.music-copy { position:relative;z-index:2; }.music h2 em{color:var(--pink);font-style:normal;text-shadow:0 0 35px rgba(168,121,255,.3)}.music-copy > p:not(.eyebrow){max-width:460px;color:#9aa4b2;font-size:.92rem;line-height:1.7}.music-link{display:inline-flex;gap:1.5rem;margin-top:1rem;padding:.9rem 0;border-bottom:1px solid var(--pink);font:800 .58rem var(--mono);letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.music-link span{color:var(--cyan)}
.frequency-deck { position:relative;z-index:2;min-height:720px;perspective:1200px; }
.album-stage { position:absolute;left:12%;top:4%;width:min(34vw,430px);transform:rotateY(-8deg) rotateX(3deg);transform-style:preserve-3d;transition:transform .2s; }.album-stage > a{position:relative;display:block;aspect-ratio:1;color:inherit}.album-stage img{width:100%;height:100%;object-fit:cover;border:1px solid rgba(191,232,255,.45);box-shadow:18px 24px 0 rgba(168,121,255,.15),0 55px 110px #000;transition:opacity .2s,filter .2s,transform .6s var(--ease)}.album-stage.changing img{opacity:.15;filter:saturate(0);transform:scale(.9) rotate(-4deg)}.album-glass{position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.18),transparent 24% 70%,rgba(70,232,255,.15));mix-blend-mode:screen}.album-data{display:grid;gap:.3rem;margin-top:1.2rem}.album-data span{color:var(--cyan);font:.48rem var(--mono);letter-spacing:.09em}.album-data strong{font:900 clamp(2rem,3vw,3.5rem)/.8 var(--display)}.album-data small{color:#7e8998;font:.5rem var(--mono);letter-spacing:.08em}
.tuner { position:absolute;right:0;top:18%;width:46%;min-height:390px;padding:2rem;border:1px solid rgba(134,190,219,.25);background:rgba(3,8,14,.72);box-shadow:inset 0 0 55px rgba(70,232,255,.05),0 30px 80px #000;backdrop-filter:blur(12px); }.frequency-scale{display:flex;align-items:center;justify-content:space-between;color:#566272;font:.42rem var(--mono)}.frequency-scale i{width:1px;height:18px;background:#3d4958}.dial{position:relative;display:grid;place-items:center;width:190px;height:190px;margin:2.2rem auto 1.5rem;border:1px solid rgba(126,191,220,.4);border-radius:50%;background:radial-gradient(circle,#111b26 0 28%,#070b13 29% 44%,#17202b 45% 47%,#050810 48%);box-shadow:inset 0 0 35px #000,0 0 45px rgba(70,232,255,.1);cursor:grab;touch-action:none;transform:rotate(var(--dial-rotation,-35deg));transition:box-shadow .2s}.dial:active{cursor:grabbing;box-shadow:inset 0 0 35px #000,0 0 55px rgba(168,121,255,.22)}.dial i{position:absolute;left:50%;top:9px;width:2px;height:38px;background:linear-gradient(#fff,var(--cyan));box-shadow:0 0 12px var(--cyan);transform-origin:0 86px}.dial b{position:absolute;inset:12%;border:1px dashed #354455;border-radius:50%;animation:node-orbit 18s linear infinite}.dial span{color:#fff;font:900 1rem var(--mono);transform:rotate(calc(var(--dial-rotation,-35deg) * -1));transition:transform .15s}.artist-buttons{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(126,191,220,.24)}.artist-buttons button{min-height:44px;border:0;border-right:1px solid rgba(126,191,220,.2);background:transparent;color:#647080;font:700 .52rem var(--mono);cursor:pointer}.artist-buttons button:last-child{border-right:0}.artist-buttons button:hover,.artist-buttons button.active{background:linear-gradient(135deg,rgba(168,121,255,.18),rgba(70,232,255,.18));color:#fff}.spectrum{position:absolute;left:4%;right:0;bottom:0;display:flex;align-items:end;gap:5px;height:105px}.spectrum i{flex:1;height:20%;background:linear-gradient(var(--cyan),var(--pink));opacity:.65;animation:eq 1s ease-in-out infinite alternate}.spectrum i:nth-child(3n){height:90%;animation-delay:-.2s}.spectrum i:nth-child(2n){height:55%;animation-delay:-.5s}.spectrum i:nth-child(5n){height:75%;animation-delay:-.7s}

.origin { min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6rem;padding:clamp(8rem,12vw,12rem) clamp(1.2rem,5vw,5.5rem);overflow:hidden;background:radial-gradient(circle at 28% 50%,rgba(168,121,255,.1),transparent 30%),radial-gradient(circle at 72% 50%,rgba(70,232,255,.1),transparent 30%),#020409; }.origin::before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(90,142,170,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(90,142,170,.2) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle,#000,transparent 72%)}
.origin-rings{position:absolute;left:50%;top:50%;width:min(70vw,950px);aspect-ratio:1;transform:translate(-50%,-50%);opacity:.28;pointer-events:none}.origin-rings i{position:absolute;left:50%;top:50%;border:1px solid rgba(103,183,214,.4);border-radius:50%;transform:translate(-50%,-50%)}.origin-rings i:nth-child(1){width:100%;height:100%;border-style:dashed;animation:engine-orbit 35s linear infinite}.origin-rings i:nth-child(2){width:76%;height:76%;animation:engine-orbit 22s linear infinite reverse}.origin-rings i:nth-child(3){width:50%;height:50%;border-color:var(--pink);box-shadow:0 0 60px rgba(168,121,255,.12)}.origin-rings i:nth-child(4){width:28%;height:28%;border-color:var(--cyan);box-shadow:0 0 60px rgba(70,232,255,.14)}.origin-rings img{position:absolute;left:50%;top:50%;width:16%;filter:brightness(0) invert(1);transform:translate(-50%,-50%);opacity:.3}.origin-copy,.origin-note{position:relative;z-index:2}.origin h2 em{color:transparent;font-style:normal;-webkit-text-stroke:1px var(--cyan);text-shadow:0 0 30px rgba(70,232,255,.18)}.origin-note{max-width:520px;padding:2rem;border:1px solid rgba(132,190,218,.25);background:rgba(4,8,14,.72);backdrop-filter:blur(14px)}.origin-note > span{color:var(--pink);font:.5rem var(--mono);letter-spacing:.1em}.origin-note p{margin:1.6rem 0;color:#9ca6b4;font-size:.94rem;line-height:1.8}.origin-note a{display:inline-flex;gap:1.5rem;padding:.8rem 0;border-bottom:1px solid var(--cyan);font:800 .56rem var(--mono);letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.origin-note b{color:var(--pink)}

footer{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:2rem;min-height:220px;padding:3rem clamp(1.2rem,5vw,5.5rem);border-top:1px solid rgba(70,232,255,.2);background:#010307}.footer-brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}.footer-brand img{width:44px;filter:brightness(0) invert(1)}.footer-brand > span{display:grid;font:900 1.1rem var(--display)}.footer-brand small{color:#4f5968;font:.4rem var(--mono);letter-spacing:.15em}footer>p{color:#56606e;font-size:.7rem}footer nav{display:flex;gap:1.2rem}footer nav a{color:#77818f;font:600 .5rem var(--mono);text-decoration:none;text-transform:uppercase}footer nav a:hover{color:var(--cyan)}.end-code{grid-column:1/-1;color:#323a45;font:.42rem var(--mono);letter-spacing:.1em}
.toast{position:fixed;z-index:120;left:50%;bottom:2rem;width:min(440px,calc(100% - 2rem));padding:1rem;border:1px solid var(--cyan);background:rgba(3,7,12,.94);font:700 .56rem var(--mono);letter-spacing:.07em;text-align:center;text-transform:uppercase;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:opacity .25s,transform .35s var(--ease)}.toast.visible{opacity:1;transform:translate(-50%,0)}
.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.motion-ready .reveal.visible{opacity:1;transform:none}

@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}100%{transform:translate(-3%,-2%)}}
@keyframes flash{0%{opacity:0}15%{opacity:.4}100%{opacity:0}}
@keyframes impact{to{opacity:0;transform:translate(-50%,-50%) scale(17)}}
@keyframes spark{to{opacity:0;transform:translate(var(--sx),var(--sy)) rotate(var(--sr))}}
@keyframes pulse{50%{opacity:.3}}
@keyframes eq{to{height:100%;opacity:1}}
@keyframes tube-flicker{0%,91%,93%,100%{opacity:1}92%{opacity:.25}}
@keyframes speed{to{opacity:0;translate:0 150%}}
@keyframes ticker{to{transform:translateX(-50%)}}
@keyframes breach-scan{to{transform:translateY(680%)}}
@keyframes node-orbit{to{transform:rotate(360deg)}}
@keyframes engine-orbit{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}

@media(max-width:1100px){
  .topbar{grid-template-columns:1fr auto auto}.location{display:none}.entry{grid-template-columns:1.15fr .85fr}.entry h1{font-size:clamp(5rem,10vw,8rem)}.mission-panel{max-width:340px}.gate-console{grid-template-columns:205px 1fr}.breach{grid-template-columns:1.1fr .9fr}.breach-copy{padding-right:1.5rem}.frequency-deck{min-height:650px}.tuner{width:49%}.album-stage{left:3%;width:min(37vw,390px)}
}
@media(max-width:820px){
  .topbar{grid-template-columns:1fr auto;padding:0 1rem;min-height:62px}.topbar nav,.latency,.scroll-rail{display:none}.entry{grid-template-columns:1fr;align-content:end;gap:2rem;min-height:960px;padding:8rem 1.3rem 4.5rem}.corridor-back{top:34%;width:42vw;height:27vh}.entry-copy{align-self:end}.entry h1{font-size:clamp(4.6rem,18vw,8rem)}.mission-panel{display:none}.entry-telemetry{left:1.3rem;right:1.3rem;gap:.8rem}.entry-telemetry span:nth-child(2){display:none}.surface.wall{width:58%}.wall-left{clip-path:polygon(0 0,72% 0,72% 100%,0 100%)}.wall-right{clip-path:polygon(28% 0,100% 0,100% 100%,28% 100%)}.section-head{grid-template-columns:1fr;gap:1.5rem}.gate-console{grid-template-columns:1fr}.bay-list{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid rgba(112,176,205,.24)}.bay{min-height:100px}.bay:nth-child(2){border-right:0}.breach{min-height:760px;grid-template-columns:1fr}.breach-media{position:absolute;inset:0;min-height:0;clip-path:none}.breach-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#03050a 16%,transparent 75%)}.breach-copy{align-self:end;padding:23rem 1.5rem 5rem}.music{grid-template-columns:1fr;gap:4rem}.frequency-deck{width:min(100%,680px);justify-self:center}.origin{grid-template-columns:1fr;gap:4rem}.origin-rings{width:110vw}.origin-note{max-width:640px}footer{grid-template-columns:1fr auto}footer>p{display:none}
}
@media(max-width:560px){
  .fx-toggle span{display:none}.entry{min-height:880px}.entry h1{font-size:clamp(4rem,20vw,6.4rem)}.entry-copy>p:not(.eyebrow){font-size:.82rem}.entry-actions{align-items:flex-start;flex-direction:column}.engage-button{width:100%}.vertical-code{display:none}.command-hint{display:none}.entry-telemetry span:nth-child(3){display:none}.corridor-back{top:29%;min-width:180px;min-height:150px}.wall .light-1{left:25%}.wall .light-2,.wall .light-4{display:none}.wall-right .light-1{left:auto;right:25%}.wall-right .light-3{left:auto;right:58%}.wall-left .light-3{left:58%}.wall .pipe-b{display:none}.games{padding-left:1rem;padding-right:1rem}.section-head h2,.music h2,.origin h2{font-size:clamp(3.7rem,16vw,5.5rem)}.bay-list{grid-template-columns:1fr}.bay{min-height:82px;grid-template-columns:30px 43px 1fr}.bay img{width:43px}.breach{min-height:700px}.breach-copy{padding:19rem 1rem 5rem}.breach-copy h3{font-size:clamp(3rem,14vw,4.7rem)}.game-actions{align-items:flex-start;flex-direction:column}.launch-game{width:100%}.control-hint{display:none}.music{padding-left:1.1rem;padding-right:1.1rem}.frequency-deck{min-height:680px}.album-stage{left:5%;top:0;width:78vw}.tuner{left:0;right:0;top:55%;width:100%;min-height:310px;padding:1.2rem}.dial{width:145px;height:145px;margin:1.5rem auto}.dial i{height:28px;transform-origin:0 64px}.spectrum{height:70px}.origin{padding-left:1.1rem;padding-right:1.1rem}.origin-note{padding:1.3rem}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}
}
@media(pointer:coarse){.pointer-orb{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.pointer-orb,#particle-field,.speed-lines{display:none}.reveal{opacity:1!important;transform:none!important}.corridor{transform:none!important}}

/* Infinite arcade floor */
.arcade-room {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(330px,390px);
  min-height: 790px;
  overflow: hidden;
  border: 1px solid rgba(114,190,220,.28);
  background: linear-gradient(90deg,rgba(168,121,255,.04),transparent 38%,rgba(70,232,255,.04)),#03060d;
  box-shadow: 0 45px 130px #000,inset 0 0 100px rgba(70,232,255,.04);
  isolation: isolate;
}
.arcade-room::before,.arcade-room::after { content:"";position:absolute;z-index:20;width:45px;height:45px;border-style:solid;pointer-events:none }
.arcade-room::before { left:-1px;top:-1px;border-width:2px 0 0 2px;border-color:var(--pink) }
.arcade-room::after { right:-1px;bottom:-1px;border-width:0 2px 2px 0;border-color:var(--cyan) }
.arcade-architecture { position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 38% 30%,rgba(var(--world-rgb),.08),transparent 28%),linear-gradient(#050914 0 58%,#02040a 58%) }
.arcade-architecture::before { content:"";position:absolute;left:0;right:0;top:58%;height:1px;background:linear-gradient(90deg,var(--pink),#fff 38%,var(--cyan));box-shadow:0 0 15px var(--cyan),0 0 55px var(--pink);opacity:.55 }
.arcade-sign { position:absolute;z-index:4;left:calc(50% - 195px);top:25px;display:grid;width:390px;padding:.75rem 2.4rem .55rem;border:1px solid rgba(255,255,255,.25);background:linear-gradient(110deg,rgba(168,121,255,.18),rgba(5,9,18,.94) 45%,rgba(70,232,255,.17));clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);text-align:center;box-shadow:inset 0 0 30px rgba(70,232,255,.08),0 8px 40px #000;animation:arcade-sign-flicker 8s linear infinite }
.arcade-sign span { color:var(--pink);font:700 .46rem var(--mono);letter-spacing:.55em }
.arcade-sign strong { font:900 2.7rem/.8 var(--display);letter-spacing:.15em;text-shadow:-2px 0 12px var(--pink),2px 0 12px var(--cyan) }
.arcade-sign i { color:var(--cyan);font:normal 700 .42rem var(--mono);letter-spacing:.35em }
.ceiling-tubes { position:absolute;left:-8%;right:35%;top:0;height:190px;perspective:500px;transform:rotateX(68deg);transform-origin:top }
.ceiling-tubes i { position:absolute;top:20px;width:2px;height:240px;background:#fff;box-shadow:0 0 7px #fff,0 0 18px currentColor,0 0 50px currentColor;opacity:.7 }
.ceiling-tubes i:nth-child(1){left:8%;color:var(--pink)}.ceiling-tubes i:nth-child(2){left:29%;color:var(--pink)}.ceiling-tubes i:nth-child(3){left:50%;color:#a967ff}.ceiling-tubes i:nth-child(4){left:71%;color:var(--cyan)}.ceiling-tubes i:nth-child(5){left:92%;color:var(--cyan)}
.arcade-floor { position:absolute;left:-25%;right:18%;bottom:-26%;height:68%;background:linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.12) 50%,transparent 50.3%),linear-gradient(rgba(70,232,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(168,121,255,.12) 1px,transparent 1px),linear-gradient(90deg,#070a12,#020409);background-size:100% 100%,100% 52px,72px 100%,100% 100%;transform:perspective(420px) rotateX(62deg);transform-origin:bottom;mask-image:linear-gradient(transparent,#000 45%);animation:arcade-floor-pulse 4s ease-in-out infinite alternate }
.arcade-haze { position:absolute;left:4%;right:30%;bottom:10%;height:280px;background:radial-gradient(ellipse,rgba(var(--scene-rgb),.16),transparent 66%);filter:blur(25px);animation:arcade-haze 7s ease-in-out infinite alternate }
.cabinet-viewport { position:relative;min-width:0;overflow:hidden;cursor:grab;touch-action:pan-y;perspective:1200px;user-select:none;-webkit-user-select:none }
.cabinet-viewport::after { content:"DRAG / SWIPE";position:absolute;z-index:25;left:50%;top:116px;padding:.38rem .65rem;border:1px solid rgba(145,198,222,.2);background:rgba(3,7,13,.66);color:#6d7b8b;font:600 .36rem var(--mono);letter-spacing:.15em;pointer-events:none;transform:translateX(-50%);animation:swipe-hint 2.6s ease-in-out infinite }
.cabinet-viewport.dragging { cursor:grabbing }
.cabinet-viewport.swiping::after { content:"RELEASE TO SELECT";color:var(--world);border-color:var(--world);animation:none }
.cabinet-loop { position:absolute;inset:0;transform-style:preserve-3d;outline:none }
.cabinet-loop::before { content:"";position:absolute;left:50%;bottom:20px;width:440px;height:90px;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--scene-rgb),.34),transparent 66%);filter:blur(14px);transform:translateX(-50%);transition:background .18s }
.arcade-cabinet { --cab-accent:var(--cyan);--cab-rgb:var(--cyan-rgb);position:absolute;z-index:2;left:50%;bottom:48px;width:260px;height:545px;padding:0;border:0;background:none;color:#fff;cursor:pointer;transform-style:preserve-3d;transform-origin:50% 100%;will-change:transform,opacity,filter }
.arcade-cabinet[data-slot="0"] { z-index:10;transform:translate3d(-50%,0,120px) scale(1);opacity:1;filter:none }
.arcade-cabinet[data-slot="-1"] { z-index:7;transform:translate3d(calc(-50% - 285px),42px,-70px) rotateY(17deg) scale(.78);opacity:.77;filter:saturate(.78) brightness(.75) }
.arcade-cabinet[data-slot="1"] { z-index:7;transform:translate3d(calc(-50% + 285px),42px,-70px) rotateY(-17deg) scale(.78);opacity:.77;filter:saturate(.78) brightness(.75) }
.arcade-cabinet[data-slot="-2"] { z-index:4;transform:translate3d(calc(-50% - 480px),80px,-190px) rotateY(23deg) scale(.58);opacity:.38;filter:saturate(.55) brightness(.5) }
.arcade-cabinet[data-slot="2"] { z-index:4;transform:translate3d(calc(-50% + 480px),80px,-190px) rotateY(-23deg) scale(.58);opacity:.38;filter:saturate(.55) brightness(.5) }
.arcade-cabinet[data-slot="-3"] { z-index:1;transform:translate3d(calc(-50% - 630px),110px,-280px) rotateY(28deg) scale(.45);opacity:.1;filter:brightness(.35) }
.arcade-cabinet[data-slot="3"] { z-index:1;transform:translate3d(calc(-50% + 630px),110px,-280px) rotateY(-28deg) scale(.45);opacity:.1;filter:brightness(.35) }
.arcade-cabinet[data-slot="-4"] { z-index:0;transform:translate3d(calc(-50% - 770px),135px,-360px) rotateY(32deg) scale(.34);opacity:0;filter:brightness(.2) }
.arcade-cabinet[data-slot="4"] { z-index:0;transform:translate3d(calc(-50% + 770px),135px,-360px) rotateY(-32deg) scale(.34);opacity:0;filter:brightness(.2) }
.cabinet-shell { position:absolute;inset:0;display:block;background:linear-gradient(90deg,#070910,#1c2330 12%,#090d15 48%,#202938 88%,#05070c);clip-path:polygon(9% 0,91% 0,100% 7%,94% 63%,100% 69%,94% 100%,6% 100%,0 69%,6% 63%,0 7%);filter:drop-shadow(0 25px 18px rgba(0,0,0,.8));transition:filter .25s,translate .35s var(--ease) }
.cabinet-shell::before { content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--cab-accent),transparent 5% 95%,var(--cab-accent));opacity:.62;mix-blend-mode:screen;clip-path:inherit }
.cabinet-shell::after { content:"";position:absolute;inset:5px;border:1px solid rgba(var(--cab-rgb),.35);clip-path:inherit;box-shadow:inset 0 0 28px rgba(var(--cab-rgb),.08) }
.arcade-cabinet.active .cabinet-shell { animation:cabinet-breathe 3.2s ease-in-out infinite;filter:drop-shadow(0 28px 24px rgba(0,0,0,.9)) drop-shadow(0 0 16px rgba(var(--cab-rgb),.25)) }
.cabinet-viewport.in-motion .arcade-cabinet .cabinet-shell { animation:none;filter:drop-shadow(0 25px 18px rgba(0,0,0,.82)) }
.arcade-cabinet:hover .cabinet-shell { filter:drop-shadow(0 28px 24px #000) drop-shadow(0 0 25px rgba(var(--cab-rgb),.38)) }
.cabinet-aerial { position:absolute;z-index:-1;left:50%;top:-35px;width:110px;height:50px;transform:translateX(-50%) }
.cabinet-aerial::before { content:"";position:absolute;left:50%;bottom:0;width:3px;height:44px;background:linear-gradient(var(--cab-accent),#34404d);box-shadow:0 0 10px var(--cab-accent) }
.cabinet-aerial i { position:absolute;top:4px;width:10px;height:10px;border:1px solid var(--cab-accent);border-radius:50%;box-shadow:0 0 15px var(--cab-accent);animation:arcade-led .9s steps(2) infinite }
.cabinet-aerial i:first-child{left:25px}.cabinet-aerial i:last-child{right:25px;animation-delay:-.4s}
.cabinet-marquee { position:absolute;z-index:2;left:18px;right:18px;top:16px;display:grid;place-items:center;height:80px;padding:.65rem 1rem;background:radial-gradient(circle,rgba(var(--cab-rgb),.28),transparent 65%),#070911;border:1px solid var(--cab-accent);clip-path:polygon(8% 0,92% 0,100% 22%,94% 100%,6% 100%,0 22%);box-shadow:inset 0 0 24px rgba(var(--cab-rgb),.2),0 0 14px rgba(var(--cab-rgb),.25);overflow:hidden }
.cabinet-marquee::before { content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(255,255,255,.04) 10px);animation:marquee-drift 6s linear infinite }
.cabinet-marquee small { color:var(--cab-accent);font:700 .38rem var(--mono);letter-spacing:.15em }
.cabinet-marquee strong { max-width:190px;font:900 1.55rem/.8 var(--display);letter-spacing:.02em;text-align:center;text-shadow:0 0 10px var(--cab-accent) }
.cabinet-marquee i { position:absolute;left:12%;right:12%;bottom:6px;height:1px;background:var(--cab-accent);box-shadow:0 0 7px var(--cab-accent);animation:marquee-line 2.5s ease-in-out infinite }
.cabinet-screen { position:absolute;z-index:3;left:26px;right:26px;top:108px;height:220px;display:block;overflow:hidden;border:9px solid #030408;border-bottom-width:14px;background:#000;clip-path:polygon(4% 0,96% 0,100% 5%,96% 100%,4% 100%,0 95%,0 5%);box-shadow:0 0 0 1px rgba(var(--cab-rgb),.5),inset 0 0 40px #000 }
.cabinet-screen img { width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;filter:saturate(1.35) contrast(1.13) brightness(.72);transform:scale(1.08);transition:filter .35s,transform 6s ease }
.arcade-cabinet.active .cabinet-screen img { filter:saturate(1.35) contrast(1.08) brightness(.9);transform:scale(1.01) }
.screen-glass { position:absolute;z-index:3;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.2),transparent 18% 65%,rgba(var(--cab-rgb),.15)),radial-gradient(ellipse,transparent 45%,rgba(0,0,0,.7));box-shadow:inset 0 0 22px #000;pointer-events:none }
.screen-glass::after { content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.35) 4px);opacity:.65 }
.screen-scan { position:absolute;z-index:4;left:0;right:0;top:-25%;height:18%;background:linear-gradient(transparent,rgba(var(--cab-rgb),.65),rgba(255,255,255,.75),transparent);filter:blur(3px);mix-blend-mode:screen;animation:screen-roll 3.8s linear infinite }
.cabinet-screen b,.cabinet-screen em { position:absolute;z-index:5;left:8px;right:8px;text-align:center;text-shadow:0 1px 2px #000,0 0 8px var(--cab-accent) }
.cabinet-screen b { bottom:22px;font:800 .43rem var(--mono);letter-spacing:.08em }
.cabinet-screen em { bottom:8px;color:var(--cab-accent);font:normal 800 .36rem var(--mono);letter-spacing:.16em;animation:pulse .8s steps(2) infinite }
.cabinet-deck { position:absolute;z-index:5;left:12px;right:12px;top:340px;height:76px;background:linear-gradient(160deg,#293340 0 20%,#080b11 60%);border:1px solid rgba(var(--cab-rgb),.45);clip-path:polygon(4% 0,96% 0,100% 24%,94% 100%,6% 100%,0 24%);box-shadow:inset 0 0 20px #000,0 9px 12px #000 }
.cabinet-deck::after { content:"";position:absolute;left:8%;right:8%;bottom:8px;height:1px;background:var(--cab-accent);box-shadow:0 0 8px var(--cab-accent) }
.joystick { position:absolute;left:43px;top:13px;width:8px;height:34px;background:#cbd7e2;border-radius:4px;transform:rotate(-5deg);transform-origin:bottom;box-shadow:0 0 8px rgba(255,255,255,.35);animation:joystick-wobble 3.5s ease-in-out infinite }
.joystick b { position:absolute;left:50%;top:-9px;width:23px;height:23px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--cab-accent) 20%,#371026 72%);box-shadow:0 0 12px var(--cab-accent);transform:translateX(-50%) }
.arcade-buttons { position:absolute;right:36px;top:20px;display:flex;gap:8px;transform:rotate(-6deg) }
.arcade-buttons b { width:18px;height:18px;border:2px solid #090b10;border-radius:50%;background:var(--cab-accent);box-shadow:inset -3px -3px 5px rgba(0,0,0,.4),0 0 9px rgba(var(--cab-rgb),.7);animation:arcade-button-pulse 1.5s ease-in-out infinite }
.arcade-buttons b:nth-child(2){animation-delay:-.5s}.arcade-buttons b:nth-child(3){animation-delay:-1s}
.cabinet-deck small { position:absolute;left:50%;bottom:7px;color:#6d7886;font:400 .3rem var(--mono);letter-spacing:.05em;transform:translateX(-50%) }
.cabinet-base { position:absolute;z-index:2;left:27px;right:27px;top:414px;bottom:16px;display:block;border:1px solid rgba(var(--cab-rgb),.28);background:linear-gradient(90deg,#05070c,#161d27 48%,#05070c);box-shadow:inset 0 0 30px #000 }
.cabinet-base::after { content:"";position:absolute;left:10px;right:10px;bottom:7px;height:3px;background:var(--cab-accent);box-shadow:0 0 13px var(--cab-accent);animation:pulse 1.8s ease-in-out infinite }
.speaker { position:absolute;left:18px;top:20px;width:58px;height:44px;opacity:.45;background:radial-gradient(circle,#748090 1px,transparent 2px);background-size:7px 7px }
.coin-door { position:absolute;right:26px;top:16px;display:grid;place-items:center;width:42px;height:60px;border:1px solid #4d5867;background:#080b11;box-shadow:inset 0 0 15px #000 }
.coin-door b { width:10px;height:25px;border:1px solid var(--cab-accent);background:#16070d;box-shadow:0 0 8px var(--cab-accent);animation:coin-blink 1.1s steps(2) infinite }
.coin-door small { color:#7d8794;font:.3rem var(--mono) }
.cabinet-base > strong { position:absolute;left:14px;bottom:15px;color:var(--cab-accent);font:700 .34rem var(--mono);letter-spacing:.11em;writing-mode:vertical-rl;transform:rotate(180deg) }
.cabinet-shadow { position:absolute;z-index:-2;left:50%;bottom:-22px;width:270px;height:58px;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--cab-rgb),.36),rgba(0,0,0,.85) 62%,transparent 71%);filter:blur(7px);transform:translateX(-50%) }
.cabinet-shadow::after { content:"";position:absolute;left:20%;right:20%;top:35%;height:150px;background:linear-gradient(rgba(var(--cab-rgb),.22),transparent);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);filter:blur(10px);opacity:.55;transform:scaleY(-1);transform-origin:top }
.floor-beacon { position:absolute;left:50%;bottom:8px;display:flex;gap:8px;transform:translateX(-50%) }
.floor-beacon i { width:5px;height:5px;border:1px solid var(--world);transform:rotate(45deg);box-shadow:0 0 8px var(--world);animation:pulse 1s infinite }
.floor-beacon i:nth-child(2){animation-delay:-.33s}.floor-beacon i:nth-child(3){animation-delay:-.66s}
.arcade-arrow { position:absolute;z-index:30;bottom:38px;display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(156,205,228,.28);background:rgba(3,7,13,.78);backdrop-filter:blur(10px);cursor:pointer;clip-path:polygon(17% 0,83% 0,100% 17%,100% 83%,83% 100%,17% 100%,0 83%,0 17%);transition:background .2s,border-color .2s,transform .2s }
.arcade-arrow.prev{left:25px}.arcade-arrow.next{right:25px}.arcade-arrow span{font:1.2rem var(--mono)}.arcade-arrow small{color:#697584;font:.34rem var(--mono);letter-spacing:.08em}.arcade-arrow:hover{border-color:var(--world);background:rgba(var(--world-rgb),.13);transform:scale(1.08)}
.arcade-info { position:relative;z-index:12;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:5rem 2.2rem 6rem;border-left:1px solid rgba(119,185,213,.24);background:linear-gradient(150deg,rgba(var(--world-rgb),.08),transparent 35%),rgba(3,7,13,.88);backdrop-filter:blur(18px);transition:background .35s,opacity .16s,transform .25s }
.arcade-info::before { content:"";position:absolute;inset:12px;border:1px solid rgba(138,191,215,.12);clip-path:polygon(0 0,100% 0,100% 80%,80% 100%,0 100%);pointer-events:none }
.arcade-info.changing { opacity:.35;transform:translateX(12px) }
.arcade-info-code { position:absolute;left:2.2rem;right:2.2rem;top:2rem;display:flex;justify-content:space-between;color:var(--world);font:700 .48rem var(--mono);letter-spacing:.09em }
.arcade-info-code b { color:#fff;font-weight:500 }.arcade-info-code b::before{content:"";display:inline-block;width:5px;height:5px;margin-right:.5rem;border-radius:50%;background:var(--world);box-shadow:0 0 9px var(--world);animation:pulse 1s infinite}
.arcade-info h3 { margin:1rem 0;font:900 clamp(3.2rem,4vw,5.6rem)/.76 var(--display);letter-spacing:-.04em;text-transform:uppercase;text-shadow:0 0 26px rgba(var(--world-rgb),.13) }
.arcade-info > p { color:#b7c1cc;font-size:.84rem;line-height:1.6 }
.arcade-info .game-actions { flex-wrap:wrap;gap:.7rem }
.arcade-info .launch-game { min-width:154px;min-height:49px }
.insert-coin { position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:154px;min-height:49px;padding:0 2.5rem 0 1rem;overflow:hidden;border:1px solid var(--pink);background:linear-gradient(110deg,rgba(168,121,255,.18),rgba(168,121,255,.04));font:800 .51rem var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 0 20px rgba(168,121,255,.08) }
.insert-coin i { position:absolute;right:15px;width:8px;height:25px;border:1px solid var(--pink);background:#1a050e;box-shadow:0 0 10px var(--pink);transition:background .2s,transform .2s }
.insert-coin:hover i,.insert-coin.accepted i{background:#fff;transform:translateY(3px);box-shadow:0 0 16px var(--pink)}
.insert-coin.accepted { color:#071016;background:var(--world);border-color:var(--world);box-shadow:0 0 28px rgba(var(--world-rgb),.32) }
.arcade-info .gate-status { left:2.2rem;right:2.2rem;bottom:2rem }
.arcade-cabinet.coin-inserted .cabinet-shell { animation:coin-accepted .65s var(--ease) }
.arcade-cabinet.coin-inserted .cabinet-screen em { color:#fff;font-size:.48rem }.arcade-cabinet.coin-inserted .cabinet-screen em::after{content:" // PLAYER 1 READY"}
.arcade-cabinet.coin-inserted .coin-door b { background:#fff;box-shadow:0 0 25px #fff,0 0 50px var(--cab-accent) }

/* Cinematic arcade atmosphere */
.arcade-room { --scene-rgb:120,255,141;--scene:rgb(var(--scene-rgb));--arcade-speed:0;--arcade-phase:0;background:radial-gradient(ellipse at 33% 48%,rgba(var(--scene-rgb),.13),transparent 33%),linear-gradient(105deg,rgba(168,121,255,.06),transparent 35%,rgba(70,232,255,.05)),#02040a;box-shadow:0 50px 150px #000,0 0 0 1px rgba(var(--scene-rgb),.05),inset 0 0 120px rgba(var(--scene-rgb),.055);transition:box-shadow .45s,background .45s }
.arcade-room::before { box-shadow:0 0 18px var(--pink),45px 0 80px rgba(168,121,255,.14) }
.arcade-room::after { box-shadow:0 0 18px var(--cyan),-45px 0 80px rgba(70,232,255,.14) }
.arcade-architecture { background:radial-gradient(ellipse at 32% 35%,rgba(var(--scene-rgb),.12),transparent 30%),radial-gradient(ellipse at 28% 90%,rgba(var(--scene-rgb),.09),transparent 34%),linear-gradient(#060a16 0 57%,#010309 57%);transform:translate(calc(var(--cam-x) * -7px),calc(var(--cam-y) * -3px)) scale(1.018);transition:transform .18s ease-out,background .4s }
.arcade-architecture::after { content:"";position:absolute;z-index:2;left:0;right:25%;top:0;height:56%;background:repeating-linear-gradient(90deg,transparent 0 89px,rgba(113,176,205,.055) 90px 91px),linear-gradient(180deg,rgba(255,255,255,.025),transparent);clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);mask-image:linear-gradient(#000,transparent 90%) }
.ceiling-ribs { position:absolute;z-index:3;left:-8%;right:28%;top:-20px;height:220px;perspective:550px;transform:rotateX(64deg);transform-origin:top }
.ceiling-ribs i { position:absolute;top:0;bottom:0;width:26px;border:1px solid rgba(132,194,220,.14);background:linear-gradient(90deg,#080c14,#1d2a37,#080c14);box-shadow:inset 0 0 12px #000,0 0 20px rgba(var(--scene-rgb),.035) }
.ceiling-ribs i:nth-child(1){left:2%}.ceiling-ribs i:nth-child(2){left:20%}.ceiling-ribs i:nth-child(3){left:38%}.ceiling-ribs i:nth-child(4){left:56%}.ceiling-ribs i:nth-child(5){left:74%}.ceiling-ribs i:nth-child(6){left:92%}
.arcade-sidewall { position:absolute;z-index:2;top:115px;bottom:34%;width:125px;border:1px solid rgba(124,189,218,.1);background:repeating-linear-gradient(0deg,#050911 0 62px,#111a24 63px,#02050a 65px);opacity:.62;transform:perspective(520px) rotateY(24deg);transform-origin:left }
.arcade-sidewall.wall-a{left:-15px}.arcade-sidewall.wall-b{right:27%;transform:perspective(520px) rotateY(-24deg);transform-origin:right}
.arcade-sidewall i { position:absolute;left:16px;right:16px;height:2px;background:var(--scene);box-shadow:0 0 12px var(--scene);animation:wall-signal 3.5s linear infinite }
.arcade-sidewall i:nth-child(1){top:19%}.arcade-sidewall i:nth-child(2){top:49%;animation-delay:-1.1s}.arcade-sidewall i:nth-child(3){top:79%;animation-delay:-2.2s}
.arcade-sidewall span { position:absolute;left:50%;top:12%;bottom:12%;width:1px;background:linear-gradient(transparent,rgba(var(--scene-rgb),.55),transparent);box-shadow:0 0 14px rgba(var(--scene-rgb),.5) }
.floor-energy { position:absolute;z-index:4;left:-8%;right:29%;bottom:-2%;height:46%;overflow:hidden;perspective:420px;transform:rotateX(62deg);transform-origin:bottom;mask-image:linear-gradient(transparent 2%,#000 42%) }
.floor-energy i { position:absolute;left:50%;top:0;width:2px;height:160%;background:linear-gradient(transparent,var(--scene),transparent);box-shadow:0 0 14px var(--scene);opacity:.4;transform-origin:top }
.floor-energy i:nth-child(1){transform:rotate(24deg)}.floor-energy i:nth-child(2){transform:rotate(-24deg)}.floor-energy i:nth-child(3){transform:none;opacity:.75}
.floor-energy b { position:absolute;left:8%;right:8%;top:22%;height:2px;background:linear-gradient(90deg,transparent,var(--pink),#fff,var(--cyan),transparent);box-shadow:0 0 18px rgba(var(--scene-rgb),.7);animation:floor-sweep 2.8s linear infinite }
.arcade-fx-canvas { position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.75 }
.arcade-electric-canvas { position:absolute;z-index:22;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;filter:saturate(1.35) contrast(1.12) brightness(1.12) }
.cabinet-viewport::before { content:"";position:absolute;z-index:21;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 48%,rgba(var(--scene-rgb),.2),transparent 29%),linear-gradient(90deg,rgba(168,121,255,.08),transparent 34% 66%,rgba(70,232,255,.08));mix-blend-mode:screen }
.cabinet-viewport.electrified::before { opacity:calc(.24 + var(--arcade-speed) * .52);transition:opacity .06s }
.cabinet-viewport.electric-lock::before { animation:electric-lock-flash .48s steps(2) }
.cabinet-viewport.electric-lock .arcade-cabinet.active .cabinet-shell { animation:electric-cabinet-lock .46s steps(2) }
.arcade-atmosphere { position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none }
.world-ghost { position:absolute;left:50%;top:133px;display:grid;width:92%;text-align:center;transform:translateX(-50%);opacity:.095;mix-blend-mode:screen;filter:blur(.25px) }
.world-ghost span { color:var(--scene);font:700 .5rem var(--mono);letter-spacing:.45em }
.world-ghost strong { overflow:hidden;color:transparent;font:900 clamp(4.5rem,8vw,8rem)/.75 var(--display);letter-spacing:-.02em;white-space:nowrap;-webkit-text-stroke:1px rgba(var(--scene-rgb),.9);text-shadow:0 0 35px rgba(var(--scene-rgb),.35);animation:ghost-breathe 4s ease-in-out infinite }
.world-ghost i { color:#fff;font:normal 500 .36rem var(--mono);letter-spacing:.5em }
.volumetric-beams { position:absolute;inset:0;filter:blur(7px);mix-blend-mode:screen;opacity:var(--beam-opacity,.36) }
.volumetric-beams i { position:absolute;top:-6%;width:18%;height:88%;background:linear-gradient(180deg,rgba(var(--scene-rgb),.38),rgba(var(--scene-rgb),.07) 42%,transparent 85%);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);transform-origin:top;animation:beam-drift 6s ease-in-out infinite alternate }
.volumetric-beams i:nth-child(1){left:2%;transform:rotate(8deg);animation-delay:-1s}.volumetric-beams i:nth-child(2){left:27%;width:25%;opacity:.7;animation-delay:-3s}.volumetric-beams i:nth-child(3){right:15%;transform:rotate(-8deg);animation-delay:-4.5s}.volumetric-beams i:nth-child(4){right:-4%;width:13%;opacity:.55;animation-delay:-2s}
.focus-reactor { position:absolute;left:50%;bottom:78px;width:390px;height:220px;opacity:.56;transform:translateX(-50%) perspective(600px) rotateX(68deg);transform-style:preserve-3d }
.focus-reactor i { position:absolute;left:50%;top:50%;border:1px solid rgba(var(--scene-rgb),.5);border-radius:50%;box-shadow:0 0 18px rgba(var(--scene-rgb),.18),inset 0 0 18px rgba(var(--scene-rgb),.1);transform:translate(-50%,-50%) }
.focus-reactor i:nth-child(1){width:100%;height:100%;border-style:dashed;animation:reactor-spin 14s linear infinite}.focus-reactor i:nth-child(2){width:72%;height:72%;border-color:rgba(168,121,255,.5);animation:reactor-spin 9s linear infinite reverse}.focus-reactor i:nth-child(3){width:42%;height:42%;border-width:2px;animation:reactor-pulse 1.8s ease-in-out infinite}
.focus-reactor b { position:absolute;left:50%;top:50%;width:12px;height:12px;border:2px solid #fff;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 18px #fff,0 0 45px var(--scene) }
.focus-reactor span { position:absolute;left:50%;top:50%;width:2px;height:160%;background:linear-gradient(transparent,var(--scene),transparent);transform:translate(-50%,-50%);box-shadow:0 0 12px var(--scene);animation:reactor-scan 5s linear infinite }
.data-rain { position:absolute;top:26%;display:flex;gap:7px;width:54px;height:230px;opacity:.28;mask-image:linear-gradient(transparent,#000 25% 75%,transparent) }
.data-rain.left{left:18px}.data-rain.right{right:18px;transform:scaleX(-1)}
.data-rain i { width:2px;height:45%;background:repeating-linear-gradient(0deg,var(--scene) 0 2px,transparent 2px 7px);box-shadow:0 0 7px var(--scene);animation:data-fall 2.2s linear infinite }
.data-rain i:nth-child(2){height:72%;animation-delay:-.5s}.data-rain i:nth-child(3){height:95%;animation-delay:-1.2s}.data-rain i:nth-child(4){height:60%;animation-delay:-1.7s}.data-rain i:nth-child(5){height:83%;animation-delay:-.9s}
.arcade-hud { position:absolute;top:20px;display:grid;gap:.15rem;padding:.55rem .7rem;border:1px solid rgba(125,191,220,.18);background:rgba(2,6,12,.48);backdrop-filter:blur(7px);font-family:var(--mono);text-transform:uppercase }
.arcade-hud::before { content:"";position:absolute;left:-1px;top:-1px;width:8px;height:8px;border-left:1px solid var(--scene);border-top:1px solid var(--scene) }
.arcade-hud.hud-left{left:18px}.arcade-hud.hud-right{right:18px;text-align:right}
.arcade-hud span{color:var(--scene);font-size:.34rem;letter-spacing:.15em}.arcade-hud b{font-size:.52rem;letter-spacing:.08em}.arcade-hud i{color:#586574;font:normal .3rem var(--mono);letter-spacing:.12em}
.cabinet-loop { z-index:10 }
.arcade-cabinet::before { content:"";position:absolute;z-index:-3;left:50%;top:48%;width:125%;height:82%;border:1px solid rgba(var(--cab-rgb),.12);background:radial-gradient(ellipse,rgba(var(--cab-rgb),.10),transparent 64%);clip-path:polygon(50% 0,100% 38%,84% 100%,16% 100%,0 38%);opacity:.15;transform:translate(-50%,-50%);animation:cabinet-field 4.6s ease-in-out infinite }
.arcade-cabinet.active::before { opacity:.58;border-color:rgba(var(--cab-rgb),.42);box-shadow:0 0 30px rgba(var(--cab-rgb),.12),inset 0 0 30px rgba(var(--cab-rgb),.08) }
.arcade-cabinet.active .cabinet-screen img { animation:attract-camera 8s ease-in-out infinite alternate }
.arcade-cabinet.active .cabinet-screen { box-shadow:0 0 0 1px rgba(var(--cab-rgb),.8),0 0 28px rgba(var(--cab-rgb),.28),inset 0 0 40px #000 }
.arcade-info { overflow:hidden;background:radial-gradient(circle at 16% 24%,rgba(var(--scene-rgb),.10),transparent 24%),linear-gradient(150deg,rgba(var(--scene-rgb),.07),transparent 38%),rgba(2,6,12,.91);box-shadow:inset 18px 0 55px rgba(var(--scene-rgb),.035) }
.arcade-info::after { content:"";position:absolute;z-index:-1;left:-30%;right:-30%;top:-35%;height:18%;background:linear-gradient(transparent,rgba(var(--scene-rgb),.14),rgba(255,255,255,.08),transparent);transform:rotate(-8deg);animation:info-scan 7s linear infinite;pointer-events:none }
.arcade-info h3 { position:relative;text-shadow:-2px 0 16px rgba(168,121,255,.12),2px 0 16px rgba(70,232,255,.15),0 0 36px rgba(var(--scene-rgb),.11) }
.arcade-info .game-index { text-shadow:0 0 14px var(--world) }

@keyframes wall-signal{0%{transform:scaleX(.15);opacity:.2}50%{transform:scaleX(1);opacity:.8}100%{transform:scaleX(.15);opacity:.2}}
@keyframes floor-sweep{from{transform:translateY(-120px) scaleX(.3);opacity:0}20%{opacity:1}to{transform:translateY(360px) scaleX(1.25);opacity:0}}
@keyframes ghost-breathe{50%{opacity:.42;letter-spacing:.015em;filter:blur(1px)}}
@keyframes beam-drift{to{transform:translateX(18px) rotate(-3deg);opacity:.55}}
@keyframes reactor-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes reactor-pulse{50%{transform:translate(-50%,-50%) scale(1.18);opacity:.35}}
@keyframes reactor-scan{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes data-fall{from{transform:translateY(-100%)}to{transform:translateY(230px)}}
@keyframes cabinet-field{50%{opacity:.34;transform:translate(-50%,-52%) scale(1.04)}}
@keyframes attract-camera{to{transform:scale(1.09) translate3d(-1.5%,1%,0);filter:saturate(1.6) contrast(1.12) brightness(1)}}
@keyframes info-scan{to{transform:translateY(1050%) rotate(-8deg)}}
@keyframes electric-lock-flash{0%,100%{opacity:0}10%{opacity:.92}20%{opacity:.16}32%{opacity:.68}46%{opacity:.1}62%{opacity:.42}78%{opacity:.04}}
@keyframes electric-cabinet-lock{0%,100%{filter:drop-shadow(0 34px 26px #000) drop-shadow(0 0 28px rgba(var(--cab-rgb),.45))}18%,48%{filter:brightness(1.65) drop-shadow(0 0 14px #fff) drop-shadow(0 0 42px rgba(var(--cab-rgb),.9))}}

@keyframes arcade-sign-flicker{0%,7%,9%,44%,46%,100%{opacity:1;filter:brightness(1)}8%,45%{opacity:.55;filter:brightness(1.8)}}
@keyframes arcade-floor-pulse{to{opacity:.68;filter:hue-rotate(12deg)}}
@keyframes arcade-haze{to{transform:translateX(8%) scale(1.12);opacity:.55}}
@keyframes cabinet-breathe{50%{translate:0 -5px}}
@keyframes arcade-led{50%{opacity:.2}}
@keyframes marquee-drift{to{transform:translateX(20px)}}
@keyframes marquee-line{50%{left:28%;right:28%;opacity:.35}}
@keyframes screen-roll{to{transform:translateY(720%)}}
@keyframes joystick-wobble{0%,82%,100%{transform:rotate(-5deg)}88%{transform:rotate(9deg)}94%{transform:rotate(-12deg)}}
@keyframes arcade-button-pulse{50%{filter:brightness(1.7);transform:translateY(1px)}}
@keyframes coin-blink{50%{opacity:.35}}
@keyframes coin-accepted{0%,100%{translate:0}22%{translate:-8px 0;filter:brightness(2)}44%{translate:7px 0}66%{translate:-3px 0}}
@keyframes swipe-hint{0%,100%{transform:translateX(calc(-50% - 5px));opacity:.55}50%{transform:translateX(calc(-50% + 5px));opacity:1}}

@media(max-width:1180px){
  .arcade-room{grid-template-columns:minmax(0,1fr) 340px}.arcade-info{padding-left:1.5rem;padding-right:1.5rem}.arcade-info-code{left:1.5rem;right:1.5rem}.arcade-info .gate-status{left:1.5rem;right:1.5rem}.arcade-cabinet[data-slot="-1"]{transform:translate3d(calc(-50% - 230px),50px,-70px) rotateY(17deg) scale(.7)}.arcade-cabinet[data-slot="1"]{transform:translate3d(calc(-50% + 230px),50px,-70px) rotateY(-17deg) scale(.7)}.arcade-cabinet[data-slot="-2"]{transform:translate3d(calc(-50% - 385px),85px,-190px) rotateY(23deg) scale(.5)}.arcade-cabinet[data-slot="2"]{transform:translate3d(calc(-50% + 385px),85px,-190px) rotateY(-23deg) scale(.5)}
}
@media(max-width:880px){
  .arcade-room{display:block;min-height:1230px}.cabinet-viewport{height:710px;border-bottom:1px solid rgba(119,185,213,.24)}.arcade-info{min-height:520px;border-left:0}.arcade-sign{left:50%;width:340px;transform:translateX(-50%)}.arcade-sidewall.wall-b{right:-15px}.arcade-architecture::after,.ceiling-ribs,.floor-energy{right:-8%}.arcade-cabinet[data-slot="-1"]{transform:translate3d(calc(-50% - 250px),50px,-70px) rotateY(17deg) scale(.7)}.arcade-cabinet[data-slot="1"]{transform:translate3d(calc(-50% + 250px),50px,-70px) rotateY(-17deg) scale(.7)}
}
@media(max-width:560px){
  .arcade-room{min-height:1120px;margin-left:-.15rem;margin-right:-.15rem}.cabinet-viewport{height:620px}.arcade-sign{top:18px;width:270px}.arcade-sign strong{font-size:2.05rem}.arcade-cabinet{bottom:38px}.arcade-cabinet[data-slot="0"]{transform:translate3d(-50%,22px,120px) scale(.84)}.arcade-cabinet[data-slot="-1"]{transform:translate3d(calc(-50% - 196px),70px,-80px) rotateY(18deg) scale(.56);opacity:.62}.arcade-cabinet[data-slot="1"]{transform:translate3d(calc(-50% + 196px),70px,-80px) rotateY(-18deg) scale(.56);opacity:.62}.arcade-cabinet[data-slot="-2"]{transform:translate3d(calc(-50% - 310px),100px,-190px) rotateY(25deg) scale(.4);opacity:.16}.arcade-cabinet[data-slot="2"]{transform:translate3d(calc(-50% + 310px),100px,-190px) rotateY(-25deg) scale(.4);opacity:.16}.arcade-arrow{bottom:24px;width:52px;height:52px}.arcade-arrow.prev{left:12px}.arcade-arrow.next{right:12px}.arcade-info{min-height:500px;padding:4.5rem 1.1rem 5rem}.arcade-info-code{left:1.1rem;right:1.1rem;top:1.5rem}.arcade-info h3{font-size:clamp(3rem,14vw,4.4rem)}.arcade-info .gate-status{left:1.1rem;right:1.1rem;bottom:1.3rem}.arcade-info .game-actions{align-items:stretch}.arcade-info .launch-game,.insert-coin{width:100%}.arcade-info .case-link{padding:.7rem 0}.ceiling-tubes{right:0}.world-ghost{top:108px}.world-ghost strong{font-size:3.2rem}.arcade-sidewall,.data-rain,.hud-left{display:none}.arcade-hud.hud-right{right:10px;top:74px}.focus-reactor{width:290px;height:170px}.volumetric-beams{opacity:.32}.arcade-fx-canvas{opacity:.55}.control-hint{display:none}
}
@media(prefers-reduced-motion:reduce){.arcade-cabinet.active .cabinet-shell{animation:none}.arcade-fx-canvas,.arcade-electric-canvas,.volumetric-beams,.data-rain,.floor-energy{display:none}.arcade-architecture{transform:none}}

/* Bolder graphic direction */
.games { background:radial-gradient(circle at 19% 23%,rgba(168,121,255,.17),transparent 25%),radial-gradient(circle at 83% 58%,rgba(70,232,255,.13),transparent 29%),linear-gradient(145deg,#090613,#02050a 64%); }
.games::before { content:"PLAY";position:absolute;z-index:0;right:-.04em;top:1.6rem;color:transparent;font:900 clamp(13rem,29vw,35rem)/.75 var(--display);letter-spacing:-.075em;-webkit-text-stroke:1px rgba(168,121,255,.11);transform:rotate(-4deg);pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 32%,transparent 94%) }
.games::after { content:"";position:absolute;z-index:1;left:-10%;right:-10%;top:31%;height:18px;background:repeating-linear-gradient(135deg,var(--pink) 0 18px,#12030b 18px 36px,var(--cyan) 36px 54px,#031015 54px 72px);box-shadow:0 0 28px rgba(168,121,255,.26);opacity:.52;transform:rotate(-1.5deg);pointer-events:none }
.section-head { margin-bottom:4.5rem }
.section-head h2 { font-size:clamp(5.6rem,9.3vw,10.5rem);line-height:.68;filter:drop-shadow(0 18px 24px rgba(0,0,0,.65)) }
.section-head h2 em { display:inline-block;background:linear-gradient(90deg,var(--pink) 0 24%,#fff 45%,var(--cyan) 78%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;transform:skewX(-6deg);filter:drop-shadow(-5px 5px 0 rgba(168,121,255,.15)) drop-shadow(5px -3px 0 rgba(70,232,255,.12)) }
.section-head > p { padding:1.1rem 0 1.1rem 1.35rem;border-left:4px solid var(--pink);background:linear-gradient(90deg,rgba(168,121,255,.08),transparent);color:#b0bac7;font-weight:600 }
.section-head .eyebrow { color:#fff }
.arcade-room { height:clamp(650px,calc(100svh - 92px),760px);min-height:0;overflow-anchor:none;border:2px solid rgba(255,255,255,.22);outline:1px solid rgba(var(--scene-rgb),.23);outline-offset:8px;box-shadow:0 60px 160px #000,18px 18px 0 rgba(168,121,255,.065),-18px -18px 0 rgba(70,232,255,.05),inset 0 0 145px rgba(var(--scene-rgb),.075) }
.arcade-room::before,.arcade-room::after { width:78px;height:78px;border-width:4px 0 0 4px }
.arcade-room::after { border-width:0 4px 4px 0 }
.arcade-sign { left:calc((100% - 390px)/2 - 230px);top:18px;width:460px;padding:.85rem 2.6rem .65rem;border:2px solid rgba(255,255,255,.42);background:linear-gradient(110deg,rgba(168,121,255,.38),rgba(5,9,18,.96) 37% 62%,rgba(70,232,255,.34));box-shadow:inset 0 0 42px rgba(255,255,255,.08),-16px 0 38px rgba(168,121,255,.22),16px 0 38px rgba(70,232,255,.2),0 16px 60px #000 }
.arcade-sign::before,.arcade-sign::after { content:"";position:absolute;top:0;bottom:0;width:4px;background:#fff;box-shadow:0 0 9px #fff,0 0 24px currentColor }
.arcade-sign::before{left:16%;color:var(--pink)}.arcade-sign::after{right:16%;color:var(--cyan)}
.arcade-sign strong { font-size:3.6rem;letter-spacing:.12em;text-shadow:-4px 0 0 rgba(168,121,255,.5),4px 0 0 rgba(70,232,255,.5),0 0 22px #fff }
.arcade-sign span,.arcade-sign i { font-weight:900 }
.world-ghost { top:128px;opacity:.145 }
.world-ghost strong { font-size:clamp(6rem,10vw,10.5rem);-webkit-text-stroke:2px rgba(var(--scene-rgb),.86);text-shadow:-5px 0 0 rgba(168,121,255,.15),5px 0 0 rgba(70,232,255,.15),0 0 48px rgba(var(--scene-rgb),.42) }
.cabinet-viewport::after { border:1px solid rgba(var(--scene-rgb),.48);background:#02050c;color:#fff;font-weight:900;box-shadow:5px 5px 0 rgba(var(--scene-rgb),.12),0 0 18px rgba(var(--scene-rgb),.12) }
.arcade-cabinet.active .cabinet-shell { filter:drop-shadow(0 34px 26px #000) drop-shadow(0 0 28px rgba(var(--cab-rgb),.45)) }
.arcade-cabinet.active::before { width:142%;height:94%;border-width:2px;opacity:.72;box-shadow:0 0 46px rgba(var(--cab-rgb),.2),inset 0 0 52px rgba(var(--cab-rgb),.13) }
.cabinet-shell::before { opacity:.82;background:linear-gradient(90deg,var(--cab-accent) 0 3%,transparent 7% 93%,var(--cab-accent) 97% 100%),linear-gradient(160deg,rgba(var(--cab-rgb),.18),transparent 35%) }
.cabinet-marquee { border-width:2px;background:radial-gradient(circle,rgba(var(--cab-rgb),.42),transparent 68%),#05070d;box-shadow:inset 0 0 30px rgba(var(--cab-rgb),.3),0 0 24px rgba(var(--cab-rgb),.38) }
.cabinet-marquee strong { font-size:1.72rem;text-shadow:-2px 0 0 rgba(168,121,255,.25),2px 0 0 rgba(70,232,255,.25),0 0 12px var(--cab-accent) }
.arcade-cabinet.active .cabinet-marquee strong { color:#fff;text-shadow:-3px 0 0 rgba(168,121,255,.45),3px 0 0 rgba(70,232,255,.45),0 0 17px var(--cab-accent) }
.cabinet-deck { border-width:2px;background:linear-gradient(160deg,rgba(var(--cab-rgb),.32),#111722 28%,#05070b 68%) }
.cabinet-base { border-width:2px;background:linear-gradient(90deg,#03050a,rgba(var(--cab-rgb),.13) 50%,#03050a) }
.arcade-arrow { width:70px;height:70px;border:2px solid rgba(255,255,255,.32);background:linear-gradient(135deg,rgba(168,121,255,.15),#03070d 48%,rgba(70,232,255,.14));box-shadow:8px 8px 0 rgba(0,0,0,.55),0 0 18px rgba(var(--scene-rgb),.08) }
.arcade-arrow span { font-size:1.55rem;font-weight:900 }
.arcade-arrow:hover { border-color:#fff;background:var(--scene);color:#02050a;box-shadow:0 0 30px rgba(var(--scene-rgb),.48);transform:translateY(-4px) scale(1.06) }
.arcade-info { border-left:3px solid var(--scene);box-shadow:inset 24px 0 70px rgba(var(--scene-rgb),.055),-18px 0 60px rgba(var(--scene-rgb),.055) }
.arcade-info::before { inset:10px;border-color:rgba(var(--scene-rgb),.28);border-width:2px }
.arcade-info-code { padding-bottom:.8rem;border-bottom:2px solid rgba(var(--scene-rgb),.24) }
.arcade-info h3 { max-width:100%;font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow","Segoe UI",sans-serif;font-size:clamp(2.85rem,3.2vw,3.3rem);font-stretch:semi-condensed;font-weight:900;line-height:.9;letter-spacing:-.025em;text-wrap:balance;text-shadow:-2px 0 0 rgba(168,121,255,.15),2px 0 0 rgba(70,232,255,.15),0 0 18px rgba(var(--scene-rgb),.16) }
.arcade-info .game-index { font-size:1.25rem;background:var(--world);color:#03050a;width:max-content;padding:.35rem .6rem;box-shadow:7px 7px 0 rgba(var(--world-rgb),.13);text-shadow:none }
.game-tags span { border-width:2px;color:#c5ced8;background:rgba(255,255,255,.025);font-size:.52rem }
.insert-coin { min-height:56px;border:2px solid #ff87bd;background:var(--pink);color:#fff;box-shadow:7px 7px 0 rgba(168,121,255,.18),0 0 30px rgba(168,121,255,.2) }
.insert-coin i { border-color:#fff;background:#fff;box-shadow:0 0 14px #fff }
.arcade-info .launch-game { min-height:56px;border-width:2px;background:var(--world);color:#02050a;font-weight:900;box-shadow:7px 7px 0 rgba(var(--world-rgb),.14),0 0 30px rgba(var(--world-rgb),.16) }
.arcade-info .launch-game > i { background:#fff;color:#02050a }
.arcade-info .insert-coin,.arcade-info .launch-game,.arcade-info .case-link { font-size:.56rem }
.warning-strip { border-width:2px;background:linear-gradient(90deg,var(--pink),#ff70b3 45%,var(--cyan) 55%,#7decff);box-shadow:0 0 38px rgba(168,121,255,.42) }
.warning-strip span { font-size:.62rem;letter-spacing:.13em }

@media(max-width:1180px){.arcade-sign{left:calc((100% - 340px)/2 - 195px);width:390px}.arcade-sign strong{font-size:3rem}.arcade-info h3{font-size:clamp(3.5rem,5vw,5.4rem)}}
@media(max-width:880px){.arcade-room{min-height:1270px}.arcade-sign{left:50%;width:380px;transform:translateX(-50%)}.arcade-info{border-left:0;border-top:3px solid var(--scene)}.games::after{top:25%}}
@media(max-width:560px){.section-head h2{font-size:clamp(4.4rem,18vw,6.4rem)}.section-head>p{border-left-width:3px}.arcade-room{min-height:1160px;outline-offset:4px}.arcade-sign{width:292px}.arcade-sign strong{font-size:2.35rem}.world-ghost strong{font-size:4rem}.arcade-arrow{width:56px;height:56px}.arcade-info h3{font-size:clamp(3.25rem,15vw,4.8rem)}.games::before{font-size:20rem;top:7rem}.games::after{display:none}}

@media(max-width:560px){
  .arcade-room{min-height:1090px}
  .cabinet-viewport{height:570px;perspective:900px}
  .arcade-cabinet{bottom:24px}
  .cabinet-viewport::after{top:104px}
  .cabinet-viewport.in-motion .cabinet-screen img{animation:none;transform:scale(1.025)}
  .cabinet-viewport.in-motion .screen-scan,.cabinet-viewport.in-motion .cabinet-aerial i{animation-play-state:paused}
  .arcade-electric-canvas{opacity:.48;filter:saturate(1.12) brightness(.92)}
  .arcade-fx-canvas{opacity:.36}
  .arcade-info{min-height:520px}
}

@media(min-width:881px) and (max-height:850px){
  .arcade-room{height:calc(100svh - 84px);min-height:620px}
  .arcade-cabinet{bottom:28px;scale:.9}
  .arcade-sign{top:12px;scale:.9;transform-origin:top center}
  .cabinet-viewport::after{top:94px}
  .arcade-info{justify-content:flex-start;padding:4.15rem 1.65rem 3.8rem}
  .arcade-info-code{left:1.65rem;right:1.65rem;top:1.45rem}
  .arcade-info h3{margin:.65rem 0;font-size:clamp(2.75rem,3.2vw,3.15rem)}
  .arcade-info>p{margin:.55rem 0;font-size:.78rem;line-height:1.5}
  .arcade-info .game-tags{margin:.5rem 0}
  .arcade-info .game-actions{gap:.5rem}
  .arcade-info .launch-game,.insert-coin{min-height:48px}
  .arcade-info .gate-status{left:1.65rem;right:1.65rem;bottom:1.25rem}
  .play-setup{margin:.7rem 0 .25rem;padding:.65rem}
  .play-setup header{margin-bottom:.5rem;padding-bottom:.45rem}
  .control-options>span{min-height:36px;padding:.35rem}
  .play-setup>p{margin-top:.45rem;font-size:.64rem;line-height:1.4}
}

/* Neon brick + graffiti arcade shell */
.brick-wall { position:absolute;z-index:1;left:0;right:390px;top:0;bottom:0;overflow:hidden;background-color:#10090f;background-image:linear-gradient(rgba(2,3,7,.28),rgba(2,3,7,.58)),linear-gradient(0deg,rgba(0,0,0,.68) 2px,transparent 2px),linear-gradient(90deg,rgba(0,0,0,.54) 2px,transparent 2px),radial-gradient(circle at 32% 38%,rgba(var(--scene-rgb),.09),transparent 31%);background-size:100% 100%,100% 42px,84px 84px,100% 100%;box-shadow:inset 0 0 110px #000,inset 0 -100px 150px #000 }
.brick-wall::before { content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 48%,rgba(0,0,0,.62) 49% 52%,transparent 53%);background-size:84px 42px;transform:translateX(42px);mask-image:repeating-linear-gradient(0deg,#000 0 42px,transparent 42px 84px);opacity:.72 }
.brick-wall::after { content:"";position:absolute;inset:-15%;background:radial-gradient(circle at 14% 28%,rgba(168,121,255,.19),transparent 18%),radial-gradient(circle at 84% 42%,rgba(70,232,255,.17),transparent 20%),radial-gradient(ellipse at 48% 72%,transparent 15%,rgba(0,0,0,.65) 68%),repeating-linear-gradient(112deg,transparent 0 70px,rgba(255,255,255,.018) 71px 73px);mix-blend-mode:screen;pointer-events:none }
.brick-wall > img { position:absolute;z-index:2;left:50%;top:105px;width:94%;max-width:1050px;height:410px;object-fit:contain;opacity:.72;mix-blend-mode:screen;filter:saturate(1.4) contrast(1.22) drop-shadow(0 0 25px rgba(168,121,255,.22)) drop-shadow(0 0 35px rgba(70,232,255,.18));transform:translateX(calc(-50% + var(--cam-x) * -9px)) rotate(-1deg);mask-image:radial-gradient(ellipse at center,#000 44%,rgba(0,0,0,.84) 66%,transparent 88%);animation:graffiti-charge 5.5s ease-in-out infinite alternate }
.graffiti-tags { position:absolute;z-index:3;inset:0;font-family:var(--mono);font-weight:900;letter-spacing:.08em;pointer-events:none }
.graffiti-tags > * { position:absolute;font-style:normal;text-shadow:2px 2px 0 #050207,0 0 13px currentColor;opacity:.64;transform:rotate(var(--tag-rotate,-6deg)) }
.graffiti-tags i { left:7%;top:31%;color:var(--pink);font-size:1.1rem;--tag-rotate:-11deg;border:3px solid currentColor;padding:.3rem .5rem }
.graffiti-tags b { right:6%;top:37%;color:var(--cyan);font-size:.72rem;--tag-rotate:8deg }
.graffiti-tags span { left:9%;top:67%;color:#b8ff35;font-size:1.35rem;--tag-rotate:-4deg;-webkit-text-stroke:1px #101900 }
.graffiti-tags em { right:8%;top:69%;color:#fff;font:900 .62rem var(--mono);--tag-rotate:-7deg;border-bottom:4px solid var(--pink) }
.graffiti-tags i::after,.graffiti-tags span::after { content:"";position:absolute;left:18%;top:100%;width:3px;height:38px;background:currentColor;box-shadow:14px 0 0 currentColor,31px 0 0 currentColor;filter:drop-shadow(0 0 6px currentColor);clip-path:polygon(0 0,100% 0,70% 100%,28% 100%) }
.brick-cables { position:absolute;z-index:4;inset:0;pointer-events:none }
.brick-cables i { position:absolute;border:4px solid #080a0f;border-top:0;border-right:0;filter:drop-shadow(2px 3px 1px #000) }
.brick-cables i::after { content:"";position:absolute;left:-7px;bottom:-7px;width:10px;height:10px;border:2px solid #273544;border-radius:50%;background:#05070b }
.brick-cables i:nth-child(1){left:3%;top:13%;width:29%;height:30%;border-color:#111b25}.brick-cables i:nth-child(2){right:2%;top:9%;width:23%;height:40%;border-color:#1b101b;transform:scaleX(-1)}.brick-cables i:nth-child(3){left:17%;bottom:8%;width:67%;height:12%;border-color:#09131c;transform:rotate(-1deg)}
.brick-neon { position:absolute;z-index:5;inset:0;pointer-events:none }
.brick-neon i { position:absolute;width:5px;height:165px;background:#fff;box-shadow:0 0 7px #fff,0 0 17px currentColor,0 0 45px currentColor;animation:brick-neon-flicker 6s steps(1) infinite }
.brick-neon i:nth-child(1){left:4%;top:17%;color:var(--pink);transform:rotate(14deg)}.brick-neon i:nth-child(2){right:3%;top:22%;color:var(--cyan);transform:rotate(-13deg);animation-delay:-2.3s}.brick-neon i:nth-child(3){left:50%;bottom:4%;width:190px;height:4px;color:var(--scene);transform:translateX(-50%);animation-delay:-4.1s}
.world-ghost { top:380px;opacity:.045;mix-blend-mode:screen }
.world-ghost strong { -webkit-text-stroke:2px rgba(var(--scene-rgb),.72) }
.arcade-sidewall { background:repeating-linear-gradient(0deg,rgba(5,9,17,.83) 0 62px,rgba(19,29,39,.9) 63px,rgba(2,5,10,.9) 65px);mix-blend-mode:screen }

@keyframes graffiti-charge{0%{opacity:.61;filter:saturate(1.2) contrast(1.16) drop-shadow(0 0 16px rgba(168,121,255,.15))}100%{opacity:.8;filter:saturate(1.55) contrast(1.28) drop-shadow(0 0 32px rgba(168,121,255,.28)) drop-shadow(0 0 38px rgba(70,232,255,.23))}}
@keyframes brick-neon-flicker{0%,11%,13%,62%,64%,100%{opacity:1}12%,63%{opacity:.18}}

@media(max-width:1180px){.brick-wall{right:340px}.brick-wall>img{width:98%;height:390px}.graffiti-tags i{left:4%}.graffiti-tags b{right:3%}}
@media(max-width:880px){.brick-wall{right:0;bottom:520px}.brick-wall>img{top:92px;height:400px}.graffiti-tags em{right:4%}}
@media(max-width:560px){.brick-wall{bottom:500px;background-size:100% 100%,100% 34px,68px 68px,100% 100%}.brick-wall::before{background-size:68px 34px;transform:translateX(34px);mask-image:repeating-linear-gradient(0deg,#000 0 34px,transparent 34px 68px)}.brick-wall>img{top:105px;width:120%;height:300px;opacity:.66}.graffiti-tags i{top:35%;font-size:.72rem}.graffiti-tags b{top:42%;font-size:.46rem}.graffiti-tags span{top:72%;font-size:.9rem}.graffiti-tags em{display:none}.brick-neon i{height:110px}.brick-neon i:nth-child(3){width:120px;height:3px}.world-ghost{display:none}}

/* Per-game play setup */
.play-setup { position:relative;margin:1rem 0 .35rem;padding:.85rem;border:2px solid rgba(var(--scene-rgb),.22);background:linear-gradient(120deg,rgba(var(--scene-rgb),.075),rgba(2,5,10,.82) 58%);box-shadow:inset 0 0 26px rgba(var(--scene-rgb),.035) }
.play-setup::before { content:"";position:absolute;left:-2px;top:-2px;width:18px;height:18px;border-left:3px solid var(--scene);border-top:3px solid var(--scene);box-shadow:-2px -2px 10px rgba(var(--scene-rgb),.25) }
.play-setup header { display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.65rem;padding-bottom:.6rem;border-bottom:1px solid rgba(var(--scene-rgb),.22) }
.play-setup header span { color:#a4afba;font:700 .46rem var(--mono);letter-spacing:.11em }
.play-setup header strong { color:var(--scene);font:900 .62rem var(--mono);letter-spacing:.035em;text-align:right;text-transform:uppercase;text-shadow:0 0 9px rgba(var(--scene-rgb),.3) }
.control-options { display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:5px }
.control-options > span { position:relative;display:grid;grid-template-columns:25px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:1px 6px;min-height:42px;padding:.42rem;border:1px solid rgba(143,190,213,.19);background:rgba(0,0,0,.26) }
.control-options > span.preferred { border-color:var(--scene);background:linear-gradient(135deg,rgba(var(--scene-rgb),.17),rgba(0,0,0,.22));box-shadow:inset 0 0 15px rgba(var(--scene-rgb),.07) }
.control-options i { grid-row:1/3;display:grid;place-items:center;width:25px;height:25px;border:1px solid #42505d;color:#a9b4c0;font:normal 900 .36rem var(--mono);clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%) }
.control-options .preferred i { border-color:var(--scene);background:var(--scene);color:#02050a;box-shadow:0 0 12px rgba(var(--scene-rgb),.35) }
.control-options b { overflow:hidden;color:#edf1f5;font:750 .5rem/1.08 var(--mono);text-overflow:ellipsis;text-transform:uppercase }
.control-options small { color:#98a4b0;font:600 .4rem var(--mono);letter-spacing:.035em;text-transform:uppercase }
.control-options .preferred small { color:var(--scene) }
.play-setup > p { margin:.6rem 0 0;color:#b3bdc7;font-size:.72rem;line-height:1.5 }

@media(max-width:1180px){.play-setup{padding:.7rem}.control-options{grid-template-columns:repeat(2,minmax(0,1fr))}.control-options>span{min-height:42px}.play-setup>p{font-size:.66rem}}
@media(min-width:881px) and (max-width:1180px){.arcade-info .game-actions{margin-top:.75rem}.arcade-info .insert-coin,.arcade-info .launch-game{flex:1 1 120px;min-width:0;padding-left:.7rem;padding-right:2rem}.arcade-info .case-link{flex:1 0 100%}.arcade-info .gate-status{bottom:.5rem}}

/* Whole-site power pass */
body { background:linear-gradient(90deg,#09030a,#02050a 42% 58%,#021019); }
.topbar { border-bottom:2px solid transparent;background:linear-gradient(rgba(3,7,13,.93),rgba(3,5,10,.78)) padding-box,linear-gradient(90deg,var(--pink),transparent 38% 62%,var(--cyan)) border-box;box-shadow:0 18px 55px #000,0 1px 25px rgba(70,232,255,.1) }
.topbar::before { content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--pink),#fff,var(--cyan),transparent);background-size:42% 100%;animation:topbar-signal 5s linear infinite }
.topbar nav a { font-weight:900 }
.topbar nav a.active { color:#fff;text-shadow:0 0 12px var(--cyan) }
.topbar nav a.active::after { transform:scaleX(1) }

.entry { min-height:max(100svh,860px);background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.035),transparent 19%),linear-gradient(90deg,rgba(168,121,255,.06),transparent 37% 63%,rgba(70,232,255,.06)),#02040a }
.entry::before { content:"";position:absolute;z-index:0;left:-8%;right:-8%;top:70px;height:32%;background:repeating-linear-gradient(90deg,transparent 0 72px,rgba(255,255,255,.035) 74px 76px),linear-gradient(180deg,rgba(255,255,255,.055),transparent);clip-path:polygon(0 0,100% 0,63% 100%,37% 100%);mask-image:linear-gradient(#000,transparent 94%);pointer-events:none }
.entry::after { content:"DESCEND // DESCEND // DESCEND // DESCEND // DESCEND // DESCEND";position:absolute;z-index:5;left:-2%;right:-2%;top:75px;overflow:hidden;color:rgba(255,255,255,.12);font:900 clamp(2.4rem,5vw,6rem)/1 var(--display);letter-spacing:.08em;white-space:nowrap;transform:rotate(-1deg);pointer-events:none;animation:entry-command 18s linear infinite }
.entry-power-field { position:absolute;z-index:2;inset:72px 0 0;overflow:hidden;pointer-events:none;transform:translate(calc(var(--cam-x) * -8px),calc(var(--cam-y) * -5px));transition:transform .14s ease-out }
.entry-reactor { position:absolute;left:50%;top:43%;width:min(42vw,630px);aspect-ratio:1;border:1px solid rgba(70,232,255,.12);border-radius:50%;transform:translate(-50%,-50%);opacity:.42 }
.entry-reactor::before,.entry-reactor::after,.entry-reactor i { content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%) }
.entry-reactor::before { width:116%;height:116%;border:1px dashed rgba(168,121,255,.26);animation:engine-orbit 30s linear infinite }
.entry-reactor::after { width:73%;height:73%;border:2px solid rgba(70,232,255,.18);box-shadow:0 0 45px rgba(70,232,255,.12),inset 0 0 45px rgba(168,121,255,.08);animation:engine-orbit 19s linear infinite reverse }
.entry-reactor i:nth-child(1){width:92%;height:92%;border:5px dotted rgba(255,255,255,.13);animation:engine-orbit 25s linear infinite}
.entry-reactor i:nth-child(2){width:54%;height:54%;border:1px solid var(--pink);box-shadow:0 0 35px rgba(168,121,255,.22);animation:reactor-breathe 3.4s ease-in-out infinite}
.entry-reactor i:nth-child(3){width:31%;height:31%;border:2px solid var(--cyan);box-shadow:0 0 55px rgba(70,232,255,.2)}
.entry-reactor b { position:absolute;left:50%;top:50%;width:64%;height:3px;background:linear-gradient(90deg,transparent,var(--pink),#fff,var(--cyan),transparent);box-shadow:0 0 22px #fff;transform:translate(-50%,-50%) rotate(-18deg);animation:reactor-scan 4.8s ease-in-out infinite alternate }
.entry-reactor span { position:absolute;left:50%;top:50%;color:rgba(255,255,255,.08);font:900 8rem var(--display);letter-spacing:.08em;transform:translate(-50%,-50%) }
.entry-bus { position:absolute;top:14%;bottom:11%;width:15%;border:1px solid rgba(132,190,218,.09);background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(255,255,255,.025));opacity:.75 }
.entry-bus.bus-left{left:1%;clip-path:polygon(0 0,100% 7%,82% 100%,0 100%)}.entry-bus.bus-right{right:1%;transform:scaleX(-1);clip-path:polygon(0 0,100% 7%,82% 100%,0 100%)}
.entry-bus i { position:absolute;left:15%;right:13%;height:3px;background:var(--pink);box-shadow:0 0 13px var(--pink);animation:bus-charge 3.1s linear infinite }
.entry-bus.bus-right i { background:var(--cyan);box-shadow:0 0 13px var(--cyan) }
.entry-bus i:nth-child(1){top:18%}.entry-bus i:nth-child(2){top:48%;animation-delay:-1s}.entry-bus i:nth-child(3){top:78%;animation-delay:-2s}
.entry-bus b { position:absolute;left:22%;top:8%;bottom:8%;width:10px;border:2px solid #1f2a36;background:repeating-linear-gradient(0deg,#05080d 0 24px,#34404d 25px 28px);box-shadow:5px 0 14px #000 }
.entry-sign { position:absolute;left:50%;top:4%;display:grid;width:min(440px,38vw);padding:.8rem 2rem;border:1px solid rgba(255,255,255,.3);background:linear-gradient(100deg,rgba(168,121,255,.25),rgba(3,7,13,.88) 42% 58%,rgba(70,232,255,.23));clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);text-align:center;transform:translateX(-50%);box-shadow:0 10px 40px #000,0 0 25px rgba(70,232,255,.12) }
.entry-sign span,.entry-sign i { color:#8fa0b0;font:700 .4rem var(--mono);font-style:normal;letter-spacing:.2em }.entry-sign strong{font:900 1.65rem var(--display);letter-spacing:.14em;text-shadow:-2px 0 8px var(--pink),2px 0 8px var(--cyan)}
.entry-sparks i { position:absolute;width:3px;height:3px;background:#fff;box-shadow:0 0 9px currentColor;animation:entry-spark 3s linear infinite }
.entry-sparks i:nth-child(1){left:18%;top:17%;color:var(--pink)}.entry-sparks i:nth-child(2){left:31%;top:58%;color:var(--cyan);animation-delay:-.7s}.entry-sparks i:nth-child(3){left:47%;top:24%;color:#fff;animation-delay:-1.2s}.entry-sparks i:nth-child(4){right:34%;top:66%;color:var(--pink);animation-delay:-1.7s}.entry-sparks i:nth-child(5){right:17%;top:28%;color:var(--cyan);animation-delay:-2.1s}.entry-sparks i:nth-child(6){right:8%;top:76%;color:#fff;animation-delay:-2.6s}
.entry-copy { filter:drop-shadow(0 24px 45px #000) }
.entry h1 { filter:drop-shadow(-7px 7px 0 rgba(168,121,255,.06)) drop-shadow(7px -4px 0 rgba(70,232,255,.06)) }
.entry h1>span:first-child,.entry h1>span:last-child { background:linear-gradient(180deg,#fff 0 62%,#a9b4c2 100%);background-clip:text;-webkit-background-clip:text;color:transparent }
.mission-panel { border:2px solid rgba(255,255,255,.18);background:radial-gradient(circle at 100% 0,rgba(70,232,255,.12),transparent 32%),linear-gradient(145deg,rgba(168,121,255,.1),rgba(3,7,13,.9) 42%);box-shadow:14px 14px 0 rgba(70,232,255,.04),-8px -8px 0 rgba(168,121,255,.035),inset 0 0 50px rgba(70,232,255,.04),0 35px 80px #000 }
.mission-panel::before,.mission-panel::after { width:42px;height:42px;border-width:4px 0 0 4px }.mission-panel::after{border-width:0 4px 4px 0}
.mission-panel>strong { text-shadow:-2px 0 0 rgba(168,121,255,.25),2px 0 0 rgba(70,232,255,.25) }

.zone-transition { position:relative;z-index:4;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem;min-height:136px;padding:1.8rem clamp(1.2rem,5vw,5.5rem);overflow:hidden;border-top:2px solid rgba(168,121,255,.5);border-bottom:2px solid rgba(70,232,255,.5);background:linear-gradient(90deg,#13050d,#03070d 28% 72%,#02131a);box-shadow:inset 0 0 65px #000,0 0 45px rgba(70,232,255,.1) }
.zone-transition::before { content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 28px,rgba(255,255,255,.025) 29px 30px);animation:transition-grid 7s linear infinite }
.zone-transition::after { content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--pink),#fff,var(--cyan),transparent);box-shadow:0 0 16px #fff;opacity:.55 }
.zone-transition>span,.zone-transition>strong,.zone-transition>b { position:relative;z-index:2 }.zone-transition>span{padding:.55rem .7rem;background:var(--pink);color:#16040c;font:900 .55rem var(--mono);letter-spacing:.1em}.zone-transition>strong{font:900 clamp(2.2rem,4vw,4.4rem)/.75 var(--display);letter-spacing:.04em;text-shadow:-3px 0 0 rgba(168,121,255,.35),3px 0 0 rgba(70,232,255,.35)}.zone-transition>b{justify-self:end;color:#94a0ad;font:700 .48rem var(--mono);letter-spacing:.12em}
.transition-rails { position:absolute;inset:0;pointer-events:none }.transition-rails i{position:absolute;top:0;bottom:0;width:11%;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);transform:skewX(-22deg)}.transition-rails i:nth-child(1){left:8%}.transition-rails i:nth-child(2){left:32%}.transition-rails i:nth-child(3){right:32%}.transition-rails i:nth-child(4){right:8%}
.transition-pulse { position:absolute;left:0;right:0;bottom:12px;height:5px;background:rgba(255,255,255,.04) }.transition-pulse i{display:block;width:18%;height:100%;background:linear-gradient(90deg,transparent,var(--pink),#fff,var(--cyan),transparent);box-shadow:0 0 13px var(--cyan);animation:transition-pulse 2.7s ease-in-out infinite alternate}
.transition-origin>span{background:var(--cyan)}.transition-origin .transition-pulse i{animation-delay:-1.2s}

.music { --music-accent:168,121,255;min-height:max(110svh,960px);padding-top:clamp(9rem,12vw,12rem);border-top:0;background:radial-gradient(circle at 70% 38%,rgba(var(--music-accent),.16),transparent 26%),linear-gradient(110deg,rgba(168,121,255,.12),transparent 42%,rgba(70,232,255,.08)),#07090C;isolation:isolate }
.music-environment { position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;transform:translate(calc(var(--music-x,0) * -10px),calc(var(--music-y,0) * -6px)) scale(1.02);transition:transform .16s ease-out }
.music-brick { position:absolute;inset:0;background-color:#0e080e;background-image:linear-gradient(rgba(2,3,7,.24),rgba(2,3,7,.62)),linear-gradient(0deg,rgba(0,0,0,.7) 2px,transparent 2px),linear-gradient(90deg,rgba(0,0,0,.55) 2px,transparent 2px),radial-gradient(circle at 65% 38%,rgba(var(--music-accent),.15),transparent 27%);background-size:100% 100%,100% 46px,92px 92px,100% 100%;box-shadow:inset 0 0 180px #000 }
.music-brick::before { content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 48%,rgba(0,0,0,.68) 49% 52%,transparent 53%);background-size:92px 46px;transform:translateX(46px);mask-image:repeating-linear-gradient(0deg,#000 0 46px,transparent 46px 92px);opacity:.78 }
.music-marquee { position:absolute;left:55%;top:5.5rem;display:grid;width:min(470px,38vw);padding:.8rem 2.2rem;border:2px solid rgba(255,255,255,.34);background:linear-gradient(95deg,rgba(168,121,255,.38),#05070c 35% 65%,rgba(70,232,255,.33));clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);text-align:center;transform:translateX(-50%) rotate(-1deg);box-shadow:-16px 0 40px rgba(168,121,255,.18),16px 0 40px rgba(70,232,255,.17),0 18px 55px #000;animation:music-marquee-float 4s ease-in-out infinite }
.music-marquee span{color:var(--pink);font:800 .42rem var(--mono);letter-spacing:.4em}.music-marquee strong{font:900 2.7rem/.82 var(--display);letter-spacing:.13em;text-shadow:-3px 0 0 var(--pink),3px 0 0 var(--cyan),0 0 17px #fff}.music-marquee i{color:var(--cyan);font:normal 800 .38rem var(--mono);letter-spacing:.2em}
.music-neon i { position:absolute;width:5px;height:28%;background:#fff;box-shadow:0 0 8px #fff,0 0 25px currentColor,0 0 58px currentColor;animation:brick-neon-flicker 7s steps(1) infinite }.music-neon i:nth-child(1){left:4%;top:18%;color:var(--pink);transform:rotate(13deg)}.music-neon i:nth-child(2){left:23%;bottom:7%;color:var(--pink);transform:rotate(-7deg);animation-delay:-2s}.music-neon i:nth-child(3){right:22%;top:16%;color:var(--cyan);transform:rotate(-11deg);animation-delay:-4s}.music-neon i:nth-child(4){right:4%;bottom:9%;color:var(--cyan);transform:rotate(8deg);animation-delay:-5.4s}
.music-cables i { position:absolute;border:5px solid #12151c;border-top:0;border-right:0;filter:drop-shadow(3px 4px 1px #000) }.music-cables i:nth-child(1){left:4%;top:9%;width:34%;height:45%}.music-cables i:nth-child(2){right:3%;top:12%;width:31%;height:52%;transform:scaleX(-1)}.music-cables i:nth-child(3){left:19%;right:17%;bottom:5%;height:14%;transform:rotate(-1deg)}
.broadcast-beams i { position:absolute;left:60%;top:42%;width:8px;height:70%;background:linear-gradient(rgba(var(--music-accent),.3),transparent);filter:blur(8px);transform-origin:top;mix-blend-mode:screen;animation:broadcast-beam 5s ease-in-out infinite }.broadcast-beams i:nth-child(1){transform:rotate(25deg)}.broadcast-beams i:nth-child(2){transform:rotate(-10deg);animation-delay:-1.6s}.broadcast-beams i:nth-child(3){transform:rotate(-38deg);animation-delay:-3.2s}
.music-graffiti>*{position:absolute;z-index:2;font-family:var(--mono);font-style:normal;font-weight:900;text-shadow:2px 2px #050207,0 0 15px currentColor}.music-graffiti b{left:6%;top:26%;color:var(--pink);font-size:1.1rem;transform:rotate(-11deg);border:3px solid currentColor;padding:.35rem}.music-graffiti span{right:5%;top:31%;color:var(--cyan);font-size:.8rem;transform:rotate(9deg)}.music-graffiti i{left:9%;bottom:12%;color:#b8ff35;font-size:1.3rem;transform:rotate(-5deg)}
.frequency-corridor { opacity:.24;z-index:1 }
.music-copy { z-index:5;padding:2rem;border:2px solid rgba(255,255,255,.15);background:linear-gradient(135deg,rgba(168,121,255,.1),rgba(3,7,13,.82) 44%,rgba(70,232,255,.06));backdrop-filter:blur(10px);box-shadow:14px 14px 0 rgba(168,121,255,.04),0 30px 90px #000 }
.music-copy::before { content:"";position:absolute;left:-2px;top:-2px;width:42px;height:42px;border-left:4px solid var(--pink);border-top:4px solid var(--pink);box-shadow:-2px -2px 15px rgba(168,121,255,.25) }
.music h2 { filter:drop-shadow(0 18px 28px #000) }.music h2 em{background:linear-gradient(90deg,var(--pink),#fff 48%,var(--cyan));background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}
.frequency-deck { z-index:4;min-height:760px;border:2px solid rgba(255,255,255,.16);background:radial-gradient(circle at 30% 34%,rgba(var(--music-accent),.12),transparent 27%),rgba(2,6,11,.78);box-shadow:18px 18px 0 rgba(70,232,255,.04),-12px -12px 0 rgba(168,121,255,.035),inset 0 0 100px rgba(var(--music-accent),.05),0 50px 130px #000;overflow:hidden }
.frequency-deck.retuning { animation:deck-retune .42s steps(2) }
.deck-chassis { position:absolute;z-index:-1;inset:12px;border:1px solid rgba(135,194,220,.15);clip-path:polygon(0 0,100% 0,100% 82%,88% 100%,0 100%) }.deck-chassis::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 77px,rgba(255,255,255,.025) 78px 79px);mask-image:linear-gradient(#000,transparent 85%)}.deck-chassis i{position:absolute;width:12px;height:12px;border:2px solid #354451;border-radius:50%;background:#05080d}.deck-chassis i:nth-child(1){left:13px;top:13px}.deck-chassis i:nth-child(2){right:13px;top:13px}.deck-chassis i:nth-child(3){left:13px;bottom:13px}.deck-chassis i:nth-child(4){right:13px;bottom:13px}.deck-chassis b{position:absolute;left:0;right:0;top:52%;height:2px;background:linear-gradient(90deg,transparent,var(--pink),#fff,var(--cyan),transparent);box-shadow:0 0 12px var(--cyan);opacity:.34}
.broadcast-hud { position:absolute;z-index:8;left:24px;right:24px;top:20px;display:flex;justify-content:space-between;padding-bottom:.65rem;border-bottom:1px solid rgba(var(--music-accent),.35);font:700 .43rem var(--mono);letter-spacing:.12em }.broadcast-hud span{color:#73808e}.broadcast-hud b{color:rgb(var(--music-accent));text-shadow:0 0 10px rgb(var(--music-accent))}.broadcast-hud b::before{content:"";display:inline-block;width:6px;height:6px;margin-right:.5rem;border-radius:50%;background:currentColor;box-shadow:0 0 11px currentColor;animation:pulse 1s infinite}.broadcast-hud i{color:#fff;font-style:normal}
.signal-orbits { position:absolute;z-index:0;left:31%;top:38%;width:460px;aspect-ratio:1;transform:translate(-50%,-50%);opacity:.28;pointer-events:none }.signal-orbits i{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.signal-orbits i:nth-child(1){width:100%;height:100%;border:1px dashed rgb(var(--music-accent));animation:engine-orbit 22s linear infinite}.signal-orbits i:nth-child(2){width:76%;height:76%;border:1px solid var(--cyan);animation:engine-orbit 15s linear infinite reverse}.signal-orbits i:nth-child(3){width:53%;height:53%;border:3px dotted #fff;animation:engine-orbit 12s linear infinite}.signal-orbits b{position:absolute;left:50%;top:50%;width:110%;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--music-accent)),transparent);box-shadow:0 0 15px rgb(var(--music-accent));transform-origin:left;animation:signal-sweep 5s linear infinite}
.album-stage { z-index:4;top:10%;left:7%;width:min(32vw,420px) }.album-stage>a::before,.album-stage>a::after{content:"";position:absolute;z-index:5;pointer-events:none}.album-stage>a::before{inset:-8px;border:2px solid rgba(var(--music-accent),.62);clip-path:polygon(0 0,36% 0,36% 3px,100% 3px,100% 100%,64% 100%,64% calc(100% - 3px),0 calc(100% - 3px))}.album-stage>a::after{left:0;right:0;top:-18%;height:15%;background:linear-gradient(transparent,rgba(var(--music-accent),.65),#fff,transparent);filter:blur(3px);mix-blend-mode:screen;animation:album-scan 4.2s linear infinite}.album-stage img{border:2px solid rgba(255,255,255,.48);box-shadow:18px 24px 0 rgba(var(--music-accent),.18),0 0 50px rgba(var(--music-accent),.16),0 55px 110px #000}.album-data strong{text-shadow:-2px 0 0 rgba(168,121,255,.25),2px 0 0 rgba(70,232,255,.25)}
.tuner { z-index:5;right:3%;top:17%;width:47%;border:2px solid rgba(255,255,255,.18);background:linear-gradient(150deg,rgba(var(--music-accent),.09),rgba(3,8,14,.86) 46%);box-shadow:12px 12px 0 rgba(var(--music-accent),.06),inset 0 0 65px rgba(70,232,255,.055),0 30px 80px #000 }.tuner::before{content:"FREQUENCY CONTROL";position:absolute;left:1.2rem;bottom:-1.3rem;color:#64717f;font:700 .4rem var(--mono);letter-spacing:.14em}.dial{border:2px solid rgba(var(--music-accent),.6);box-shadow:inset 0 0 35px #000,0 0 18px rgba(var(--music-accent),.28),0 0 55px rgba(70,232,255,.12)}.dial::before,.dial::after{content:"";position:absolute;border-radius:50%}.dial::before{inset:-14%;border:1px dashed rgba(var(--music-accent),.42);animation:engine-orbit 12s linear infinite}.dial::after{inset:25%;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 25px rgba(var(--music-accent),.18)}.artist-buttons button.active{background:rgb(var(--music-accent));color:#03050a;box-shadow:0 0 22px rgba(var(--music-accent),.28)}
.spectrum { z-index:4;left:5%;right:5%;bottom:22px;height:112px;padding:0 1rem;border-bottom:2px solid rgba(var(--music-accent),.45);filter:drop-shadow(0 0 10px rgba(var(--music-accent),.25)) }.spectrum i{transform-origin:bottom;background:linear-gradient(#fff,var(--cyan) 22%,rgb(var(--music-accent)));opacity:.82;animation-duration:calc(.55s + var(--bar,0) * .07s)}
.speaker-stack { position:absolute;z-index:3;right:2.5%;bottom:145px;width:115px;height:135px;border:2px solid rgba(255,255,255,.13);background:#05080e;box-shadow:inset 0 0 28px #000,0 18px 40px #000 }.speaker-stack i{position:absolute;left:50%;border:2px solid rgba(var(--music-accent),.42);border-radius:50%;background:radial-gradient(circle,#111 0 24%,rgb(var(--music-accent)) 25% 27%,#020304 29% 60%,#131922 62%);box-shadow:0 0 18px rgba(var(--music-accent),.15);transform:translateX(-50%);animation:speaker-pulse .7s ease-in-out infinite alternate}.speaker-stack i:nth-child(1){top:12px;width:48px;height:48px}.speaker-stack i:nth-child(2){bottom:11px;width:63px;height:63px;animation-delay:-.3s}.speaker-stack b{position:absolute;left:8px;top:8px;width:5px;height:5px;background:rgb(var(--music-accent));box-shadow:0 0 9px rgb(var(--music-accent))}

.origin { min-height:max(112svh,980px);grid-template-columns:1.05fr .95fr;isolation:isolate;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.045),transparent 15%),radial-gradient(circle at 29% 48%,rgba(168,121,255,.16),transparent 28%),radial-gradient(circle at 72% 48%,rgba(70,232,255,.15),transparent 28%),#020409 }
.origin::before { opacity:.32;background-size:54px 54px;mask-image:linear-gradient(#000,transparent 95%) }
.origin::after { content:"ORIGIN // ORIGIN // ORIGIN // ORIGIN";position:absolute;z-index:0;left:-3%;right:-3%;top:12%;overflow:hidden;color:transparent;font:900 clamp(8rem,20vw,24rem)/.72 var(--display);letter-spacing:-.05em;-webkit-text-stroke:1px rgba(70,232,255,.08);white-space:nowrap;transform:rotate(-4deg);pointer-events:none }
.origin-chamber { position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;transform:translate(calc(var(--origin-x,0) * -9px),calc(var(--origin-y,0) * -5px)) scale(1.015);transition:transform .16s ease-out }
.origin-ceiling { position:absolute;left:8%;right:8%;top:58px;height:28%;clip-path:polygon(0 0,100% 0,67% 100%,33% 100%);background:repeating-linear-gradient(90deg,#05080d 0 10%,#18202a 10.2% 10.8%,#04070c 11% 20%),linear-gradient(90deg,rgba(168,121,255,.17),transparent 44% 56%,rgba(70,232,255,.17));opacity:.7 }.origin-ceiling i{position:absolute;top:9%;width:4px;height:82%;background:#fff;box-shadow:0 0 8px #fff,0 0 28px currentColor}.origin-ceiling i:nth-child(1){left:9%;color:var(--pink)}.origin-ceiling i:nth-child(2){left:29%;color:var(--pink)}.origin-ceiling i:nth-child(3){left:50%;color:#fff}.origin-ceiling i:nth-child(4){right:29%;color:var(--cyan)}.origin-ceiling i:nth-child(5){right:9%;color:var(--cyan)}
.origin-tower { position:absolute;top:21%;bottom:10%;width:13%;border:2px solid rgba(255,255,255,.12);background:repeating-linear-gradient(0deg,#05080e 0 75px,#121b25 76px 79px);box-shadow:inset 0 0 60px #000,0 25px 70px #000 }.origin-tower.tower-left{left:2%;clip-path:polygon(0 0,78% 0,100% 8%,100% 92%,78% 100%,0 100%)}.origin-tower.tower-right{right:2%;clip-path:polygon(22% 0,100% 0,100% 100%,22% 100%,0 92%,0 8%)}.origin-tower i{position:absolute;left:18%;right:18%;height:3px;background:var(--pink);box-shadow:0 0 15px var(--pink);animation:tower-scan 3.8s linear infinite}.tower-right i{background:var(--cyan);box-shadow:0 0 15px var(--cyan)}.origin-tower i:nth-child(1){top:20%}.origin-tower i:nth-child(2){top:66%;animation-delay:-1.9s}.origin-tower b{position:absolute;left:50%;top:12%;bottom:12%;width:2px;background:linear-gradient(transparent,currentColor,transparent);color:var(--pink);box-shadow:0 0 17px currentColor}.tower-right b{color:var(--cyan)}.origin-tower span{position:absolute;left:50%;bottom:5%;color:#667481;font:800 .46rem var(--mono);letter-spacing:.25em;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg)}
.origin-floor { position:absolute;left:-8%;right:-8%;bottom:-31%;height:58%;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.12) 50%,transparent 50.2%),linear-gradient(rgba(70,232,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(168,121,255,.11) 1px,transparent 1px),#03060b;background-size:100% 100%,100% 58px,82px 100%,100%;transform:perspective(520px) rotateX(64deg);transform-origin:bottom;mask-image:linear-gradient(transparent,#000 34%)}.origin-floor i{position:absolute;left:50%;top:0;width:3px;height:100%;background:linear-gradient(var(--cyan),transparent);box-shadow:0 0 15px var(--cyan);transform-origin:top}.origin-floor i:nth-child(1){transform:rotate(20deg)}.origin-floor i:nth-child(2){transform:rotate(-20deg)}.origin-floor i:nth-child(3){transform:rotate(42deg)}.origin-floor b{position:absolute;left:16%;right:16%;top:32%;height:2px;background:linear-gradient(90deg,var(--pink),#fff,var(--cyan));box-shadow:0 0 16px #fff;animation:floor-scan 4s ease-in-out infinite alternate}
.origin-plasma i{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 10px currentColor;animation:origin-plasma 5s linear infinite}.origin-plasma i:nth-child(1){color:var(--pink);--px:-260px;--py:-180px}.origin-plasma i:nth-child(2){color:var(--cyan);--px:230px;--py:-130px;animation-delay:-.8s}.origin-plasma i:nth-child(3){color:#fff;--px:-170px;--py:220px;animation-delay:-1.6s}.origin-plasma i:nth-child(4){color:var(--pink);--px:310px;--py:120px;animation-delay:-2.4s}.origin-plasma i:nth-child(5){color:var(--cyan);--px:70px;--py:-280px;animation-delay:-3.2s}.origin-plasma i:nth-child(6){color:#fff;--px:-320px;--py:40px;animation-delay:-4s}
.origin-ghost { position:absolute;left:50%;top:50%;color:transparent;font:900 clamp(8rem,16vw,18rem)/.63 var(--display);letter-spacing:-.05em;text-align:center;-webkit-text-stroke:2px rgba(255,255,255,.035);transform:translate(-50%,-50%) rotate(-4deg);white-space:nowrap;animation:ghost-drift 7s ease-in-out infinite alternate }
.origin-rings { z-index:1;width:min(75vw,1020px);opacity:.48;filter:drop-shadow(0 0 35px rgba(70,232,255,.1));transform:translate(calc(-50% + var(--origin-x,0) * -14px),calc(-50% + var(--origin-y,0) * -9px)) }.origin-rings::before,.origin-rings::after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.origin-rings::before{width:38%;height:38%;background:radial-gradient(circle,rgba(255,255,255,.18),rgba(70,232,255,.06) 22%,rgba(168,121,255,.05) 44%,transparent 68%);filter:blur(7px);animation:reactor-breathe 2.8s ease-in-out infinite}.origin-rings::after{width:20%;height:20%;border:2px solid #fff;box-shadow:0 0 22px #fff,0 0 75px var(--cyan),0 0 120px var(--pink);opacity:.23}.origin-rings img{opacity:.75;filter:brightness(0) invert(1) drop-shadow(0 0 18px #fff)}
.origin-copy { z-index:4;padding-left:2rem;border-left:5px solid var(--pink);filter:drop-shadow(0 25px 35px #000) }.origin h2{font-size:clamp(4.5rem,7.4vw,8.4rem);line-height:.72}.origin h2 em{display:inline-block;background:linear-gradient(90deg,var(--pink),#fff 48%,var(--cyan));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:0;text-shadow:none;transform:skewX(-5deg)}
.origin-note { z-index:5;padding:2.2rem;border:2px solid rgba(255,255,255,.18);background:radial-gradient(circle at 100% 0,rgba(70,232,255,.13),transparent 30%),linear-gradient(145deg,rgba(168,121,255,.11),rgba(3,7,13,.9) 45%);box-shadow:15px 15px 0 rgba(70,232,255,.04),-9px -9px 0 rgba(168,121,255,.035),inset 0 0 55px rgba(70,232,255,.045),0 36px 90px #000 }.origin-note::before,.origin-note::after{content:"";position:absolute;width:38px;height:38px;border-style:solid;pointer-events:none}.origin-note::before{left:-2px;top:-2px;border-color:var(--pink);border-width:4px 0 0 4px}.origin-note::after{right:-2px;bottom:-2px;border-color:var(--cyan);border-width:0 4px 4px 0}.origin-note>span{font-size:.56rem;font-weight:900}.origin-note p{color:#b3bdc8;font-size:1rem}.origin-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:1.3rem 0 1.6rem;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.origin-stats i{padding:1rem .45rem;color:#697684;font:normal 700 .4rem var(--mono);text-align:center}.origin-stats i+ i{border-left:1px solid rgba(255,255,255,.13)}.origin-stats b{display:block;margin-bottom:.35rem;color:#fff;font:900 .9rem var(--mono);text-shadow:0 0 13px var(--cyan)}

footer { position:relative;overflow:hidden;min-height:250px;border-top:3px solid transparent;background:linear-gradient(#02050a,#010205) padding-box,linear-gradient(90deg,var(--pink),#fff,var(--cyan)) border-box;box-shadow:inset 0 40px 90px rgba(70,232,255,.035) }
footer::before { content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 42px,rgba(255,255,255,.018) 43px 44px),linear-gradient(90deg,rgba(168,121,255,.06),transparent 36% 64%,rgba(70,232,255,.06));pointer-events:none }
footer>*{position:relative;z-index:1}.footer-brand img{filter:brightness(0) invert(1) drop-shadow(-4px 0 8px var(--pink)) drop-shadow(4px 0 8px var(--cyan))}.end-code{padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.08)}

@keyframes topbar-signal{to{background-position:238% 0}}
@keyframes entry-command{to{translate:-45% 0}}
@keyframes reactor-breathe{50%{opacity:.5;scale:1.08}}
@keyframes reactor-scan{to{transform:translate(-50%,-50%) rotate(24deg)}}
@keyframes bus-charge{0%{transform:scaleX(0);transform-origin:left}45%,70%{transform:scaleX(1)}100%{transform:scaleX(0);transform-origin:right}}
@keyframes entry-spark{0%{opacity:0;translate:0 35px}20%{opacity:1}100%{opacity:0;translate:20px -95px}}
@keyframes transition-grid{to{background-position:90px 0}}
@keyframes transition-pulse{to{transform:translateX(460%)}}
@keyframes music-marquee-float{50%{transform:translateX(-50%) rotate(1deg) translateY(5px);filter:brightness(1.25)}}
@keyframes broadcast-beam{50%{opacity:.3;filter:blur(14px);scale:1.18 1}}
@keyframes signal-sweep{to{transform:rotate(360deg)}}
@keyframes album-scan{to{transform:translateY(760%)}}
@keyframes speaker-pulse{to{filter:brightness(1.2);scale:1.05}}
@keyframes deck-retune{0%,100%{filter:none}18%{filter:brightness(1.6) saturate(1.45);translate:-4px 0}36%{filter:hue-rotate(18deg);translate:3px 0}54%{filter:brightness(.75);translate:-1px 0}}
@keyframes tower-scan{0%{transform:scaleX(.15);transform-origin:left}50%{transform:scaleX(1)}100%{transform:scaleX(.15);transform-origin:right}}
@keyframes floor-scan{to{transform:translateY(190px);opacity:.25}}
@keyframes origin-plasma{0%{opacity:0;transform:translate(0,0) scale(.3)}18%{opacity:1}72%{opacity:.8}100%{opacity:0;transform:translate(var(--px),var(--py)) scale(1.8)}}
@keyframes ghost-drift{to{transform:translate(-50%,-52%) rotate(3deg);opacity:.55}}

@media(max-width:1100px){
  .entry-sign{width:360px}.entry-reactor{width:52vw}.music-marquee{left:64%;width:390px}.music-copy{padding:1.5rem}.signal-orbits{left:28%;width:380px}.speaker-stack{display:none}.origin-tower{width:10%}.origin{gap:3rem}.origin-note{padding:1.6rem}
}
@media(max-width:820px){
  .entry-power-field{inset:62px 0 0}.entry-reactor{top:35%;width:90vw;opacity:.3}.entry-sign{top:3%;width:340px}.entry-bus{width:23%;opacity:.4}.zone-transition{grid-template-columns:auto 1fr;min-height:112px;padding:1.2rem}.zone-transition>b{display:none}.zone-transition>strong{font-size:2.7rem}.music{min-height:1500px;padding-top:8rem}.music-marquee{left:50%;top:4.2rem;width:370px}.music-copy{margin-top:4rem}.frequency-deck{width:100%;min-height:760px}.broadcast-hud{top:16px}.signal-orbits{left:34%;top:29%;width:440px}.album-stage{left:7%;top:8%;width:min(68vw,390px)}.tuner{right:4%;top:30%;width:50%}.origin{grid-template-columns:1fr;min-height:1250px;padding-top:10rem;padding-bottom:10rem}.origin-chamber{opacity:.72}.origin-tower{width:14%;opacity:.5}.origin-copy{margin-top:5rem}.origin-rings{width:120vw}.origin-note{width:100%;max-width:640px;justify-self:center}.origin-ghost{font-size:10rem}
}
@media(max-width:560px){
  .entry::after{top:68px;font-size:2.2rem}.entry-power-field{inset:62px 0 0}.entry-sign{width:290px;padding:.65rem 1rem}.entry-sign strong{font-size:1.25rem}.entry-bus{display:none}.entry-reactor{top:31%;width:110vw}.entry-reactor span{font-size:5rem}.entry-sparks i:nth-child(n+4){display:none}.zone-transition{min-height:94px;gap:.7rem}.zone-transition>span{font-size:.45rem}.zone-transition>strong{font-size:2rem}.transition-rails i:nth-child(even){display:none}.music{min-height:1450px;padding-top:7rem}.music-marquee{top:3.5rem;width:290px}.music-marquee strong{font-size:2rem}.music-neon i{height:19%}.music-graffiti b{font-size:.65rem}.music-graffiti span{font-size:.48rem}.music-graffiti i{font-size:.8rem}.music-copy{padding:1.25rem;margin-top:4rem}.frequency-deck{min-height:735px;margin-left:-.15rem;margin-right:-.15rem}.broadcast-hud{left:15px;right:15px}.broadcast-hud i{display:none}.signal-orbits{left:50%;top:27%;width:105vw}.album-stage{left:8%;top:8%;z-index:4;width:76vw}.tuner{left:5%;right:5%;top:43%;z-index:6;width:90%;min-height:270px;padding:1.1rem}.spectrum{height:72px;bottom:14px}.origin{grid-template-columns:1fr;min-height:1120px;padding-top:8rem}.origin-ceiling{left:-20%;right:-20%}.origin-tower{display:none}.origin-ghost{font-size:7rem}.origin-rings{width:150vw;opacity:.37}.origin-copy{margin-top:2rem;padding-left:1rem;border-left-width:3px}.origin h2{font-size:clamp(3.6rem,16vw,5.2rem)}.origin-note{width:100%;padding:1.25rem}.origin-note p{font-size:.88rem}.origin-stats{grid-template-columns:1fr}.origin-stats i+ i{border-left:0;border-top:1px solid rgba(255,255,255,.1)}footer{min-height:320px}
}
@media(prefers-reduced-motion:reduce){.entry-power-field,.music-environment,.origin-chamber{transform:none}.broadcast-beams,.entry-sparks,.origin-plasma{display:none}}

/* Readable display typography */
:root { --headline:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow","Segoe UI",sans-serif; }
.entry h1,.section-head h2,.music h2,.origin h2 { font-family:var(--headline);font-weight:900;font-stretch:semi-condensed;letter-spacing:-.035em }
.entry h1 { font-size:clamp(4.7rem,9.7vw,10.4rem);line-height:.82;row-gap:.035em }
.entry h1 .split { height:.84em }
.entry h1 .split i,.entry h1 .split b { line-height:.82 }
.section-head h2 { font-size:clamp(5rem,8.5vw,9.5rem);line-height:.82;letter-spacing:-.045em }
.music h2 { font-size:clamp(4.5rem,7.4vw,8.2rem);line-height:.86;letter-spacing:-.045em }
.origin h2 { font-size:clamp(4.25rem,6.7vw,7.4rem);line-height:.86;letter-spacing:-.045em }
.mission-panel>strong { font-family:var(--headline);font-size:clamp(1.85rem,2.5vw,2.8rem);font-weight:900;line-height:.94;letter-spacing:-.02em }
.zone-transition>strong { font-family:var(--headline);line-height:.88;letter-spacing:.015em }
.music-marquee strong,.entry-sign strong { font-family:var(--headline);line-height:.94 }

@media(max-width:820px){
  .entry h1{font-size:clamp(4.2rem,16vw,7.2rem);line-height:.84}.section-head h2{font-size:clamp(4.1rem,14vw,6.7rem);line-height:.84}.music h2{font-size:clamp(4rem,14vw,6.5rem);line-height:.88}.origin h2{font-size:clamp(4rem,13vw,6rem);line-height:.88}
}
@media(max-width:560px){
  .entry h1{font-size:clamp(3.85rem,18vw,5.4rem);line-height:.86;row-gap:.045em}.section-head h2{font-size:clamp(3.7rem,15vw,5.25rem);line-height:.86}.music h2{font-size:clamp(3.65rem,15vw,5.1rem);line-height:.9}.origin h2{font-size:clamp(3.45rem,14.5vw,4.85rem);line-height:.9}
}

/* Official brand-kit lockups */
.brand-lockup{display:block;width:clamp(138px,12vw,176px);height:auto}
.footer-brand img{width:132px;height:auto;filter:none}
@media(max-width:560px){.brand-lockup{width:124px}.footer-brand img{width:120px}}
@media(max-width:880px){.control-options{grid-template-columns:repeat(auto-fit,minmax(105px,1fr))}.play-setup>p{font-size:.65rem}}
@media(max-width:560px){.play-setup header{align-items:flex-start;flex-direction:column;gap:.35rem}.play-setup header strong{text-align:left}.control-options{grid-template-columns:1fr}.control-options b{font-size:.42rem}.play-setup>p{font-size:.62rem}}

/* Complete content archive */
.arcade-cabinet.development .cabinet-screen img{filter:grayscale(.45) contrast(1.15)}
.arcade-cabinet.development .cabinet-screen em{color:var(--axysyn-ember,#FF5A29);border-color:currentColor;background:rgba(7,9,12,.86);box-shadow:0 0 18px rgba(255,90,41,.3)}
.arcade-cabinet.development .coin-door{border-color:var(--axysyn-ember,#FF5A29)}
.game-actions [hidden]{display:none!important}
.dossier-index{width:min(1560px,calc(100% - clamp(2rem,7vw,8rem)));margin:3.2rem auto 0;padding:clamp(1.2rem,2.8vw,2.6rem);border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(168,121,255,.075),rgba(3,7,13,.92) 38%,rgba(70,232,255,.055));box-shadow:0 34px 100px #000,inset 0 0 80px rgba(70,232,255,.025)}
.dossier-index>header{display:grid;grid-template-columns:1.05fr .95fr;column-gap:3rem;align-items:end;margin-bottom:2rem}.dossier-index>header .eyebrow{grid-column:1/-1}.dossier-index h3{margin:.65rem 0 0;font:900 clamp(3.4rem,6.7vw,7.5rem)/.78 var(--headline);letter-spacing:-.05em}.dossier-index h3 em{color:var(--world);font-style:normal}.dossier-index>header>p:last-child{max-width:560px;margin:0 0 .4rem;color:#9ea8b4;line-height:1.72}
.dossier-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(255,255,255,.13);border-left:1px solid rgba(255,255,255,.13)}
.dossier-grid a{position:relative;grid-column:span 2;min-height:245px;padding:1.5rem;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);overflow:hidden;background:linear-gradient(135deg,rgba(var(--world-rgb),.07),transparent 52%);text-decoration:none;transition:background .3s,transform .3s var(--ease)}
.dossier-grid a:nth-child(4),.dossier-grid a:nth-child(5){grid-column:span 3}.dossier-grid a::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(var(--world-rgb),.16),transparent 65%);transform:translateX(-105%);transition:transform .55s var(--ease)}.dossier-grid a:hover::before{transform:translateX(105%)}.dossier-grid a:hover{background:rgba(var(--world-rgb),.1);transform:translateY(-4px)}
.dossier-grid span{display:block;color:#737f8d;font:800 .48rem var(--mono);letter-spacing:.12em}.dossier-grid strong{display:block;margin:3.4rem 0 .7rem;font:900 clamp(1.55rem,2.2vw,2.8rem)/.9 var(--headline);letter-spacing:-.035em}.dossier-grid p{max-width:38ch;color:#9aa6b3;font-size:.75rem;line-height:1.55}.dossier-grid b{position:absolute;left:1.5rem;bottom:1.4rem;color:var(--world);font:800 .5rem var(--mono);letter-spacing:.08em}

.transition-collab{background:linear-gradient(90deg,rgba(216,255,62,.055),transparent 48%,rgba(168,121,255,.055)),#05070a}.transition-collab .transition-pulse i{background:var(--world);box-shadow:0 0 25px var(--world)}
.collaborators{min-height:max(110svh,980px);padding:clamp(7rem,10vw,11rem) clamp(1.2rem,5vw,5.5rem);overflow:hidden;background:radial-gradient(circle at 15% 40%,rgba(216,255,62,.08),transparent 28%),radial-gradient(circle at 82% 42%,rgba(168,121,255,.11),transparent 30%),repeating-linear-gradient(0deg,transparent 0 78px,rgba(255,255,255,.025) 79px 80px),#040609}.collaborators::before{content:"PEOPLE // PEOPLE // PEOPLE";position:absolute;left:-4%;top:14%;color:transparent;font:900 clamp(8rem,19vw,22rem)/.7 var(--display);white-space:nowrap;-webkit-text-stroke:1px rgba(255,255,255,.035);transform:rotate(-3deg);pointer-events:none}.collaborators .section-head{position:relative;z-index:2;width:min(1500px,100%);margin:0 auto 4rem}
.collaborator-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr .58fr;gap:1.25rem;width:min(1500px,100%);margin:auto}.collaborator-card{position:relative;display:grid;grid-template-columns:.78fr 1.22fr;min-height:520px;border:1px solid rgba(255,255,255,.16);overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(3,7,13,.94));box-shadow:0 34px 90px #000;text-decoration:none;transition:transform .4s var(--ease),border-color .35s}.collaborator-card:hover{transform:translateY(-8px);border-color:var(--world)}.collaborator-card.mandy{--collab:216,255,62}.collaborator-card.freedom{--collab:168,121,255}.collaborator-card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(var(--collab),.17),transparent 65%);transform:translateX(-110%);transition:transform .65s var(--ease)}.collaborator-card:hover::after{transform:translateX(110%)}
.collaborator-code{position:absolute;z-index:3;top:1.2rem;left:1.2rem;color:rgb(var(--collab));font:800 .47rem var(--mono);letter-spacing:.12em}.collaborator-art{position:relative;display:grid;place-items:end center;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(var(--collab),.25),transparent 43%),repeating-linear-gradient(90deg,transparent 0 34px,rgba(var(--collab),.05) 35px 36px)}.collaborator-art i{position:absolute;left:50%;top:49%;width:310px;aspect-ratio:1;border:1px dashed rgba(var(--collab),.42);border-radius:50%;transform:translate(-50%,-50%);animation:engine-orbit 17s linear infinite}.collaborator-art img{position:relative;z-index:2;width:230px;max-width:none;image-rendering:pixelated;filter:drop-shadow(0 18px 24px #000) drop-shadow(0 0 22px rgba(var(--collab),.22));transition:transform .5s var(--ease)}.collaborator-card:hover .collaborator-art img{transform:translateY(-8px) scale(1.04)}.collaborator-art.duo img{position:absolute;bottom:0;width:210px}.collaborator-art.duo img:nth-of-type(1){left:-6%}.collaborator-art.duo img:nth-of-type(2){right:-8%;transform:scaleX(-1)}.collaborator-card:hover .collaborator-art.duo img:nth-of-type(2){transform:scaleX(-1) translateY(-8px) scale(1.04)}
.collaborator-card>div:last-child{display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;background:linear-gradient(145deg,rgba(var(--collab),.1),transparent 42%)}.collaborator-card>div:last-child p{color:rgb(var(--collab));font:800 .49rem var(--mono);letter-spacing:.11em}.collaborator-card h3{margin:.8rem 0 1.2rem;font:900 clamp(2.6rem,4vw,5rem)/.78 var(--headline);letter-spacing:-.05em}.collaborator-card>div:last-child>span{color:#a4adb7;font-size:.85rem;line-height:1.6}.collaborator-card>div:last-child>b{margin-top:2rem;color:rgb(var(--collab));font:800 .5rem var(--mono);letter-spacing:.08em}.collaborator-note{display:flex;flex-direction:column;justify-content:flex-end;padding:1.7rem;border:1px solid rgba(70,232,255,.22);background:linear-gradient(160deg,rgba(70,232,255,.09),rgba(3,7,13,.92) 48%);box-shadow:0 34px 90px #000}.collaborator-note span,.collaborator-note b{color:var(--cyan);font:800 .48rem var(--mono);letter-spacing:.11em}.collaborator-note p{margin:auto 0 1.5rem;color:#a7b0ba;font-size:.95rem;line-height:1.75}
.origin-note>p+p{margin-top:.9rem}.origin{min-height:max(122svh,1120px)}

@media(max-width:1180px){.dossier-grid{grid-template-columns:repeat(2,1fr)}.dossier-grid a,.dossier-grid a:nth-child(4),.dossier-grid a:nth-child(5){grid-column:span 1}.collaborator-grid{grid-template-columns:1fr 1fr}.collaborator-note{grid-column:1/-1;min-height:210px}.collaborator-card{grid-template-columns:1fr;min-height:670px}.collaborator-art{min-height:330px}}
@media(max-width:820px){.dossier-index>header{grid-template-columns:1fr}.dossier-index>header>p:last-child{margin-top:1.2rem}.dossier-grid{grid-template-columns:1fr}.collaborator-grid{grid-template-columns:1fr}.collaborator-card{grid-template-columns:.8fr 1.2fr;min-height:500px}.collaborator-art{min-height:0}.collaborator-note{grid-column:auto}.origin{min-height:1450px}}
@media(max-width:560px){.dossier-index{width:calc(100% - 1.4rem);padding:1rem}.dossier-index h3{font-size:3.6rem}.dossier-grid a{min-height:225px}.collaborator-card{grid-template-columns:1fr;min-height:660px}.collaborator-art{min-height:330px}.collaborators{padding-inline:.8rem}.collaborator-note{min-height:260px}.origin{min-height:1530px}}
@media(prefers-reduced-motion:reduce){.collaborator-art i{animation:none}.collaborator-card,.dossier-grid a{transition:none}}