:root{font-family:Arial,sans-serif;font-synthesis:none;color:#fff6e9;background:#080a0d}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #fff;outline-offset:-5px}[hidden]{display:none!important}#game{position:relative;width:100%;height:100svh;min-height:320px;overflow:hidden;background:#080a0d}#play-screen,.menu-screen,.result-screen,.pause-screen{position:absolute;inset:0}#scene{display:block;width:100%;height:100%}.menu-screen{background:radial-gradient(ellipse at 50% 55%,#35211d,#080a0d 68%)}.menu-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.start-surface{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:100%;padding:max(6vh,28px) 20px 115px;color:#fff6e9;text-align:center;background:linear-gradient(#080a0d75,transparent 30%,transparent 60%,#080a0df0);border:0}.menu-options{position:absolute;right:0;bottom:max(24px,env(safe-area-inset-bottom));left:0;display:flex;gap:18px;align-items:center;justify-content:center}.menu-options button{min-height:40px;padding:10px;font-size:9px;font-weight:700;color:#b1aca4;letter-spacing:1px;background:transparent;border:0}.modes{display:flex;overflow:hidden;border:1px solid #b5976150;border-radius:5px}.modes button{padding:12px 17px}.modes button[aria-pressed=true]{color:#211306;background:#ff6938}.hud{position:absolute;top:max(28px,env(safe-area-inset-top));right:5%;left:5%;display:flex;gap:28px;align-items:center;text-shadow:0 2px 10px #000}.brand-mark{position:absolute;top:max(35px,env(safe-area-inset-top));left:50%;width:115px;height:auto;pointer-events:none;opacity:.85;transform:translate(-50%)}.play-hint{position:absolute;top:44%;left:10%;width:80%;margin:0;font-size:12px;font-weight:800;color:#fff5e9;text-align:center;letter-spacing:2px;text-shadow:0 2px 8px #000;pointer-events:none}.hud>div{display:flex;flex-direction:column;gap:3px}.hud span{font-size:9px;color:#ccc1af;letter-spacing:2px}.hud strong{font-size:30px;font-weight:900;font-variant-numeric:tabular-nums}.hud .combo{flex-direction:row;gap:8px;align-items:baseline;margin-left:auto}.combo strong{color:#ff7844}#pause{width:43px;height:43px;font-size:20px;color:#fff;background:#090c1390;border:1px solid #ffe0a95c;border-radius:50%}.life-bar{position:absolute;top:105px;left:5%;display:flex;gap:10px;align-items:center;font-size:10px;font-weight:700;text-shadow:0 2px 5px black}progress{appearance:none;background:#ffffff24;border:0}progress::-webkit-progress-bar{background:#ffffff24;border-radius:5px}progress::-webkit-progress-value{background:#ff7543;border-radius:5px}progress::-moz-progress-bar{background:#ff7543}.life-bar progress{width:110px;height:6px}.overdrive{position:absolute;top:20%;width:100%;font-size:clamp(17px,3vw,28px);font-style:italic;font-weight:900;color:#ff995b;text-align:center;letter-spacing:3px;text-shadow:0 0 25px #ff3f00}.judgement{position:absolute;top:56%;width:100%;font:italic 900 clamp(24px,4vw,42px) Impact,"Arial Black",sans-serif;color:#fff6b6;text-align:center;text-shadow:0 2px 15px #000;pointer-events:none}.judgement[data-quality=MISS]{color:#ff8c78}.lane-controls{position:absolute;inset:0;min-width:0;padding:0;margin:0;pointer-events:none;touch-action:none;border:0}.lane-controls button{position:absolute;min-height:48px;color:var(--lane);pointer-events:auto;touch-action:none;background:transparent;border:0;border-radius:8px;transform:translate(-50%,-50%)}.lane-controls kbd{position:absolute;top:var(--key-position, 78%);left:50%;font:700 13px Arial,sans-serif;text-shadow:0 2px 8px black;transform:translate(-50%)}.lane-controls button[aria-pressed=true]{background:linear-gradient(transparent 55%,color-mix(in srgb,var(--lane) 16%,transparent))}.track-progress{position:absolute;right:5%;bottom:max(22px,env(safe-area-inset-bottom));left:5%;display:flex;gap:12px;align-items:center;font-size:10px;font-variant-numeric:tabular-nums;color:#ddd3c4}.track-progress progress{flex:1;height:3px}.pause-screen{z-index:2;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;background:#080a0de8}.pause-screen h1,.result-screen h1{margin:0;font:italic 900 clamp(40px,6vw,70px) Impact,"Arial Black",sans-serif;color:#ffe4ab;letter-spacing:1px;text-shadow:0 4px 0 #4c2e18}.pause-screen button,.primary{width:min(280px,75vw);min-height:48px;padding:15px 25px;font-size:13px;font-weight:800;color:#211306;letter-spacing:1px;background:#ff7543;border:0;border-radius:5px}.secondary,.pause-screen .secondary{padding:13px 22px;font-size:12px;font-weight:700;color:#c6bbb0;letter-spacing:1px;background:transparent;border:0}.result-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;text-align:center;background:radial-gradient(ellipse at 50% 42%,#4a2e13,#080a0d 65%)}.result-screen[data-outcome=lost]{background:radial-gradient(ellipse at 50% 42%,#142a39,#080a0d 65%)}.result-screen>p:first-of-type{margin:10px 0 0;font-size:13px;color:#d1c5b6}.result-stats{margin:14px 0 0;font-size:11px;color:#c6bbb0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}#game[data-motion=reduced] *{transition:none!important;animation:none!important}@media(max-width:600px){.brand-mark{top:42px;left:46%;width:78px}.menu-options{gap:4px}.menu-options button{padding:10px;font-size:8px}.modes button{padding:12px 15px}.hud strong{font-size:25px}.hud{gap:15px}.hud span{font-size:8px}.life-bar{top:94px}.lane-controls kbd{font-size:11px}}.menu-art{display:block}.menu-art img{width:100%;height:100%;object-fit:contain}.menu-film{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;object-fit:contain;opacity:0}.menu-film[data-ready=true]{opacity:1}.start-surface{padding:0;background:transparent}.menu-options{bottom:max(8px,env(safe-area-inset-bottom))}.menu-options>button{font-size:8px}.result-screen{padding:0;background:#080a0d}.result-screen[data-outcome=lost]{background:#080a0d}.result-artwork{position:relative;width:min(100vw,66.6667svh);height:100%}.result-artwork>img{display:block;width:100%;height:100%;object-fit:contain}.artwork-copy,.artwork-replay{position:absolute;left:22%;width:56%;background:transparent;border:0}.artwork-copy{top:72.5%;height:11%}.artwork-replay{top:84.5%;height:6%}.artwork-copy:hover{box-shadow:inset 0 0 22px #ffffff20}.result-stats{position:absolute;top:67%;left:5%;width:90%;margin:0;font-size:10px;text-shadow:0 2px 5px #000}.copy-status{position:absolute;top:70.5%;left:5%;width:90%;font-size:11px;font-weight:700;color:#fff;text-shadow:0 2px 5px #000}@media(min-aspect-ratio:1 / 1){.menu-art{opacity:1}.menu-art img{object-fit:contain}.start-surface{background:transparent}}@media(max-aspect-ratio:2 / 3){.menu-art,.menu-film{top:calc((100% - 60px)/2);height:min(calc(100svh - 60px),205vw);object-fit:cover;transform:translateY(-50%)}.menu-art img{object-fit:cover}.result-artwork{height:min(100svh,150vw);margin:auto}}fieldset{min-width:0;padding:0;margin:0}.lane-controls{border:0}