:root{--arcadia-black: #000000;--arcadia-yellow: #ffea00;--arcadia-red: #ff3030;--arcadia-cyan: #00d9ff;--arcadia-magenta: #ff00aa;--arcadia-bezel: #1a1a1a;--arcadia-bezel-inner: #050505;--arcadia-panel: #2a1a0a;--arcadia-panel-light: #3a2614;--arcadia-room-bg: #04060d;--arcadia-screen-bg: #0b0e1a;--arcadia-glow-yellow: 0 0 12px rgba(255, 234, 0, .6);--arcadia-glow-cyan: 0 0 10px rgba(0, 217, 255, .55);--arcadia-glow-red: 0 0 8px rgba(255, 48, 48, .6);--arcadia-shadow-3d: 4px 4px 0 #c81818, 8px 8px 0 #5d0000;--arcadia-shadow-screen: 0 0 80px rgba(40, 80, 200, .18);--arcadia-phosphor: #7af3c8;--arcadia-font-display: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--arcadia-font-size-marquee: clamp(1.5rem, 4vw, 3rem);--arcadia-font-size-tagline: clamp(.75rem, 1.6vw, 1rem);--arcadia-font-size-panel: clamp(.75rem, 1.4vw, .95rem);--arcadia-letter-spacing-marquee: .18em;--arcadia-canvas-w: 480;--arcadia-canvas-h: 270;--arcadia-marquee-h: clamp(60px, 11vh, 110px);--arcadia-panel-h: clamp(54px, 9vh, 92px);--arcadia-bezel-thickness: clamp(4px, .8vw, 10px);--arcadia-screen-radius: 6px;--arcadia-flicker-duration: 4s;--arcadia-blink-duration: 1s;--arcadia-tagline-cycle-duration: 18s}:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100vh;height:100dvh;background:var(--arcadia-room-bg);color:var(--arcadia-yellow);font-family:var(--arcadia-font-display);overflow:hidden;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;touch-action:none}body{display:flex;align-items:stretch;justify-content:stretch;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}#cabinet{position:relative;display:grid;grid-template-rows:var(--arcadia-marquee-h) 1fr var(--arcadia-panel-h);width:100%;height:100%;background:radial-gradient(ellipse at 50% 40%,rgba(20,30,60,.4) 0%,transparent 70%),var(--arcadia-room-bg);transition:grid-template-rows .28s cubic-bezier(.34,1.56,.64,1)}body[data-cabinet-mode=playing] #cabinet{grid-template-rows:0fr 1fr 0fr}body[data-cabinet-mode=playing] .marquee,body[data-cabinet-mode=playing] .control-panel{overflow:hidden;visibility:hidden;pointer-events:none}body[data-cabinet-mode=playing] .screen{padding:clamp(2px,.5vw,6px)}body[data-cabinet-mode=playing] .bezel{padding:clamp(2px,.6vw,8px)}body[data-cabinet-mode=playing]{--arcadia-marquee-h: 0px;--arcadia-panel-h: 0px}.marquee{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#1a0e00,#2a1500 60%,#1a0e00);border-bottom:2px solid var(--arcadia-bezel-inner);overflow:hidden;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 2px,rgba(0,0,0,.18) 2px,rgba(0,0,0,.18) 3px),linear-gradient(180deg,#1a0e00,#2a1500 60%,#1a0e00)}.marquee__wordmark{font-size:var(--arcadia-font-size-marquee);letter-spacing:var(--arcadia-letter-spacing-marquee);font-weight:700;color:var(--arcadia-yellow);text-shadow:var(--arcadia-glow-yellow);animation:marquee-flicker var(--arcadia-flicker-duration) steps(2) infinite;margin:0;line-height:1}.marquee__tagline{margin-top:.4em;font-size:var(--arcadia-font-size-tagline);letter-spacing:.25em;color:var(--arcadia-cyan);text-shadow:var(--arcadia-glow-cyan);opacity:.75}@keyframes marquee-flicker{0%,to{opacity:1}92%{opacity:1}93%,95%{opacity:.78}}.screen{display:grid;place-items:center;background:var(--arcadia-room-bg);padding:var(--arcadia-bezel-thickness);min-height:0;min-width:0;overflow:hidden}.bezel{position:relative;display:grid;place-items:center;padding:var(--arcadia-bezel-thickness);background:var(--arcadia-bezel);border-radius:var(--arcadia-screen-radius);overflow:hidden;box-shadow:inset 0 0 60px #000000d9,inset 0 0 14px #00d9ff0d,0 6px 24px #0009,var(--arcadia-shadow-screen)}#game{display:block;background:var(--arcadia-screen-bg);image-rendering:pixelated;image-rendering:crisp-edges;width:100%;height:100%;border-radius:2px}.bezel.with-scanlines:after{content:"";position:absolute;inset:var(--arcadia-bezel-thickness);pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0px,rgba(0,0,0,.18) 1px,transparent 1px,transparent 3px);border-radius:2px;mix-blend-mode:multiply}.control-panel{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,3vw,2rem);background:linear-gradient(180deg,var(--arcadia-panel-light) 0%,var(--arcadia-panel) 30%,#15090a 100%);border-top:2px solid var(--arcadia-bezel-inner);background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.15) 0,transparent 1px,transparent 7px,rgba(0,0,0,.18) 8px),linear-gradient(180deg,var(--arcadia-panel-light) 0%,var(--arcadia-panel) 30%,#15090a 100%);font-size:var(--arcadia-font-size-panel);letter-spacing:.16em}.control-panel__title{color:var(--arcadia-yellow);text-shadow:var(--arcadia-glow-yellow);opacity:.85}.control-panel__credit{display:inline-flex;align-items:center;gap:.5em;color:var(--arcadia-cyan);text-shadow:var(--arcadia-glow-cyan)}.control-panel__credit:before{content:"◉";color:var(--arcadia-yellow);text-shadow:var(--arcadia-glow-yellow)}.control-panel__insert-coin{color:var(--arcadia-yellow);text-shadow:var(--arcadia-glow-yellow);animation:insert-coin-blink var(--arcadia-blink-duration) steps(2) infinite}@keyframes insert-coin-blink{0%,49%{opacity:1}50%,to{opacity:.15}}@media(max-width:640px){:root{--arcadia-marquee-h: 56px;--arcadia-panel-h: 44px;--arcadia-letter-spacing-marquee: .12em}.marquee__tagline{letter-spacing:.18em}.control-panel__credit:before{display:none}}@media(max-height:480px){:root{--arcadia-marquee-h: 44px;--arcadia-panel-h: 36px}}@media(prefers-reduced-motion:reduce){.marquee__wordmark,.control-panel__insert-coin,.install-banner{animation:none}#cabinet{transition:none}}.install-banner{position:absolute;left:50%;bottom:calc(var(--arcadia-panel-h) + 12px);transform:translate(-50%);display:flex;align-items:center;gap:1.25rem;padding:.6rem 1rem;max-width:min(560px,calc(100vw - 2rem));background:#0a0800eb;border:2px solid var(--arcadia-yellow);border-radius:4px;box-shadow:var(--arcadia-glow-yellow),0 8px 24px #00000080;font-size:var(--arcadia-font-size-panel);letter-spacing:.16em;z-index:10;animation:install-banner-in .4s cubic-bezier(.34,1.56,.64,1)}.install-banner[hidden]{display:none}.install-banner__text{color:var(--arcadia-cyan);text-shadow:var(--arcadia-glow-cyan)}.install-banner__actions{display:inline-flex;gap:.5rem}.install-banner__btn{appearance:none;-webkit-appearance:none;background:transparent;color:var(--arcadia-yellow);border:1px solid var(--arcadia-yellow);padding:.4rem .85rem;font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background .12s steps(2),color .12s steps(2)}.install-banner__btn:hover,.install-banner__btn:focus-visible{background:var(--arcadia-yellow);color:var(--arcadia-black);outline:none}.install-banner__btn--primary{background:var(--arcadia-yellow);color:var(--arcadia-black);font-weight:700}.install-banner__btn--primary:hover,.install-banner__btn--primary:focus-visible{background:#fff5a0}@keyframes install-banner-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:640px){.install-banner{flex-direction:column;align-items:stretch;text-align:center;bottom:calc(var(--arcadia-panel-h) + 6px);padding:.5rem .75rem;gap:.5rem}.install-banner__actions{justify-content:center}}.pause-button{appearance:none;-webkit-appearance:none;position:fixed;bottom:12px;right:12px;z-index:20;display:inline-flex;align-items:center;justify-content:center;gap:4px;width:44px;height:32px;padding:0;background:#0a0800c7;border:1px solid var(--arcadia-yellow);border-radius:3px;color:var(--arcadia-yellow);cursor:pointer;transition:background .12s steps(2),color .12s steps(2);box-shadow:var(--arcadia-glow-yellow),0 4px 12px #0009}.pause-button[hidden]{display:none}.pause-button__bar{display:inline-block;width:4px;height:14px;background:var(--arcadia-yellow);box-shadow:var(--arcadia-glow-yellow)}.pause-button:hover,.pause-button:focus-visible{background:var(--arcadia-yellow);outline:none}.pause-button:hover .pause-button__bar,.pause-button:focus-visible .pause-button__bar{background:var(--arcadia-black);box-shadow:none}.pause-button:active{transform:scale(.96)}.mute-button{appearance:none;-webkit-appearance:none;position:fixed;bottom:52px;right:12px;z-index:20;display:inline-flex;align-items:center;justify-content:center;width:44px;height:32px;padding:0;background:#0a0800c7;border:1px solid var(--arcadia-yellow);border-radius:3px;color:var(--arcadia-yellow);cursor:pointer;transition:background .12s steps(2),color .12s steps(2);box-shadow:var(--arcadia-glow-yellow),0 4px 12px #0009}.mute-button[hidden]{display:none}.mute-button__glyph{position:relative;display:inline-block;width:22px;height:16px}.mute-button__glyph:before{content:"";position:absolute;left:0;top:50%;width:12px;height:12px;margin-top:-6px;background:var(--arcadia-yellow);clip-path:polygon(0% 30%,35% 30%,100% 0%,100% 100%,35% 70%,0% 70%);box-shadow:0 0 6px #ffea0080}.mute-button__glyph:after{content:"";position:absolute;right:0;top:50%;width:8px;height:12px;margin-top:-6px;border-right:2px solid var(--arcadia-yellow);border-top:2px solid var(--arcadia-yellow);border-bottom:2px solid var(--arcadia-yellow);border-top-right-radius:100%;border-bottom-right-radius:100%}.mute-button.is-muted .mute-button__glyph:after{width:22px;height:2px;top:50%;left:0;right:auto;margin-top:-1px;background:#f56;border:none;border-radius:0;transform:rotate(-22deg);box-shadow:0 0 4px #ff5566b3}.mute-button.is-muted .mute-button__glyph:before{opacity:.55}.mute-button:hover,.mute-button:focus-visible{background:var(--arcadia-yellow);outline:none}.mute-button:hover .mute-button__glyph:before,.mute-button:focus-visible .mute-button__glyph:before{background:var(--arcadia-black);box-shadow:none}.mute-button:hover .mute-button__glyph:after,.mute-button:focus-visible .mute-button__glyph:after{border-color:var(--arcadia-black)}.mute-button:active{transform:scale(.96)}.pause-hint{position:fixed;bottom:16px;left:12px;z-index:20;padding:4px 8px;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.14em;color:var(--arcadia-yellow);text-shadow:var(--arcadia-glow-yellow);opacity:.55;pointer-events:none;user-select:none}.pause-hint[hidden]{display:none}.touch-controls{position:fixed;inset:0;z-index:18;pointer-events:none}.touch-controls[hidden]{display:none}.touch-joy{position:absolute;left:clamp(20px,4vw,48px);bottom:clamp(60px,12vh,100px);width:clamp(110px,22vw,160px);height:clamp(110px,22vw,160px);border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffea001f,#0a08008c 65%,#0a0800b3);border:2px solid rgba(255,234,0,.65);box-shadow:0 0 12px #ffea0040,inset 0 0 16px #0006;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.touch-joy.is-active{border-color:var(--arcadia-yellow);box-shadow:var(--arcadia-glow-yellow),inset 0 0 16px #0006}.touch-joy__knob{position:absolute;top:50%;left:50%;width:42%;height:42%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff5a0 0%,var(--arcadia-yellow) 50%,#b8a800 100%);box-shadow:0 0 10px #ffea0099,inset 0 -4px 8px #00000059;transform:translate(-50%,-50%);transition:transform .14s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.touch-joy.is-active .touch-joy__knob{transition:none}.touch-action{--touch-arc-r: clamp(96px, 19vw, 150px);position:absolute;right:clamp(20px,4vw,48px);bottom:clamp(60px,12vh,100px);width:0;height:0;pointer-events:none}.touch-action__btn{appearance:none;-webkit-appearance:none;position:absolute;width:clamp(56px,11vw,72px);height:clamp(56px,11vw,72px);border-radius:50%;background:#0a08009e;border:1px solid var(--arcadia-yellow);color:var(--arcadia-yellow);font-family:inherit;font-size:clamp(11px,2.2vw,14px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;text-shadow:var(--arcadia-glow-yellow);box-shadow:var(--arcadia-glow-yellow),0 4px 12px #00000080;transition:background .08s steps(2),transform .08s steps(2);right:0;bottom:0;transform:translate(calc(50% + cos(var(--touch-arc-angle, 225deg)) * var(--touch-arc-r)),calc(50% + sin(var(--touch-arc-angle, 225deg)) * var(--touch-arc-r)))}.touch-action__btn--start{position:absolute;right:0;bottom:0;transform:translate(50%,calc(50% - clamp(56px,12vw,72px)));width:auto;height:auto;min-width:64px;padding:6px 12px;border-radius:6px;background:transparent;font-size:clamp(10px,2vw,12px);letter-spacing:.14em;box-shadow:none;opacity:.7}.touch-action__btn.is-pressed,.touch-action__btn:active{background:var(--arcadia-yellow);color:var(--arcadia-black);text-shadow:none}.touch-action__btn:not(.touch-action__btn--start).is-pressed,.touch-action__btn:not(.touch-action__btn--start):active{transform:translate(calc(50% + cos(var(--touch-arc-angle, 225deg)) * var(--touch-arc-r)),calc(50% + sin(var(--touch-arc-angle, 225deg)) * var(--touch-arc-r))) scale(.94)}@media(max-height:480px){.touch-joy,.touch-action{bottom:30px}}.install-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000d9;z-index:100;animation:install-overlay-in .25s ease-out}.install-overlay[hidden]{display:none}.install-overlay__card{max-width:460px;width:100%;padding:clamp(1.25rem,4vw,2rem);background:linear-gradient(180deg,#150a00,#1a0e00);border:2px solid var(--arcadia-yellow);border-radius:6px;box-shadow:var(--arcadia-glow-yellow),0 12px 40px #000000b3;text-align:center;color:var(--arcadia-cyan)}.install-overlay__title{margin:0 0 1rem;font-size:clamp(1.1rem,4vw,1.5rem);letter-spacing:.2em;color:var(--arcadia-yellow);text-shadow:var(--arcadia-glow-yellow)}.install-overlay__body{margin:0 0 1rem;line-height:1.6;font-size:var(--arcadia-font-size-tagline);letter-spacing:.12em}.install-overlay__body strong{color:var(--arcadia-yellow);text-shadow:var(--arcadia-glow-yellow);font-weight:700}.install-overlay__share-icon{display:inline-block;margin:0 .25em;padding:0 .45em;border:2px solid var(--arcadia-cyan);border-radius:4px;color:var(--arcadia-cyan);text-shadow:var(--arcadia-glow-cyan);animation:install-share-bounce 1.4s ease-in-out infinite;font-weight:700}.install-overlay__sub{margin:0 0 1.5rem;font-size:.8em;letter-spacing:.1em;opacity:.7}@keyframes install-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes install-share-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.install-banner,.install-overlay,.install-overlay__share-icon{animation:none}}.rotate-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(180deg,#04060d,#15090a);z-index:200}@media(orientation:portrait),(max-width:479px),(max-height:319px){.rotate-overlay{display:flex}#cabinet{visibility:hidden}}body[data-orientation=portrait] .rotate-overlay{display:flex}body[data-orientation=portrait] #cabinet{visibility:hidden}.rotate-overlay__card{max-width:360px;width:100%;text-align:center;color:var(--arcadia-cyan)}.rotate-overlay__icon{display:flex;justify-content:center;margin-bottom:1.5rem}.rotate-overlay__phone{width:64px;height:96px;border:4px solid var(--arcadia-yellow);border-radius:8px;box-shadow:var(--arcadia-glow-yellow);animation:rotate-phone 2s cubic-bezier(.68,-.55,.27,1.55) infinite;transform-origin:center}.rotate-overlay__title{margin:0 0 .5rem;font-size:clamp(1.2rem,5vw,1.6rem);letter-spacing:.25em;color:var(--arcadia-yellow);text-shadow:var(--arcadia-glow-yellow)}.rotate-overlay__body{margin:0;font-size:clamp(.8rem,3vw,1rem);letter-spacing:.12em;color:var(--arcadia-cyan);opacity:.85;text-shadow:var(--arcadia-glow-cyan)}@keyframes rotate-phone{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}@media(prefers-reduced-motion:reduce){.rotate-overlay__phone{animation:none;transform:rotate(-45deg)}}@media(display-mode:standalone){.install-banner,.install-overlay{display:none!important}}.install-banner{bottom:max(calc(var(--arcadia-panel-h) + 12px),calc(env(safe-area-inset-bottom,0) + 12px))}.login-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#04060dd9;z-index:10000;font-family:var(--arcadia-font-mono, "JetBrains Mono", ui-monospace, monospace);animation:login-modal-fade-in .18s ease-out}@keyframes login-modal-fade-in{0%{opacity:0}to{opacity:1}}.login-modal__card{background:#0a0418;border:2px solid var(--arcadia-yellow);box-shadow:0 0 24px #ffea002e;padding:24px 28px 20px;width:min(420px,calc(100vw - 48px));text-align:center}.login-modal__title{color:var(--arcadia-yellow);text-shadow:var(--arcadia-glow-yellow);font-size:14px;letter-spacing:.18em;margin:0 0 12px}.login-modal__body{color:#fff;font-size:11px;line-height:1.6;margin:0 0 18px}.login-modal__input{display:block;width:100%;box-sizing:border-box;background:#ffffff0a;border:1px solid rgba(255,234,0,.5);color:#fff;font:12px/1.4 ui-monospace,monospace;padding:10px 12px;margin:0 0 12px;letter-spacing:.04em}.login-modal__input:focus-visible{outline:none;border-color:var(--arcadia-yellow);box-shadow:0 0 0 2px #ffea0040}.login-modal__input:disabled{opacity:.5}.login-modal__error{color:#ff8080;font-size:10px;letter-spacing:.05em;margin:0 0 12px;min-height:1em}.login-modal__actions{display:flex;gap:10px;justify-content:flex-end}.login-modal__btn{background:transparent;border:1px solid rgba(255,234,0,.6);color:var(--arcadia-yellow);font:10px ui-monospace,monospace;letter-spacing:.15em;padding:9px 18px;cursor:pointer;transition:background .12s ease-out,border-color .12s ease-out}.login-modal__btn:hover,.login-modal__btn:focus-visible{background:#ffea0014;border-color:var(--arcadia-yellow);outline:none}.login-modal__btn:disabled{opacity:.5;cursor:default}.login-modal__btn--primary{background:var(--arcadia-yellow);color:#0a0418;border-color:var(--arcadia-yellow)}.login-modal__btn--primary:hover,.login-modal__btn--primary:focus-visible{background:#fff066;color:#0a0418}.login-modal__btn--primary:disabled{background:#ffea0066}.control-panel__session{display:inline-flex;align-items:center;gap:10px}.control-panel__signin{background:transparent;border:1px solid rgba(255,234,0,.6);color:var(--arcadia-yellow);text-shadow:var(--arcadia-glow-yellow);font:inherit;letter-spacing:inherit;padding:2px 10px;cursor:pointer;text-transform:uppercase}.control-panel__signin:hover,.control-panel__signin:focus-visible{background:#ffea001a;outline:none;border-color:var(--arcadia-yellow)}.control-panel__player-email{color:var(--arcadia-cyan);text-shadow:var(--arcadia-glow-cyan);max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-panel__logout{background:transparent;border:none;color:var(--arcadia-yellow);text-shadow:var(--arcadia-glow-yellow);font:inherit;letter-spacing:inherit;cursor:pointer;padding:2px 4px;text-transform:uppercase}.control-panel__logout:hover,.control-panel__logout:focus-visible{text-decoration:underline;outline:none}:root{--ss-pink: #ff3d9a;--ss-hotpink: #ff2d78;--ss-cyan: #29e6ff;--ss-gold: #ffd23d;--ss-violet: #7a3cff;--ss-jade: #27e060;--ss-deep: #05010f;--ss-panel: #10142a;--ss-font-neon: "Monoton", "Bungee", cursive;--ss-font-display: "Bungee", "Arial Black", sans-serif;--ss-font-ui: "Chakra Petch", "Trebuchet MS", sans-serif;--ss-font-num: "Share Tech Mono", ui-monospace, monospace;--ss-spring: cubic-bezier(.34, 1.56, .64, 1);--ss-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}#cabinet{grid-template-rows:auto 1fr var(--arcadia-panel-h);background:radial-gradient(ellipse 70% 45% at 22% -8%,rgba(122,60,255,.16),transparent 70%),radial-gradient(ellipse 60% 40% at 82% 108%,rgba(255,61,154,.12),transparent 70%),linear-gradient(180deg,#05010f,#0a0420 55%,#120830)}.crt{position:fixed;inset:0;pointer-events:none;z-index:96;background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px),radial-gradient(ellipse 120% 100% at 50% 50%,transparent 62%,rgba(6,2,22,.4) 100%);mix-blend-mode:multiply}.marquee{position:relative;height:auto;min-height:clamp(108px,15vh,168px);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:clamp(10px,1.6vh,20px) 16px clamp(14px,2vh,22px);background:linear-gradient(180deg,#03010c,#0b0424 70%,#150a35);border-bottom:none;box-shadow:none}.marquee__scene{position:absolute;inset:0;pointer-events:none}.marquee__stars{position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 8% 28%,#fff,transparent),radial-gradient(1px 1px at 19% 62%,#cfd8ff,transparent),radial-gradient(1.5px 1.5px at 31% 18%,#9dfbff,transparent),radial-gradient(1px 1px at 43% 55%,#fff,transparent),radial-gradient(1px 1px at 57% 24%,#ffb0d8,transparent),radial-gradient(1.5px 1.5px at 69% 60%,#cfd8ff,transparent),radial-gradient(1px 1px at 81% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 92% 52%,#ffd23d,transparent);opacity:.8}.marquee__sun{position:absolute;left:50%;bottom:-34%;width:clamp(150px,22vw,260px);aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:linear-gradient(180deg,#ffd23d,#ff8a3c 42%,#ff3d9a 78%,#b03cff);-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 12%,#000 12%,transparent 58%,transparent 64%,#000 64%),linear-gradient(#000,#000);mask-image:repeating-linear-gradient(180deg,#000 0 7px,transparent 7px 11px);opacity:.5;filter:blur(.4px)}.marquee__gridfloor{position:absolute;left:-20%;right:-20%;bottom:-2px;height:42%;background:repeating-linear-gradient(90deg,rgba(255,61,154,.35) 0 1.5px,transparent 1.5px 56px),repeating-linear-gradient(0deg,rgba(255,61,154,.3) 0 1px,transparent 1px 15px),linear-gradient(180deg,transparent 0%,rgba(255,61,154,.07) 100%);transform:perspective(220px) rotateX(56deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 55%);mask-image:linear-gradient(180deg,transparent 0%,#000 55%)}.marquee__content{position:relative;z-index:2;text-align:center}.marquee__wordmark{font-family:var(--ss-font-neon);font-weight:400;font-size:clamp(30px,5vw,58px);line-height:1;letter-spacing:.04em;color:#fff;text-shadow:0 0 7px #fff,0 0 22px #cfd8ff,0 0 58px var(--ss-hotpink),0 0 110px var(--ss-violet);animation:marquee-flicker 4.2s linear infinite}@keyframes marquee-flicker{0%,to{opacity:1}91%{opacity:1}92%{opacity:.65}93%{opacity:1}95.5%{opacity:.8}96.5%{opacity:1}}.marquee__remaster{display:inline-block;margin-left:.55em;padding:.16em .55em .12em;font-family:var(--ss-font-display);font-size:.3em;letter-spacing:.3em;text-indent:.3em;vertical-align:.55em;color:#041018;background:linear-gradient(180deg,#fff,#9dfbff 45%,#29b6e6);border-radius:5px;box-shadow:0 0 18px #29e6ffa6,0 3px #0a283cd9;text-shadow:none;transform:rotate(-2.5deg);animation:none}.marquee__tagline{margin-top:clamp(6px,1vh,12px);font-family:var(--ss-font-ui);font-style:italic;font-size:clamp(9px,1.1vw,12px);letter-spacing:.4em;text-indent:.4em;color:#cfd8ffd1;text-shadow:0 0 10px rgba(122,60,255,.8);animation:none}.marquee__rule{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--ss-pink) 22%,var(--ss-cyan) 78%,transparent);opacity:.75}.marquee__rule span{position:absolute;left:50%;top:50%;width:8px;height:8px;background:var(--ss-gold);transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 12px #ffd23de6}.gallery{position:relative;flex:1;min-height:0;overflow-y:auto;padding:clamp(16px,3vh,34px) clamp(14px,3vw,44px) clamp(24px,4vh,44px);background:var(--ss-noise),radial-gradient(ellipse 80% 50% at 50% -10%,rgba(41,230,255,.05),transparent 70%),radial-gradient(ellipse 90% 60% at 50% 115%,rgba(255,0,170,.06),transparent 70%);background-size:160px 160px,auto,auto;background-blend-mode:overlay,normal,normal}.gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:clamp(12px,1.8vw,24px);max-width:1480px;margin:0 auto}.classic-door{display:flex;align-items:center;gap:clamp(12px,2vw,24px);max-width:1480px;margin:0 auto clamp(14px,2.2vh,26px);padding:12px clamp(14px,2vw,26px);text-decoration:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px),linear-gradient(90deg,#14100a,#0d0b06 55%,#14100a);border:1px solid rgba(255,234,0,.28);border-radius:8px;box-shadow:inset 0 0 34px #ffea000d;transition:border-color .2s ease,box-shadow .2s ease,transform .2s var(--ss-spring)}.classic-door:hover,.classic-door:focus-visible{transform:translateY(-2px);border-color:#ffea00a6;box-shadow:inset 0 0 34px #ffea0017,0 8px 30px #ffea001f}.classic-door__badge{flex-shrink:0;padding:8px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:700;font-size:1rem;letter-spacing:.14em;color:#000;background:var(--ss-gold, #ffea00);background:#ffea00;border-radius:4px;box-shadow:0 0 18px #ffea0080}.classic-door__text{display:flex;flex-direction:column;gap:3px;min-width:0}.classic-door__title{font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:700;font-size:.86rem;letter-spacing:.26em;color:#ffea00;text-shadow:0 0 12px rgba(255,234,0,.6)}.classic-door__desc{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.68rem;letter-spacing:.12em;color:#ffea008c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classic-door__enter{margin-left:auto;flex-shrink:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:700;font-size:.8rem;letter-spacing:.2em;color:#00d9ff;text-shadow:0 0 10px rgba(0,217,255,.7);animation:credit-blink 2.4s steps(1) infinite}.card{--card-accent: var(--ss-gold);--card-accent2: var(--ss-cyan);position:relative;display:flex;flex-direction:column;gap:5px;padding:0 16px 16px;background:linear-gradient(168deg,#131735,#0b0e22 62%,#0a0c1d);border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;opacity:0;animation:card-in .55s var(--ss-spring) forwards;animation-delay:calc(var(--card-i, 0) * 55ms);transition:transform .22s var(--ss-spring),border-color .22s ease,box-shadow .22s ease}@keyframes card-in{0%{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.card:hover,.card:focus-within{transform:translateY(-5px) scale(1.012);border-color:color-mix(in srgb,var(--card-accent) 55%,transparent);box-shadow:0 14px 44px color-mix(in srgb,var(--card-accent) 16%,transparent),0 4px 18px #00000080}.card__band{position:absolute;top:0;left:0;height:3px;width:30%;z-index:2;background:linear-gradient(90deg,var(--card-accent),var(--card-accent2));box-shadow:0 0 12px color-mix(in srgb,var(--card-accent) 70%,transparent);transition:width .34s var(--ss-spring)}.card__new{position:absolute;top:10px;right:-34px;z-index:7;width:120px;padding:4px 0 3px;text-align:center;font-family:var(--ss-font-display);font-size:.58rem;letter-spacing:.34em;text-indent:.34em;color:#08030f;background:linear-gradient(180deg,#ffffff 0%,var(--ss-gold) 70%);box-shadow:0 0 16px #ffd23d8c,0 2px 8px #00000080;transform:rotate(38deg)}.card:hover .card__band,.card:focus-within .card__band{width:100%}.card__scene{position:relative;margin:0 -16px 8px;aspect-ratio:16 / 7.5;overflow:hidden;background:#060312;border-bottom:1px solid rgba(255,255,255,.07)}.card__scene .sc{position:absolute;display:block}.card__scene:after{content:"";position:absolute;inset:0;z-index:5;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px);pointer-events:none}.card__glare{position:absolute;top:-30%;left:-60%;width:55%;height:160%;z-index:6;background:linear-gradient(105deg,transparent,rgba(255,255,255,.07) 45%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.07) 55%,transparent);transform:rotate(8deg);transition:left .7s ease;pointer-events:none}.card:hover .card__glare{left:115%}[data-scene=neon-overpass]{background:linear-gradient(180deg,#0a0322,#2a0a3e 52%,#52104a 66%,#0c0524 67%)}[data-scene=neon-overpass] .sc1{left:50%;top:22%;width:34%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:linear-gradient(180deg,#ffd23d,#ff3d9a 85%);mask-image:repeating-linear-gradient(180deg,#000 0 5px,transparent 5px 8px);-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 5px,transparent 5px 8px)}[data-scene=neon-overpass] .sc2{left:50%;bottom:0;width:74%;height:34%;transform:translate(-50%);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);background:#120a2a;border-top:1px solid rgba(255,61,154,.7)}[data-scene=neon-overpass] .sc3{left:50%;bottom:0;width:3px;height:34%;transform:translate(-50%);background:repeating-linear-gradient(180deg,var(--ss-gold) 0 5px,transparent 5px 11px);background-size:100% 200%}.card:hover [data-scene=neon-overpass] .sc3{animation:road-scroll .5s linear infinite}@keyframes road-scroll{to{background-position:0 22px}}[data-scene=astrofall]{background:#04020c}[data-scene=astrofall] .sc1,[data-scene=astrofall] .sc2{width:30%;aspect-ratio:1;background:transparent;border:1.5px solid rgba(41,230,255,.8);clip-path:none;border-radius:26% 38% 30% 42%}[data-scene=astrofall] .sc1{left:12%;top:14%}[data-scene=astrofall] .sc2{right:10%;bottom:-16%;width:42%;border-color:#7a3cffb3}[data-scene=astrofall] .sc3{left:58%;top:38%;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:15px solid #fff;filter:drop-shadow(0 0 6px var(--ss-cyan));transform:rotate(32deg)}.card:hover [data-scene=astrofall] .sc1{animation:slow-spin 7s linear infinite}.card:hover [data-scene=astrofall] .sc2{animation:slow-spin 10s linear infinite reverse}@keyframes slow-spin{to{transform:rotate(360deg)}}[data-scene=cargo-climb]{background:linear-gradient(180deg,#150826,#241038)}[data-scene=cargo-climb] .sc1{inset:0;background:repeating-linear-gradient(180deg,transparent 0 22%,rgba(255,138,60,.75) 22% 24.5%)}[data-scene=cargo-climb] .sc2{left:68%;top:0;width:2px;height:46%;background:var(--ss-cyan);box-shadow:0 0 8px #29e6ffcc}[data-scene=cargo-climb] .sc3{left:14%;bottom:27%;width:11%;aspect-ratio:1;background:var(--ss-gold);box-shadow:0 0 10px #ffd23d8c,240% 55% 0 #ffd23de6,460% -125% 0 #ff8a3ce6}.card:hover [data-scene=cargo-climb] .sc3{animation:crate-hop .9s var(--ss-spring) infinite alternate}@keyframes crate-hop{to{transform:translateY(-6px)}}[data-scene=jade-tunnel]{background:linear-gradient(180deg,#1c0f33,#3d1245 55%,#0c1e14 56%)}[data-scene=jade-tunnel] .sc1{left:50%;top:26%;width:26%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:linear-gradient(180deg,#ffd23d,#ff8a3c);box-shadow:0 0 26px #ffd23d80}[data-scene=jade-tunnel] .sc2{left:-4%;right:-4%;bottom:30%;height:34%;background:#0d3a22;clip-path:polygon(0 100%,0 45%,9% 70%,17% 30%,26% 62%,34% 18%,43% 58%,52% 32%,61% 66%,70% 22%,79% 60%,88% 36%,100% 58%,100% 100%)}[data-scene=jade-tunnel] .sc3{left:30%;top:0;width:26%;height:58%;border:2px solid rgba(39,224,96,.75);border-top:none;border-right:none;border-bottom:none;border-radius:0 0 0 90%}[data-scene=cube-jump]{background:radial-gradient(ellipse 90% 90% at 50% 0%,#170a33,#07030f)}[data-scene=cube-jump] .sc1,[data-scene=cube-jump] .sc2,[data-scene=cube-jump] .sc3{left:50%;width:12%;aspect-ratio:1;transform:translate(-50%) rotate(45deg)}[data-scene=cube-jump] .sc1{top:12%;background:var(--ss-gold);box-shadow:0 0 14px #ffd23dcc}[data-scene=cube-jump] .sc2{top:40%;background:#3a2a6e;box-shadow:-90% 0 0 #3a2a6e,90% 0 0 #3a2a6e}[data-scene=cube-jump] .sc3{top:68%;background:#2c2054;box-shadow:-180% 0 0 #2c2054,-90% 0 0 #322462,90% 0 0 #322462,180% 0 0 #2c2054}.card:hover [data-scene=cube-jump] .sc1{animation:qb-pulse 1s ease-in-out infinite alternate}@keyframes qb-pulse{to{box-shadow:0 0 26px #ffd23d}}[data-scene=defense-grid]{background:linear-gradient(180deg,#05020f,#0d0524)}[data-scene=defense-grid] .sc1{left:0;right:0;bottom:0;height:22%;background:#171040;clip-path:polygon(0 100%,0 40%,8% 40%,8% 10%,16% 10%,16% 55%,27% 55%,27% 25%,36% 25%,36% 60%,48% 60%,48% 5%,58% 5%,58% 45%,68% 45%,68% 20%,78% 20%,78% 58%,88% 58%,88% 32%,100% 32%,100% 100%)}[data-scene=defense-grid] .sc2{left:20%;top:-6%;width:2px;height:74%;background:linear-gradient(180deg,transparent,var(--ss-pink));transform:rotate(21deg);box-shadow:30px -4px #ff3d9a99,62px 2px #ff3d9a59}[data-scene=defense-grid] .sc3{left:56%;top:34%;width:17%;aspect-ratio:1;border:2px solid rgba(142,244,255,.9);border-radius:50%;box-shadow:0 0 16px #29e6ffb3,inset 0 0 10px #29e6ff80}.card:hover [data-scene=defense-grid] .sc3{animation:blast 1.1s ease-out infinite}@keyframes blast{0%{transform:scale(.4);opacity:1}to{transform:scale(1.25);opacity:0}}[data-scene=bunker-84]{background:#08030f}[data-scene=bunker-84] .sc1,[data-scene=bunker-84] .sc2{left:50%;top:50%;transform:translate(-50%,-50%);border:1.5px solid rgba(122,60,255,.55)}[data-scene=bunker-84] .sc1{width:84%;height:86%}[data-scene=bunker-84] .sc2{width:46%;height:48%;border-color:#7a3cffcc}[data-scene=bunker-84] .sc3{left:50%;top:50%;width:14%;height:22%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#ff5050,#7a1020);box-shadow:0 0 22px #ff5050cc}.card:hover [data-scene=bunker-84] .sc3{animation:door-throb 1s ease-in-out infinite alternate}@keyframes door-throb{to{box-shadow:0 0 34px #ff5050}}[data-scene=maze-patrol]{background:#070313}[data-scene=maze-patrol] .sc1{inset:12% 8%;border:2px solid rgba(41,230,255,.6);border-radius:4px;background:linear-gradient(90deg,rgba(41,230,255,.6) 0 2px,transparent 2px) 30% 0 / 2px 55% no-repeat,linear-gradient(90deg,rgba(41,230,255,.6) 0 2px,transparent 2px) 66% 100% / 2px 55% no-repeat,linear-gradient(0deg,rgba(41,230,255,.6) 0 2px,transparent 2px) 0 52% / 40% 2px no-repeat}[data-scene=maze-patrol] .sc2{inset:20% 16%;background-image:radial-gradient(2px 2px at 12% 22%,#ffd23d,transparent),radial-gradient(2px 2px at 40% 22%,#ffd23d,transparent),radial-gradient(2px 2px at 88% 30%,#ffd23d,transparent),radial-gradient(2px 2px at 12% 78%,#ffd23d,transparent),radial-gradient(2px 2px at 56% 78%,#ffd23d,transparent),radial-gradient(2px 2px at 88% 78%,#ffd23d,transparent)}[data-scene=maze-patrol] .sc3{left:46%;top:42%;width:9%;aspect-ratio:1;border-radius:50%;background:var(--ss-gold);box-shadow:0 0 12px #ffd23de6}.card:hover [data-scene=maze-patrol] .sc3{animation:patrol 2.4s linear infinite}@keyframes patrol{0%{transform:translate(0)}25%{transform:translate(240%)}50%{transform:translate(240%,160%)}75%{transform:translate(-120%,160%)}to{transform:translate(0)}}[data-scene=trench-run]{background:linear-gradient(180deg,#0c0522,#1c0b38)}[data-scene=trench-run] .sc1{left:-2%;top:0;bottom:0;width:26%;background:#241048;clip-path:polygon(0 0,100% 0,55% 100%,0 100%);border-right:1px solid rgba(255,61,154,.5)}[data-scene=trench-run] .sc2{right:-2%;top:0;bottom:0;width:26%;background:#241048;clip-path:polygon(0 0,100% 0,100% 100%,45% 100%);border-left:1px solid rgba(255,61,154,.5)}[data-scene=trench-run] .sc3{left:34%;top:44%;width:10%;height:4px;background:#fff;border-radius:2px;box-shadow:0 0 10px var(--ss-cyan)}[data-scene=trench-run] .sc3:after{content:"";position:absolute;left:100%;top:1px;width:220%;height:2px;background:linear-gradient(90deg,var(--ss-cyan),transparent)}.card:hover [data-scene=trench-run] .sc3{animation:hover-bob 1.2s ease-in-out infinite alternate}@keyframes hover-bob{to{transform:translateY(-7px)}}[data-scene=sector-seven]{background:radial-gradient(circle at 50% 50%,#120833,#05020e 70%)}[data-scene=sector-seven] .sc1,[data-scene=sector-seven] .sc2,[data-scene=sector-seven] .sc3{left:50%;top:50%;transform:translate(-50%,-50%) rotate(22.5deg);border:1.5px solid var(--ss-violet);border-radius:22%;aspect-ratio:1.9}[data-scene=sector-seven] .sc1{width:86%;border-color:#7a3cffe6}[data-scene=sector-seven] .sc2{width:52%;border-color:#7a3cff99}[data-scene=sector-seven] .sc3{width:24%;border-color:#29e6ffe6;box-shadow:0 0 14px #29e6ff80}.card:hover [data-scene=sector-seven] .sc3{animation:tube-dive 1.4s ease-in-out infinite alternate}@keyframes tube-dive{to{width:14%}}[data-scene=interceptor]{background:linear-gradient(180deg,#04020c,#0d0722 58%,#120a2a 58%)}[data-scene=interceptor] .sc1{left:0;right:0;bottom:0;height:42%;background:repeating-linear-gradient(90deg,transparent 0 30%,rgba(255,255,255,.25) 30% 30.8%,transparent 30.8% 63%,rgba(255,255,255,.25) 63% 63.8%,transparent 63.8%)}[data-scene=interceptor] .sc2{left:40%;bottom:8%;width:26%;height:40%;background:linear-gradient(0deg,transparent,rgba(157,251,255,.35));clip-path:polygon(35% 100%,65% 100%,100% 0,0 0);transform:scaleY(-1)}[data-scene=interceptor] .sc3{left:46%;bottom:10%;width:13%;height:12%;background:#101636;border:1px solid rgba(41,230,255,.8);border-radius:3px;box-shadow:0 0 12px #29e6ff66}.card:hover [data-scene=interceptor] .sc1{animation:lane-rush .4s linear infinite;background-size:100% 100%}@keyframes lane-rush{to{transform:translateY(8px)}}[data-scene=stardust]{background:linear-gradient(200deg,#0a0322,#1c0b38)}[data-scene=stardust] .sc1,[data-scene=stardust] .sc2{width:44%;height:3px;border-radius:2px;transform:rotate(38deg)}[data-scene=stardust] .sc1{left:8%;top:26%;background:linear-gradient(90deg,transparent,var(--ss-gold));box-shadow:0 0 8px #ffd23d99}[data-scene=stardust] .sc2{left:42%;top:8%;background:linear-gradient(90deg,transparent,var(--ss-violet))}[data-scene=stardust] .sc3{left:24%;top:58%;width:5px;height:5px;background:#fff;transform:rotate(45deg);box-shadow:60px -10px #ffffffd9,130px 8px #fff9,190px -16px #fff6}.card:hover [data-scene=stardust] .sc1{animation:streak 1.1s linear infinite}@keyframes streak{0%{transform:rotate(38deg) translate(-30%);opacity:0}30%{opacity:1}to{transform:rotate(38deg) translate(90%);opacity:0}}[data-scene=city-hop]{background:#081018}[data-scene=city-hop] .sc1{inset:0;background:repeating-linear-gradient(180deg,#0d1a26 0 18%,#0a141e 18% 36%)}[data-scene=city-hop] .sc2{left:10%;top:20%;width:13%;height:10%;background:var(--ss-pink);border-radius:3px;box-shadow:210% 155% 0 var(--ss-cyan),420% 310% 0 var(--ss-gold)}[data-scene=city-hop] .sc3{left:48%;bottom:7%;width:8%;aspect-ratio:1;background:var(--ss-jade);border-radius:40% 40% 30% 30%;box-shadow:0 0 12px #27e060d9}.card:hover [data-scene=city-hop] .sc2{animation:traffic 1.6s linear infinite}@keyframes traffic{to{transform:translate(420%)}}[data-scene=pirate-fleet]{background:linear-gradient(180deg,#2a0a3e,#52104a 46%,#0a2233 47%,#06141f)}[data-scene=pirate-fleet] .sc1{left:22%;top:16%;width:22%;aspect-ratio:1;border-radius:50%;background:linear-gradient(180deg,#ffd23d,#ff8a3c);opacity:.9}[data-scene=pirate-fleet] .sc2{left:56%;top:22%;width:20%;height:30%;background:#0c0618;clip-path:polygon(15% 100%,85% 100%,100% 74%,55% 74%,55% 0,20% 60%,48% 60%,48% 74%,0 74%);filter:drop-shadow(0 0 8px rgba(255,210,61,.5))}[data-scene=pirate-fleet] .sc3{left:30%;bottom:12%;width:12px;height:12px;background:linear-gradient(45deg,transparent 42%,var(--ss-pink) 42% 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,var(--ss-pink) 42% 58%,transparent 58%)}.card:hover [data-scene=pirate-fleet] .sc2{animation:ship-roll 2.4s ease-in-out infinite alternate}@keyframes ship-roll{0%{transform:rotate(-2.5deg) translateY(0)}to{transform:rotate(2.5deg) translateY(3px)}}[data-scene=deep-core]{background:linear-gradient(180deg,#1c0b33 0 24%,#6e34b8 24% 44%,#c22a7a 44% 64%,#cc6a20 64% 84%,#1a7a8a 84% 100%)}[data-scene=deep-core] .sc1{left:44%;top:0;width:12%;height:66%;background:#0a0618;border-radius:0 0 10px 10px}[data-scene=deep-core] .sc2{left:30%;top:46%;width:26%;height:16%;background:#0a0618;border-radius:10px}[data-scene=deep-core] .sc3{left:47%;top:52%;width:7%;aspect-ratio:1;border-radius:50%;background:var(--ss-gold);box-shadow:0 0 12px #ffd23de6}.card:hover [data-scene=deep-core] .sc3{animation:dig 1.6s ease-in-out infinite alternate}@keyframes dig{to{transform:translate(-130%)}}[data-scene=stray-pixel]{background:radial-gradient(ellipse at 50% 60%,#140a2c,#07030f)}[data-scene=stray-pixel] .sc1{inset:14% 10%;border:2.5px solid var(--ss-violet);border-radius:3px;box-shadow:0 0 16px #7a3cff66,inset 0 0 24px #7a3cff1f}[data-scene=stray-pixel] .sc2{left:30%;top:34%;width:9%;aspect-ratio:1;background:#ffea00;box-shadow:0 0 14px #ffea00e6,-18px 10px #ffea0059,-34px 19px #ffea0026}[data-scene=stray-pixel] .sc3{left:10%;top:14%;width:7px;height:7px;background:var(--ss-gold);box-shadow:calc(100% + 0px) 0 0 0 var(--ss-gold),0 0 8px #ffd23dcc}[data-scene=stray-pixel] .sc3{box-shadow:0 0 8px #ffd23dcc}.card:hover [data-scene=stray-pixel] .sc2{animation:pixel-bounce 1.5s linear infinite alternate}@keyframes pixel-bounce{to{transform:translate(300%,90%)}}.card__title{margin:6px 0 0;font-family:var(--ss-font-display);font-weight:400;font-size:clamp(.92rem,1.4vw,1.12rem);letter-spacing:.06em;color:var(--card-accent);text-shadow:0 0 16px color-mix(in srgb,var(--card-accent) 55%,transparent)}.card__genre{font-family:var(--ss-font-num);font-size:.64rem;letter-spacing:.32em;color:#cfd8ff80}.card__blurb{margin:3px 0 12px;font-family:var(--ss-font-ui);font-size:.76rem;line-height:1.5;color:#ffffffbd;min-height:2.9em}.card__actions{display:flex;gap:8px;margin-top:auto}.card__play{flex:1;padding:10px;font-family:var(--ss-font-display);font-weight:400;font-size:.7rem;letter-spacing:.1em;color:#08030f;background:linear-gradient(180deg,var(--card-accent),color-mix(in srgb,var(--card-accent) 68%,#401030));border:none;border-radius:6px;cursor:pointer;transform:skew(-5deg);box-shadow:0 5px 18px color-mix(in srgb,var(--card-accent) 30%,transparent);transition:filter .15s ease,transform .12s var(--ss-spring),box-shadow .15s ease}.card__play:hover,.card__play:focus-visible{filter:brightness(1.18);box-shadow:0 7px 26px color-mix(in srgb,var(--card-accent) 45%,transparent)}.card__play:active{transform:skew(-5deg) scale(.96)}.card__board{padding:10px 13px;font-family:var(--ss-font-num);font-size:.68rem;letter-spacing:.1em;color:#ffffffb8;background:transparent;border:1px solid rgba(255,255,255,.22);border-radius:6px;cursor:pointer;transform:skew(-5deg);transition:border-color .15s ease,color .15s ease,transform .12s var(--ss-spring)}.card__board:hover,.card__board:focus-visible{border-color:var(--card-accent);color:var(--card-accent)}.card__board:active{transform:skew(-5deg) scale(.96)}.control-panel{position:relative;background:linear-gradient(180deg,#0d0722,#070313);border-top:1px solid rgba(122,60,255,.35);box-shadow:0 -8px 30px #05010fcc;font-family:var(--ss-font-ui)}.control-panel:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(41,230,255,.7) 30%,rgba(255,61,154,.7) 70%,transparent)}.control-panel__title{font-family:var(--ss-font-display);font-weight:400;font-size:clamp(.68rem,1.2vw,.85rem);letter-spacing:.22em;color:var(--ss-gold);text-shadow:0 0 12px rgba(255,210,61,.6)}.control-panel__credit{font-family:var(--ss-font-num);letter-spacing:.28em;color:var(--ss-cyan);text-shadow:0 0 10px rgba(41,230,255,.7);animation:credit-blink 2.4s steps(1) infinite}@keyframes credit-blink{0%,to{opacity:1}86%{opacity:1}90%{opacity:.35}94%{opacity:1}}.control-panel__session,.control-panel__signin,.control-panel__logout{font-family:var(--ss-font-ui)}#play-layer{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:#000}#play-layer[hidden]{display:none}.play-chrome{display:flex;align-items:center;gap:16px;padding:6px 14px;background:linear-gradient(180deg,#0f0a26,#070313);border-bottom:1px solid rgba(122,60,255,.4);font-family:var(--ss-font-ui)}.play-chrome__back{padding:6px 12px;font-family:var(--ss-font-display);font-weight:400;font-size:.62rem;letter-spacing:.1em;color:var(--ss-gold);background:transparent;border:1px solid rgba(255,210,61,.45);border-radius:5px;cursor:pointer;transform:skew(-5deg);transition:background .15s ease}.play-chrome__back:hover,.play-chrome__back:focus-visible{background:#ffd23d1f}.play-chrome__back:active{transform:skew(-5deg) scale(.96)}.play-chrome__title{font-family:var(--ss-font-display);font-weight:400;font-size:.85rem;letter-spacing:.14em}.play-chrome__score{margin-left:auto;font-family:var(--ss-font-num);font-size:1rem;letter-spacing:.1em;color:#fff;text-shadow:0 0 12px rgba(41,230,255,.8)}.play-chrome__mute{padding:6px 10px;font-family:var(--ss-font-num);font-size:.62rem;letter-spacing:.1em;color:#fffc;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:5px;cursor:pointer}.play-chrome__mute.is-muted{color:var(--ss-hotpink);border-color:#ff2d788c}.play-chrome__hint{font-family:var(--ss-font-num);font-size:.58rem;letter-spacing:.18em;color:#ffffff59}.play-frame-slot{flex:1;min-height:0}.play-frame{display:block;width:100%;height:100%;border:0;background:#000}.modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#03010ac7;backdrop-filter:blur(4px)}.modal[hidden]{display:none}.modal__card{min-width:min(430px,92vw);padding:28px 32px;background:radial-gradient(ellipse 90% 40% at 50% -5%,rgba(122,60,255,.18),transparent 70%),linear-gradient(168deg,#151a3a,#0a0d1f);border:1px solid rgba(41,230,255,.32);border-radius:12px;box-shadow:0 22px 70px #000000a6,0 0 40px #29e6ff1f;font-family:var(--ss-font-ui);text-align:center;animation:modal-in .4s var(--ss-spring)}@keyframes modal-in{0%{transform:scale(.82) translateY(14px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal__title{margin:0 0 12px;font-family:var(--ss-font-display);font-weight:400;font-size:1.2rem;letter-spacing:.2em;color:var(--ss-gold);text-shadow:0 0 16px rgba(255,210,61,.65)}.modal__actions{display:flex;gap:10px;justify-content:center;margin-top:22px}.modal__btn{padding:11px 18px;font-family:var(--ss-font-display);font-weight:400;font-size:.66rem;letter-spacing:.12em;color:#fffc;background:transparent;border:1px solid rgba(255,255,255,.28);border-radius:6px;cursor:pointer;transform:skew(-5deg)}.modal__btn:hover,.modal__btn:focus-visible{border-color:var(--ss-cyan);color:var(--ss-cyan)}.modal__btn--primary{color:#08030f;background:linear-gradient(180deg,var(--ss-gold),#c89400);border:none;box-shadow:0 5px 20px #ffd23d4d}.modal__btn--primary:hover,.modal__btn--primary:focus-visible{filter:brightness(1.15);color:#08030f}.modal__btn:active{transform:skew(-5deg) scale(.96)}.initials__score-line{font-family:var(--ss-font-ui);font-size:.8rem;letter-spacing:.22em;color:#ffffffb3;margin-bottom:18px}.initials__score-line span{font-family:var(--ss-font-num);color:#fff;text-shadow:0 0 12px rgba(41,230,255,.8)}.initials__slots{display:flex;gap:14px;justify-content:center}.initials__slot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;border:1px solid rgba(255,255,255,.15);border-radius:8px;transition:border-color .15s ease,box-shadow .15s ease}.initials__slot.is-active{border-color:var(--ss-cyan);box-shadow:0 0 16px #29e6ff59}.initials__letter{font-family:var(--ss-font-num);font-size:2.3rem;min-width:1.4em;color:#fff;text-shadow:0 0 14px rgba(255,210,61,.8)}.initials__step{padding:2px 10px;font-family:var(--ss-font-ui);font-size:.7rem;color:#fff9;background:transparent;border:none;cursor:pointer}.initials__step:hover,.initials__step:focus-visible{color:var(--ss-cyan)}.leaderboard__list{margin:0;padding:0;list-style:none;text-align:left}.leaderboard__row{display:flex;gap:16px;padding:7px 4px;font-family:var(--ss-font-num);font-size:.9rem;letter-spacing:.12em;border-bottom:1px solid rgba(255,255,255,.07)}.leaderboard__row--empty{justify-content:center;color:#ffffff80;font-family:var(--ss-font-ui);font-size:.7rem;letter-spacing:.18em}.leaderboard__rank{color:#fff6}.leaderboard__initials{color:var(--ss-cyan);text-shadow:0 0 8px rgba(41,230,255,.5)}.leaderboard__score{margin-left:auto;color:#fff}.toast-dock{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 18px;font-family:var(--ss-font-ui);font-size:.74rem;letter-spacing:.1em;color:#fff;background:linear-gradient(168deg,#151a3a,#0a0d1f);border-left:3px solid var(--ss-cyan);border-radius:6px;box-shadow:0 10px 30px #0000008c,0 0 20px #29e6ff1a;animation:toast-in .35s var(--ss-spring)}.toast--success{border-left-color:var(--ss-gold);box-shadow:0 10px 30px #0000008c,0 0 20px #ffd23d26}.toast--error{border-left-color:var(--ss-hotpink)}.toast--out{opacity:0;transform:translate(12px);transition:opacity .4s ease,transform .4s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.gallery__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.play-chrome{gap:8px;padding:5px 8px}.play-chrome__hint{display:none}}@media(prefers-reduced-motion:reduce){.card{animation-duration:.01s;animation-delay:0s}.marquee__wordmark,.control-panel__credit{animation:none}.card:hover .sc,.card:hover .sc1,.card:hover .sc2,.card:hover .sc3{animation:none!important}}