@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=IBM+Plex+Mono:wght@400;600&display=swap');
:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#08090e;color:#d1d5de;font-family:'IBM Plex Mono',monospace}main{width:min(100%,1056px);margin:auto;padding:20px 28px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 0 17px;font-size:14px;letter-spacing:1px}header>span{color:#f6d994;font-weight:600}header small{color:#8590a2;margin-left:14px;font-size:12px}nav{display:flex;gap:8px}button{font:inherit;color:inherit;border:1px solid #3b4152;background:#171b27;cursor:pointer;touch-action:none;user-select:none}button:focus-visible{outline:3px solid #fbc979;outline-offset:3px}button:hover{border-color:#e6c086}nav button{font-size:11px;padding:9px 11px}.cabinet{border:2px solid #202530;box-shadow:0 15px 65px #0009}.screen{position:relative;background:#111826;overflow:hidden}canvas{width:100%;aspect-ratio:12/7;display:block;image-rendering:pixelated}.hud{position:absolute;top:1.2%;left:1.5%;right:1.5%;height:24%;font-family:'Press Start 2P',monospace;color:#ffe2bc;pointer-events:none;font-size:clamp(11px,2.3vw,25px);text-shadow:2px 2px #81282e,3px 3px #1c2247;line-height:1.55;letter-spacing:1px}.scoreline{white-space:nowrap}.scoreline #score{margin-left:12px}.hi{margin-left:25px}.name{font-size:.65em;margin:17px 0 0 6%}#time{position:absolute;top:38%;left:46.5%;color:#ffcd82;font-size:1.2em;font-weight:400;letter-spacing:5px}#overlay{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;padding-top:18%;text-align:center;color:#fff1c8;text-shadow:2px 2px #752732,3px 3px #15152c}#overlay[hidden]{display:none}#overline{font-family:'Press Start 2P',monospace;font-size:clamp(10px,1.8vw,18px);margin:0 0 12px;color:#ffdc80}h1{font-family:'Press Start 2P',monospace;font-size:clamp(12px,2.5vw,24px);margin:0;line-height:1.7}#detail{font-size:12px;color:#fff;background:#121627ac;text-shadow:none;padding:5px 10px;margin:9px 0}#start{font-family:'Press Start 2P',monospace;font-size:13px;background:#121b30e8;border:2px solid #f4dda4;color:#ffdd85;padding:14px 20px;box-shadow:3px 3px #2d2639;text-shadow:2px 2px #752732}#start:disabled{opacity:.7;cursor:wait}#announcement{position:absolute;top:24%;width:100%;text-align:center;pointer-events:none;font-family:'Press Start 2P',monospace;font-size:clamp(12px,2.2vw,24px);color:#ffdfa3;text-shadow:2px 2px #842a30,4px 4px #242039}.stagebar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 15px;font-size:10px;background:#10131b;color:#8c96a9}.stagebar button{border:0;background:none;font-size:11px;padding:0}.condition{display:flex;gap:8px;align-items:center;margin-left:auto}.condition b{color:#c8d0dd}.meter{width:52px;height:5px;background:#492733;display:block}.meter i{display:block;height:100%;background:#dbc18e}.controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}.controls>div{display:flex;gap:9px}.controls button{height:54px;min-width:52px;font-size:21px;border-bottom:4px solid #3b4257;border-radius:5px}.controls small{display:block;font-size:10px;font-weight:400;letter-spacing:1px}.controls .jump{font-size:11px;padding:8px 18px;line-height:1.7}.attacks button{background:#a52d3f;color:#fff0db;border-color:#e87964;border-bottom-color:#5e243b;border-radius:26px;width:122px;font-weight:600}.attacks small{display:inline-block;margin-left:10px}.controls .pressed,.controls button:active{transform:translateY(2px);background:#bc7c42}footer{display:flex;justify-content:space-between;gap:20px;margin-top:20px;color:#6e798c;font-size:10px}details{max-width:58%;text-align:right}summary{cursor:pointer}details p{text-align:left;line-height:1.7}a{color:#b9c7df}@media(max-width:650px){main{padding:12px 10px}header{font-size:11px;letter-spacing:0;padding-bottom:12px}header small{display:none}nav button{font-size:9px;padding:8px 6px}.hud{font-size:clamp(10px,2.65vw,17px);text-shadow:1px 1px #81282e,2px 2px #1c2247}.scoreline #score{margin-left:7px}.hi{margin-left:12px}.name{margin-top:8px}#time{letter-spacing:2px}#detail{font-size:9px;padding:3px 6px;margin:5px 0}#overline{margin-bottom:6px}#start{font-size:9px;padding:9px 14px}#status{display:none}.stagebar{padding:9px 10px}.condition{margin:0}.controls{flex-wrap:wrap;justify-content:center;gap:14px}.controls button{min-width:49px}.attacks{width:100%;justify-content:center}.attacks button{width:44%;height:56px}footer{font-size:9px;line-height:1.7}#overlay{padding-top:17%}}@media(max-height:650px) and (min-width:650px){main{max-width:820px;padding-top:8px}header,footer{display:none}.stagebar{padding:7px 10px}.controls{margin-top:10px}.controls button{height:44px}.hud{font-size:19px}}