:root{--room: #07060d;--wall: #0e0b1a;--wall-2: #151027;--ink: #f2f0e6;--dim: #8a87a8;--faint: #4a4666;--line: #231f3a;--amber: #ffb000;--pink: #ff3d9a;--cyan: #3ee0e0;--pixel: "Press Start 2P", ui-monospace, monospace;--term: "VT323", ui-monospace, monospace;--scan: 3px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background-color:var(--room);background-image:radial-gradient(ellipse 70% 40% at 50% 0%,rgba(255,61,154,.16),transparent 70%),radial-gradient(ellipse 50% 30% at 50% 0%,rgba(62,224,224,.1),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke-width='3' stroke-linecap='round' opacity='.09'%3E%3Cpath d='M12 30 q8 -10 16 0 t16 0' stroke='%23ff3d9a'/%3E%3Ccircle cx='110' cy='34' r='7' stroke='%233ee0e0'/%3E%3Cpath d='M70 96 l10 -16 l10 16 z' stroke='%23ffb000'/%3E%3Cpath d='M120 120 q8 -10 16 0 t16 0' stroke='%238a7bff'/%3E%3Cpath d='M24 128 h14 M31 121 v14' stroke='%234fd164'/%3E%3C/g%3E%3C/svg%3E");color:var(--ink);font-family:var(--term);font-size:20px;line-height:1.25;-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}kbd{font-family:var(--pixel)}.hall{max-width:1240px;margin:0 auto;padding:0 16px 40px}.sign{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:44px 4px 28px}.neon{margin:0;font-family:var(--pixel);font-weight:400;font-size:clamp(30px,6.4vw,64px);letter-spacing:.04em;color:#fff4fb;text-shadow:0 0 2px #fff,0 0 8px var(--pink),0 0 18px var(--pink),0 0 42px rgba(255,61,154,.7),4px 4px 0 #3b0c26}.neon span{color:#eafffe;text-shadow:0 0 2px #fff,0 0 8px var(--cyan),0 0 20px var(--cyan),0 0 44px rgba(62,224,224,.6),4px 4px 0 #082a2a}.neon .flick{animation:flick 6s infinite steps(1)}@keyframes flick{0%,18%,22%,62%,64%,to{opacity:1}20%,63%{opacity:.18;text-shadow:none}}.sub{margin:14px 0 0;font-family:var(--pixel);font-size:11px;letter-spacing:.12em;color:var(--amber);text-shadow:0 0 8px rgba(255,176,0,.6)}.sub i{font-style:normal;color:var(--dim);text-shadow:none;padding:0 6px}.toggles{display:flex;gap:8px}.tg{font-family:var(--pixel);font-size:9px;letter-spacing:.08em;color:var(--dim);background:#110e20;border:2px solid var(--line);box-shadow:inset -2px -2px #000,inset 2px 2px #241f40;padding:9px 10px 8px;min-height:36px;cursor:pointer}.tg[aria-pressed=true]{color:var(--ink);border-color:#3a3460}.tg:hover{color:#fff;border-color:var(--amber)}.tg:active{box-shadow:inset 2px 2px #000}.tg:focus-visible,.back:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.floor{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:34px 26px;padding-top:8px}.cab{--c: #fff;--c2: #888;position:relative;display:flex;flex-direction:column;text-decoration:none;background:linear-gradient(180deg,#1b1733,#110e22 60%,#0c0a18);border:3px solid #000;box-shadow:inset 0 0 0 2px #2a2448,0 18px 30px -12px #000000e6,0 0 0 0 var(--c);transition:transform .18s steps(3),box-shadow .2s;animation:rise .5s steps(5) both;animation-delay:calc(var(--i) * 70ms);outline:none}.cab:before,.cab:after{content:"";position:absolute;top:46px;bottom:30px;width:6px;background:repeating-linear-gradient(180deg,var(--c) 0 10px,transparent 10px 16px,var(--c2) 16px 22px,transparent 22px 30px);opacity:.55}.cab:before{left:-9px}.cab:after{right:-9px}@keyframes rise{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.cab:hover,.cab:focus-visible{transform:translateY(-5px);box-shadow:inset 0 0 0 2px var(--c2),0 24px 40px -14px #000000f2,0 0 34px -6px var(--c)}.marquee{position:relative;margin:8px 8px 0;padding:13px 8px 11px;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 40%),var(--c);border:3px solid #000;box-shadow:inset 0 -4px #00000040,0 0 22px -4px var(--c);overflow:hidden}.marquee span{font-family:var(--pixel);font-size:17px;letter-spacing:.08em;color:#0b0b14;text-shadow:2px 2px 0 rgba(255,255,255,.45)}.marquee:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%);transform:translate(-120%)}.cab:hover .marquee:after,.cab:focus-visible .marquee:after{animation:shine .9s steps(8) 1}@keyframes shine{to{transform:translate(120%)}}.bezel{margin:8px 8px 0;padding:12px;background:linear-gradient(180deg,#050409,#0f0d1c);border:3px solid #000;box-shadow:inset 0 0 0 2px #1d1933}.screen{position:relative;background:#000;border-radius:14px/18px;overflow:hidden;box-shadow:0 0 0 2px #000,0 0 26px -8px var(--c)}.screen canvas{display:block;width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;user-select:none;-webkit-user-select:none}.cab .screen{aspect-ratio:4 / 3;display:flex;justify-content:center}.cab .screen canvas{width:auto;height:100%}.crt{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 calc(var(--scan) - 1px),rgba(0,0,0,.28) calc(var(--scan) - 1px) var(--scan)),radial-gradient(ellipse at 50% 50%,transparent 58%,rgba(0,0,0,.55) 100%);box-shadow:inset 0 0 40px #000000bf;border-radius:inherit}.crt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,rgba(255,255,255,.09) 0%,transparent 28%);border-radius:inherit;animation:hum .12s infinite steps(2)}@keyframes hum{50%{opacity:.75}}.no-crt .crt{background:none;box-shadow:none}.no-crt .crt:after{display:none}.no-crt .screen{border-radius:2px}.deck{position:relative;height:30px;margin:0 8px;background:linear-gradient(180deg,#2a2448,#17132b);border:3px solid #000;border-top:0;clip-path:polygon(0 0,100% 0,96% 100%,4% 100%)}.deck .stick{position:absolute;left:22%;top:3px;width:12px;height:12px;background:var(--c);border:2px solid #000;border-radius:50%;box-shadow:0 9px 0 -3px #000}.deck .btn{position:absolute;top:8px;width:11px;height:9px;background:#e83b3b;border:2px solid #000;border-radius:50%}.deck .btn:nth-of-type(2){left:62%}.deck .btn:nth-of-type(3){left:72%;top:6px;background:var(--amber)}.plate{display:flex;flex-direction:column;gap:6px;margin:10px 14px 14px;flex:1}.genre{font-family:var(--pixel);font-size:9px;letter-spacing:.14em;color:var(--c)}.plate p{margin:0;color:#cfcbe6;font-size:20px;flex:1}.plate .row{display:flex;justify-content:space-between;align-items:center;margin-top:4px;padding-top:9px;border-top:2px dashed var(--line)}.hi{font-family:var(--pixel);font-size:9px;color:var(--dim)}.go{font-family:var(--pixel);font-size:10px;color:var(--c)}.cab:hover .go,.cab:focus-visible .go{animation:blink .5s steps(1) infinite}@keyframes blink{50%{opacity:0}}.foot{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;margin-top:46px;padding-top:20px;border-top:2px solid var(--line);font-family:var(--pixel);font-size:9px;letter-spacing:.1em;color:var(--faint)}.foot .coin{color:var(--amber);animation:blink 1.1s steps(1) infinite}.play{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:0 16px 16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1140px;width:100%;margin:0 auto;padding:14px 0 12px}.back{font-family:var(--pixel);font-size:10px;letter-spacing:.08em;text-decoration:none;color:var(--dim);padding:11px 12px 10px;min-height:36px;border:2px solid var(--line);background:#110e20}.back:hover{color:#fff;border-color:var(--c)}.tg.pause{color:var(--ink);min-width:40px}.bigcab{margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:0 14px 14px;background:linear-gradient(180deg,#1b1733,#0f0c1f);border:3px solid #000;box-shadow:inset 0 0 0 2px #2a2448,0 0 60px -20px var(--c),0 30px 60px -20px #000;max-width:100%}.marquee.big{align-self:stretch;margin:10px 0 0;padding:14px 8px 12px}.marquee.big span{font-size:clamp(16px,3vw,24px)}.bigcab .bezel{margin:10px 0 0;padding:clamp(8px,2vw,18px);max-width:100%}.screen.boot{animation:crt-on .7s steps(10) both}@keyframes crt-on{0%{transform:scaleY(.006);filter:brightness(5)}35%{transform:scaleY(.006);filter:brightness(5)}60%{transform:scale(1);filter:brightness(1.8)}to{transform:none;filter:none}}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:14px;max-width:760px;font-size:19px;color:var(--dim)}.legend span{display:inline-flex;align-items:center;gap:8px}.legend kbd{font-size:8px;color:var(--ink);padding:5px 6px 4px;background:#1d1933;border:2px solid #000;box-shadow:inset -2px -2px #0b0916,inset 2px 2px #332d55}.touchpad{display:flex;justify-content:center;padding:16px 0 4px}.dpad{position:relative;width:156px;height:156px}.dpad button{position:absolute;width:54px;height:54px;font-family:var(--pixel);font-size:14px;color:var(--ink);background:#241f40;border:3px solid #000;box-shadow:inset -3px -3px #120f22,inset 3px 3px #3a3460;touch-action:none}.dpad button.on{background:var(--c2);box-shadow:inset 3px 3px #000}.dpad .u{left:51px;top:0}.dpad .d{left:51px;bottom:0}.dpad .l{left:0;top:51px}.dpad .r{right:0;top:51px}.dpad:after{content:"";position:absolute;left:51px;top:51px;width:54px;height:54px;background:#18142c;border:3px solid #000}@media (max-width: 640px){body{font-size:19px}.sign{padding-top:28px}.floor{grid-template-columns:1fr;gap:30px;padding:0 6px}.topbar{padding-top:10px}.toggles .tg{font-size:8px;padding:8px 7px}.bigcab{padding:0 6px 10px}.foot .keys{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}