:root{font-family:Consolas,Yu Gothic UI,monospace;color:#f5f0e4;background:#111626;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#273e51,transparent 65%),#111626;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f9bf4e;outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1240px;margin:auto;padding:24px 32px}header{height:56px;display:flex;justify-content:space-between;align-items:flex-start}.brand{color:#f7f1de;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:2px}.brand b{color:#f9bf4e}.brand span{font-size:12px;color:#7791a0}.top-actions{display:flex;gap:10px}.top-actions button{background:none;color:#b8c7d0;border:1px solid #475569;padding:7px 12px;font-size:11px;letter-spacing:1px}.stage-wrap{position:relative;border:2px solid #4a5868;box-shadow:0 20px 65px #0005;background:#171d2b;overflow:hidden;aspect-ratio:12/7}#game{position:absolute;inset:0}canvas{display:block!important;width:100%!important;height:100%!important;image-rendering:pixelated}#loading{position:absolute;inset:0;display:grid;place-items:center;color:#f9bf4e;font-size:18px}.overlay{position:absolute;inset:0;display:flex;align-items:center;padding:5% 7%;background:linear-gradient(90deg,#081320f2,#081320d9 35%,#08132022 80%)}.card{max-width:520px}#eyebrow{font-size:12px;letter-spacing:3px;color:#f9bf4e;margin-bottom:14px}h1{font-size:clamp(38px,6.9vw,88px);line-height:.92;letter-spacing:-4px;margin:0 0 20px;text-shadow:4px 4px 0 #0004;font-weight:900}h1 em{font-style:normal;color:#f9bf4e}#description{font:15px/1.9 Yu Gothic UI,sans-serif;color:#d1d9dc}.primary{margin-top:14px;background:#f9bf4e;border:0;border-bottom:5px solid #b27820;min-width:250px;padding:17px 23px;color:#202536;font-weight:700;font-size:18px;display:flex;justify-content:space-between;gap:28px}.primary:hover{background:#ffda7a;transform:translateY(-1px)}#hint{display:block;color:#94a9b4;font-size:11px;margin-top:16px}.hud{position:absolute;inset:20px 25px auto;display:grid;grid-template-columns:1fr 110px 1fr;gap:18px;pointer-events:none;text-shadow:2px 2px #152330}.micro{font-size:11px;letter-spacing:2px;color:#fff1bd;display:block;margin-bottom:5px}.health{max-width:245px;height:16px;background:#152330;border:2px solid #fff0c0;box-shadow:3px 3px #152330}.health i{display:block;height:100%;width:100%;background:#f9bf4e;transition:width .1s}.hud-left>span:last-child{font-size:10px;display:block;margin-top:7px}.timer{text-align:center}.timer strong{font-size:45px;line-height:1}.timer.urgent strong{color:#ff785e}.score{text-align:right}.score strong{display:block;font-size:26px;line-height:1.1}.score>span:last-child{display:block;font-size:10px;margin-top:7px}.below{display:flex;justify-content:space-between;align-items:center;padding:23px 0;border-bottom:1px solid #354151;gap:20px}.tag{background:#f9bf4e;color:#161d28;padding:5px 8px;font-size:10px;font-weight:700}.caption{font:13px Yu Gothic UI,sans-serif;color:#9cacb9;margin-left:15px}.keys{color:#9cacb9;font-size:11px;display:flex;gap:7px;align-items:center}kbd{background:#283446;border:1px solid #526174;border-bottom:3px solid #455367;padding:4px 7px;color:#fff}.touch-controls{display:flex;justify-content:space-between;margin-top:18px;gap:20px}.touch-controls>div{display:flex;gap:10px}.touch-controls button{touch-action:none;-webkit-user-select:none;user-select:none;background:#263548;color:#e6edf0;border:1px solid #567082;border-bottom:4px solid #0b111b;padding:14px 24px;font-weight:700}.touch-controls button:active,.touch-controls button.active{background:#53657a;transform:translateY(2px)}.touch-controls button.kick{color:#f9bf4e}.touch-controls small{opacity:.5}footer{display:flex;justify-content:space-between;color:#607888;font-size:10px;letter-spacing:1px;margin-top:25px}#toast{position:absolute;bottom:8%;width:100%;text-align:center;color:#fff0b9;font-size:19px;font-weight:700;pointer-events:none;text-shadow:2px 2px #151c2c}#result{margin:10px 0;color:#f9bf4e;font-size:24px;font-weight:700}@media(max-width:700px){.shell{padding:12px 8px}header{height:46px}.brand{font-size:13px}.top-actions button{padding:6px;font-size:9px}.caption,footer span:last-child,.keys{display:none}.below{padding:12px 0}.overlay{padding:4% 6%}h1{font-size:40px;letter-spacing:-2px;margin-bottom:10px}#eyebrow{font-size:9px;margin-bottom:8px}#description{font-size:11px;line-height:1.5;margin:6px 0}.primary{padding:10px 15px;min-width:190px;font-size:13px;margin-top:8px}#hint{font-size:9px;margin-top:6px}.hud{inset:10px 12px auto;grid-template-columns:1fr 60px 1fr;gap:10px}.micro{font-size:8px;letter-spacing:1px}.timer strong{font-size:28px}.score strong{font-size:19px}.health{height:12px}.hud-left>span:last-child,.score>span:last-child{font-size:8px}.touch-controls button{padding:15px 17px}#toast{font-size:13px}#result{font-size:16px}}.result-screen .card{display:grid;grid-template-columns:minmax(0,1fr) 200px;column-gap:30px;max-width:850px;width:100%;align-items:center}.result-screen .card>*{grid-column:1}.result-screen #rating{grid-column:2;grid-row:1 / span 6;align-self:center;text-align:center;padding:18px 10px;border:2px solid #f9bf4e;background:#101d30e8;box-shadow:7px 7px #050e2077}.result-screen h1{font-size:clamp(30px,5vw,60px)}.result-screen #description{font-size:13px}.result-screen #result{font-size:21px}.rank-label{font-size:11px;letter-spacing:2px;color:#b7c9d5}#rank{display:block;font-size:100px;line-height:1.1;color:#f9bf4e;text-shadow:4px 4px #805121;animation:rank-stamp .45s ease-out both}#rating[data-rank=C] #rank,#rating[data-rank=B] #rank{color:#c9d9e1;text-shadow:4px 4px #445565}#record-badge{font-size:15px;font-weight:700;padding:9px 3px;color:#becddb}#record-detail,#next-rank{font-size:11px;line-height:1.7;color:#b9c9d5;margin:7px 0}.new-record #record-badge{color:#162032;background:#f9bf4e;animation:record-glow .65s ease-in-out 3 alternate}@keyframes rank-stamp{0%{opacity:0;transform:scale(2) rotate(-10deg)}65%{opacity:1;transform:scale(.92) rotate(2deg)}to{transform:scale(1) rotate(0)}}@keyframes record-glow{to{box-shadow:0 0 22px #ffe297;filter:brightness(1.3)}}@media(max-width:700px){.result-screen .card{grid-template-columns:minmax(0,1fr) 96px;column-gap:8px}.result-screen #rating{padding:6px 3px}.result-screen h1{font-size:28px;margin:4px 0;letter-spacing:-1px}.result-screen #description{font-size:9px;line-height:1.3;margin:3px 0}.result-screen #result{font-size:12px;margin:4px 0}.result-screen .primary{min-width:0;width:100%;padding:9px;font-size:11px}.result-screen #eyebrow{font-size:8px;letter-spacing:1px;margin:2px 0}.rank-label{font-size:8px;letter-spacing:0}#rank{font-size:52px}#record-badge{font-size:10px;padding:5px 1px}#record-detail,#next-rank{font-size:8px;line-height:1.3}.result-screen #hint{font-size:8px}}@media(prefers-reduced-motion:reduce){#rank,.new-record #record-badge{animation:none}}.special-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.special-controls button{background:#283747;color:#ffe0a0;border:1px solid #64748b;padding:14px 6px;touch-action:manipulation}.special-controls small{color:#a9bbc9}@media(max-width:600px){.special-controls{grid-template-columns:repeat(2,1fr)}.special-controls button{font-size:11px}}