@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/press-start-2p-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}body{background:#050000;display:flex;align-items:center;justify-content:center;min-height:100vh;overflow:hidden;font-family:"Press Start 2P",monospace;touch-action:none;user-select:none}button,input,.start-overlay{touch-action:manipulation}:root{--ui-w: min(100vw, 480px);--fs-title: clamp(20px, calc(var(--ui-w) * .062), 30px);--fs-score: clamp(14px, calc(var(--ui-w) * .042), 20px);--fs-label: clamp(11px, calc(var(--ui-w) * .03), 15px);--fs-body: clamp(10px, calc(var(--ui-w) * .026), 13px);--fs-micro: clamp(9px, calc(var(--ui-w) * .022), 11px)}.cabinet{position:relative;width:100vw;height:100vh;max-width:480px;max-height:100vh;background:#0a0000}.screen{position:relative;width:100%;height:100%;overflow:hidden}#game{display:block;width:100%;height:100%}.hud{position:absolute;top:0;left:0;right:0;padding:12px 16px;display:flex;justify-content:space-between;pointer-events:none;z-index:10}.hud-score{color:gold;font-size:var(--fs-score);text-shadow:0 0 10px rgba(255,215,0,.5)}.hud-best{color:#888;font-size:var(--fs-body)}.hud-world{position:absolute;top:50px;left:50%;transform:translate(-50%);color:#f60;font-size:var(--fs-label);opacity:0;letter-spacing:2px;transition:opacity 1.5s,font-size 1.5s}.start-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050000eb;z-index:30;cursor:pointer}.start-overlay .emblem{width:72px;height:72px;margin-bottom:10px;filter:drop-shadow(0 0 14px rgba(255,68,0,.55));animation:fire-pulse 2s ease-in-out infinite}.start-overlay .logo{color:#f40;font-size:var(--fs-title);text-shadow:0 0 20px rgba(255,68,0,.8),0 0 40px rgba(255,68,0,.4),0 0 80px rgba(255,68,0,.2);margin-bottom:4px;letter-spacing:4px;animation:fire-pulse 2s ease-in-out infinite}.start-overlay .sub{color:gold;font-size:var(--fs-body);margin-bottom:40px;letter-spacing:3px;text-shadow:0 0 10px rgba(255,215,0,.4)}.start-overlay .world-preview{color:#f60;font-size:var(--fs-label);margin-bottom:8px;opacity:.7}.start-overlay .prompt{color:#c33;font-size:var(--fs-label);animation:blink 1.2s ease-in-out infinite;letter-spacing:2px;margin-top:30px}.start-overlay .credits{position:absolute;bottom:20px;color:#311;font-size:var(--fs-micro)}#start-btn{background:linear-gradient(180deg,#f40,#a20);border:2px solid #FF6600;color:gold;font-family:"Press Start 2P",monospace;font-size:var(--fs-label);padding:12px 30px;cursor:pointer;border-radius:4px;text-shadow:0 0 10px rgba(255,215,0,.5);transition:all .2s;margin-top:20px}#start-btn:hover{background:linear-gradient(180deg,#f60,#c30);transform:scale(1.05)}.death-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0000e0;z-index:30;overflow-y:auto;padding:20px 0}.death-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;justify-content:center}.death-leaderboard{width:90%;max-width:360px}.death-title{color:red;font-size:var(--fs-title);text-shadow:0 0 30px rgba(255,0,0,.7);margin-bottom:20px;animation:fire-pulse 1s ease-in-out infinite}.death-score{color:gold;font-size:var(--fs-score);margin-bottom:8px}.death-best{color:#888;font-size:var(--fs-body);margin-bottom:8px}.death-world{color:#f60;font-size:var(--fs-label);margin-bottom:30px;opacity:.6}.death-btn{background:linear-gradient(180deg,#f40,#a20);border:2px solid #FF6600;color:gold;font-family:"Press Start 2P",monospace;font-size:var(--fs-label);padding:10px 24px;cursor:pointer;border-radius:4px}.audio-panel{position:absolute;top:10px;right:10px;z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.audio-toggle{background:#0009;border:1px solid #444;color:#f60;font-size:14px;width:32px;height:32px;cursor:pointer;border-radius:4px;line-height:1;transition:border-color .2s,color .2s}.audio-toggle:hover,.audio-toggle:active{border-color:#f60;color:gold}.audio-sliders{display:none;flex-direction:column;gap:6px;background:#000c;border:1px solid #333;border-radius:6px;padding:10px 12px;min-width:130px}.audio-sliders.open{display:flex}.audio-sliders label{display:flex;align-items:center;gap:8px;color:#888;font-family:"Press Start 2P",monospace;font-size:var(--fs-micro);letter-spacing:1px}.audio-sliders label span{width:24px;text-align:right;color:#f60}.audio-sliders input[type=range]{-webkit-appearance:none;appearance:none;width:80px;height:6px;background:#222;border-radius:3px;outline:none;border:1px solid #333}.audio-sliders input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:linear-gradient(180deg,#f60,#a20);border:2px solid #FFD700;border-radius:50%;cursor:pointer;box-shadow:0 0 6px #ff660080}.pause-btn{position:absolute;top:12px;right:50px;z-index:20;background:#00000073;border:1px solid #444;color:#f60;font-size:var(--fs-label);width:32px;height:32px;cursor:pointer;border-radius:4px;line-height:1;letter-spacing:-2px;transition:border-color .2s,color .2s,background .2s}.pause-btn:hover,.pause-btn:active{border-color:#f60;color:gold;background:#000000b3}.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000d9;z-index:50}.overlay-content{display:flex;flex-direction:column;align-items:center;gap:16px}.overlay-content h2{color:#f40;font-family:"Press Start 2P",monospace;font-size:var(--fs-title);letter-spacing:4px;text-shadow:0 0 20px rgba(255,68,0,.8),0 0 40px rgba(255,68,0,.4);margin-bottom:10px;animation:fire-pulse 2s ease-in-out infinite}.metal-btn{background:linear-gradient(180deg,#f40,#a20);border:2px solid #FF6600;color:gold;font-family:"Press Start 2P",monospace;font-size:var(--fs-label);padding:10px 28px;cursor:pointer;border-radius:4px;text-shadow:0 0 10px rgba(255,215,0,.5);transition:all .2s;min-width:200px}.metal-btn:hover{background:linear-gradient(180deg,#f60,#c30);transform:scale(1.05);box-shadow:0 0 16px #ff660080}.pause-volume{display:flex;flex-direction:column;gap:10px;background:#00000080;border:1px solid #333;border-radius:6px;padding:14px 18px;min-width:200px}.pause-volume label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#f60;font-family:"Press Start 2P",monospace;font-size:var(--fs-micro);letter-spacing:1px}.pause-volume input[type=range]{-webkit-appearance:none;appearance:none;width:100px;height:6px;background:#222;border-radius:3px;outline:none;border:1px solid #333}.pause-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:linear-gradient(180deg,#f60,#a20);border:2px solid #FFD700;border-radius:50%;cursor:pointer;box-shadow:0 0 6px #ff660080}.name-input-group{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:8px}.name-input-group label{color:#f60;font-family:"Press Start 2P",monospace;font-size:var(--fs-label);letter-spacing:2px}.name-input-group input[type=text]{background:#0a0000cc;border:2px solid #FF6600;border-radius:4px;color:gold;font-family:"Press Start 2P",monospace;font-size:var(--fs-label);padding:8px 14px;text-align:center;max-width:200px;width:100%;outline:none;letter-spacing:2px;text-shadow:0 0 8px rgba(255,215,0,.4);transition:border-color .2s,box-shadow .2s}.name-input-group input[type=text]::placeholder{color:#530;opacity:1}.name-input-group input[type=text]:focus{border-color:gold;box-shadow:0 0 12px #ff660080,0 0 24px #f403}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes fire-pulse{0%,to{text-shadow:0 0 20px rgba(255,68,0,.8),0 0 40px rgba(255,68,0,.4)}50%{text-shadow:0 0 30px rgba(255,100,0,1),0 0 60px rgba(255,68,0,.6)}}.hidden{display:none!important}.arcade{display:flex;align-items:center;justify-content:center;gap:0;width:100%;height:100vh;--world-glow: #ff4400}.arcade-panel{display:none;flex:1 1 0;height:min(100vh,90vh);padding:28px 22px;overflow:hidden;color:#976;font-size:var(--fs-micro, 10px);line-height:1.9;background:linear-gradient(var(--panel-dir, 90deg),color-mix(in srgb,var(--world-glow) 14%,transparent) 0%,transparent 55%),repeating-linear-gradient(95deg,#0d0908 0 3px,#0a0706 3px 6px);border-top:2px solid #1a0f0a;border-bottom:2px solid #1a0f0a}.arcade-panel--left{--panel-dir: 270deg;text-align:right;border-left:2px solid #1a0f0a}.arcade-panel--right{--panel-dir: 90deg;border-right:2px solid #1a0f0a}.panel-block{margin-bottom:36px;max-width:300px}.arcade-panel--left .panel-block{margin-left:auto}.panel-block h3{color:var(--world-glow);font-size:var(--fs-micro, 10px);font-weight:400;letter-spacing:3px;margin-bottom:14px;text-shadow:0 0 10px color-mix(in srgb,var(--world-glow) 45%,transparent)}.panel-keys{margin:0}.panel-keys dt{color:#ca8;margin-top:10px}.panel-keys dd{margin:0;color:#754}.panel-world{color:#ca8;line-height:1.6}.panel-world-sub{color:#754;margin-top:8px}.panel-leaderboard{line-height:1.6;text-align:left}.panel-leaderboard .lb-row{display:flex;align-items:baseline;gap:10px;padding:4px 0;border-bottom:1px solid #140c09}.panel-leaderboard .lb-rank{color:var(--world-glow);min-width:3.2em}.panel-leaderboard .lb-name{color:#ca8;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-leaderboard .lb-score{color:#754}@media(min-width:900px){.arcade-panel{display:block}}@media(min-width:900px)and (max-height:820px){.arcade-panel{padding:20px 18px;line-height:1.7}.panel-block{margin-bottom:24px}}@media(min-width:500px){.cabinet{border-radius:12px;overflow:hidden;box-shadow:0 0 40px #f403,0 0 80px #ff44001a;max-height:90vh}}@media(prefers-reduced-motion:reduce){.start-overlay .emblem,.start-overlay .logo,.start-overlay .prompt,.death-title,.overlay-content h2{animation:none!important;opacity:1}}html[data-motion=reduced] .start-overlay .emblem,html[data-motion=reduced] .start-overlay .logo,html[data-motion=reduced] .start-overlay .prompt,html[data-motion=reduced] .death-title,html[data-motion=reduced] .overlay-content h2{animation:none!important;opacity:1}
