: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(8px, 1.5vw, 18px);--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;width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:16 / 9;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%;max-width:100%;max-height:100%;aspect-ratio:16 / 9;border-radius:2px;object-fit:contain}.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}}.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))}