:root{--bg: #0b1020;--bg-soft: #141a33;--ink: #f8fafc;--ink-dim: #9aa6c8;--neon: #ffd23f;--neon-hot: #ff5d8f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100dvh;background:var(--bg);color:var(--ink);font-family:Trebuchet MS,Avenir Next,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.arcade{position:relative;min-height:100dvh;display:flex;flex-direction:column;padding:clamp(1rem,4vw,2.5rem);padding-top:max(clamp(1rem,4vw,2.5rem),env(safe-area-inset-top));background:radial-gradient(ellipse 90% 60% at 50% -10%,#2a1a5e 0%,transparent 60%),radial-gradient(ellipse 70% 50% at 100% 100%,#12304d 0%,transparent 55%)}.stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(2px 2px at 12% 18%,#fff 50%,transparent 50%),radial-gradient(2px 2px at 68% 12%,#fff 50%,transparent 50%),radial-gradient(1.5px 1.5px at 32% 62%,#fff 50%,transparent 50%),radial-gradient(2px 2px at 88% 48%,#fff 50%,transparent 50%),radial-gradient(1.5px 1.5px at 52% 84%,#fff 50%,transparent 50%),radial-gradient(1.5px 1.5px at 8% 76%,#fff 50%,transparent 50%);opacity:.35;animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.2}to{opacity:.5}}.marquee{position:relative;text-align:center;margin-bottom:clamp(1.5rem,5vw,3rem)}.marquee h1{margin:0;display:flex;align-items:center;justify-content:center;gap:.4em;font-size:clamp(2.2rem,8vw,4.5rem);font-weight:900;letter-spacing:-.02em}.marquee-text{background:linear-gradient(180deg,#fff 0%,var(--neon) 55%,var(--neon-hot) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(255,210,63,.25)}.marquee-acorn{filter:drop-shadow(0 0 14px rgba(255,210,63,.6));animation:bob 3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8px) rotate(6deg)}}.marquee p{margin:.5rem 0 0;color:var(--ink-dim);font-size:clamp(1rem,3vw,1.35rem);font-weight:600}main{flex:1}.cabinets{list-style:none;margin:0 auto;padding:0;max-width:1200px;display:grid;gap:clamp(1rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.cabinet{position:relative;display:flex;flex-direction:column;height:100%;border-radius:24px;overflow:hidden;text-decoration:none;color:var(--ink);background:var(--bg-soft);border:3px solid rgba(255,255,255,.1);box-shadow:0 18px 40px -20px #000000e6;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}a.cabinet:hover,a.cabinet:focus-visible{transform:translateY(-6px);border-color:var(--neon);box-shadow:0 26px 50px -18px #000000e6,0 0 0 4px #ffd23f2e;outline:none}a.cabinet:active{transform:translateY(-2px) scale(.99)}.screen{position:relative;display:grid;place-items:center;aspect-ratio:16 / 10;background:linear-gradient(145deg,var(--from, #64748b),var(--to, #1e293b));box-shadow:inset 0 0 60px #00000073}.screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,rgba(0,0,0,.12) 0 2px,transparent 2px 4px);pointer-events:none}.emoji{font-size:clamp(3.5rem,12vw,5.5rem);filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));transition:transform .25s ease}a.cabinet:hover .emoji,a.cabinet:focus-visible .emoji{transform:scale(1.12) rotate(-4deg)}.plate{display:flex;flex:1;flex-direction:column;gap:.35rem;padding:1.25rem}.plate h2{margin:0;font-size:1.5rem;font-weight:800}.tagline{margin:0;color:var(--neon);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.blurb{margin:.25rem 0 0;color:var(--ink-dim);font-size:1rem;line-height:1.45}.controls{display:flex;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none}.controls li{display:grid;place-items:center;width:34px;height:34px;font-size:1rem;border-radius:10px;background:#ffffff12}.play{display:block;margin-top:auto;padding:.9rem 1rem;text-align:center;font-size:1.25rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-radius:14px;color:#1a1206;background:linear-gradient(180deg,#ffe27a,var(--neon));box-shadow:0 4px #b98d13}a.cabinet:active .play{transform:translateY(2px);box-shadow:0 2px #b98d13}.cabinet-soon{border-style:dashed;border-color:#ffffff2e;background:#ffffff05;box-shadow:none}.cabinet-soon .screen{background:linear-gradient(145deg,#334155,#1e293b);opacity:.6}.cabinet-soon h2,.cabinet-soon .tagline{color:var(--ink-dim)}footer{margin-top:clamp(2rem,6vw,4rem);padding-bottom:env(safe-area-inset-bottom);text-align:center;color:var(--ink-dim);font-size:.9rem}footer p{margin:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}