:root{color-scheme:dark;--ink:#e6e9eb;--muted:#9da8b4;--line:#b5c5d329;--accent:#d6c29b;--blue:#afcfdb}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#10151b;color:var(--ink);font:13px -apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',sans-serif;user-select:none}button,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);transition:background .15s}button:hover{background:#43515e}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}button:disabled{opacity:.4;cursor:wait}canvas{display:block;touch-action:none}#stage{position:fixed;inset:0;z-index:0}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(#090f1c60,transparent 25%,transparent 60%,#090f1c95),radial-gradient(ellipse,transparent 40%,#0a0f1838);z-index:1}header{position:fixed;left:34px;right:34px;top:26px;z-index:3;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{font-size:17px;font-weight:600;letter-spacing:.2em}.brand small{display:block;font:8px monospace;letter-spacing:.18em;color:#d0d7de99;margin-top:10px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b5d6ba;box-shadow:0 0 8px #b5d6ba44;vertical-align:middle;margin-right:6px}.hud{display:flex;align-items:center;gap:26px}.stat{font-size:9px;color:var(--muted);letter-spacing:.1em;text-align:right}.stat strong{display:block;font:25px monospace;color:var(--ink);margin-top:5px}#pause,#settings-btn{pointer-events:auto;background:#16212a88;border-radius:4px;width:34px;height:34px}#pause{display:none}.telemetry{position:fixed;left:34px;top:135px;width:186px;z-index:3;pointer-events:none}.telemetry-title{font:8px monospace;letter-spacing:.17em;color:#c2ced9a0;border-bottom:1px solid var(--line);padding-bottom:13px}#chapter-title{font-size:12px;letter-spacing:.1em;margin:15px 0 20px}dl{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px;font-size:10px}dt{color:var(--muted)}dd{margin:0;text-align:right}.warning{color:var(--accent)}.camera-help{font-size:9px;line-height:2;color:#c3ceda70;margin-top:28px}#cue{position:fixed;top:109px;left:50%;transform:translateX(-50%);text-align:center;z-index:3;font-size:17px;font-weight:500;letter-spacing:.13em;white-space:nowrap;text-shadow:0 2px 20px #0009}#cue small{display:block;font-size:10px;color:#c3ced7;margin-top:10px;letter-spacing:.06em}#judgement{position:fixed;left:calc(50% + 140px);top:46%;font:19px monospace!important;letter-spacing:.13em;color:var(--accent)!important;z-index:4;opacity:0;transition:opacity .1s;text-shadow:0 1px 10px #000}#judgement.show{opacity:1}#judgement small{font:10px sans-serif;display:block;margin-top:8px}#combo-pop{position:fixed;left:calc(50% + 140px);top:52%;font:10px monospace;color:#c2cdd5;z-index:4}#combo-pop:empty{display:none}#notice{position:fixed;bottom:225px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.04em;color:#d5dce2;z-index:4;white-space:nowrap;padding:8px 13px;background:#111a23a0;border-left:2px solid var(--accent)}#notice:empty{display:none}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.input-console{position:fixed;width:min(510px,90vw);left:50%;bottom:25px;transform:translateX(-50%);z-index:5;padding:15px 18px 16px;background:#121b23e0;backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:5px;box-shadow:0 12px 50px #0002}.console-heading{display:flex;justify-content:space-between;color:#b4c2ce8c;font:8px monospace;letter-spacing:.08em}.console-heading span+span{font:9px sans-serif}#lane{position:relative;width:100%;height:57px;overflow:hidden;border-bottom:1px solid var(--line);margin-bottom:13px}#hit-line{position:absolute;left:20%;top:9px;width:28px;height:28px;border:1px solid #e2dac5;border-radius:3px;background:#d6c29b10;z-index:2}.note{position:absolute;top:9px;width:27px;height:27px;display:grid;place-items:center;transform:translateX(-50%);background:var(--accent);border:1px solid #fff5;color:#20272c;font:bold 22px monospace;border-radius:3px;z-index:3}.note.shake{background:var(--blue);font-size:12px}.note.done{opacity:.12}.tail{position:absolute;left:50%;top:9px;height:7px;background:#afcfdb70;z-index:-1}.lane-label{position:absolute;left:20%;bottom:3px;transform:translateX(-50%);font-size:7px;color:#c5c5bf80}#controls{display:flex;gap:10px}#controls button{height:56px;width:50%;display:flex;gap:13px;align-items:center;background:#d6c29b12;border:1px solid #d6c29b4a;padding:0 14px;border-radius:3px;text-align:left;touch-action:none}#controls #shake{background:#afcfdb0c;border-color:#afcfdb40}#controls button.down{background:#d6c29b55}#controls #shake.down{background:#afcfdb44}#controls button span{font-size:12px}#controls small{display:block;font-size:8px;color:var(--muted);margin-top:4px}kbd{font:10px monospace;letter-spacing:.06em;border:1px solid #c8d5df40;border-radius:3px;min-width:24px;text-align:center;padding:5px;color:#d6dfe5;background:#0001}#controls .key-symbol{margin-left:auto;font-size:23px;color:var(--accent);font-weight:200}#controls #shake .key-symbol{color:var(--blue)}#tiny-links{position:fixed;bottom:29px;left:34px;font-size:9px;color:#ccd5df66;z-index:6}#tiny-links span{padding:0 5px}#progress{position:fixed;bottom:0;left:0;height:2px;background:var(--accent);z-index:10;width:0}#screen{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#050c153d}.card{width:min(430px,91vw);padding:34px 36px;text-align:left;background:#101922ed;backdrop-filter:blur(20px);border:1px solid #d7e1ea33;box-shadow:0 30px 100px #0005;border-radius:5px}.eyebrow{font:8px monospace;letter-spacing:.14em;color:#9caebd}.edition{font-size:10px;margin-top:29px;color:#bdcdbf}.card h1{font-size:39px;font-weight:400;letter-spacing:.12em;line-height:1.45;margin:12px 0 20px}.card h1>span{display:block;font:7px monospace;letter-spacing:.15em;color:#8a9bab;margin-top:10px}.card p{font-size:11px;line-height:2.05;color:#a9b5c1;margin:12px 0 20px}.legend{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.legend span{font-size:11px}.legend kbd{display:inline-block;margin-right:9px}.legend small{display:block;font-size:8px;color:#8999a7;margin-top:9px}.level{display:flex;gap:7px;margin:24px 0 16px}.level button{flex:1;padding:9px 6px;font-size:10px;background:#ffffff04;border-radius:3px}.level button.selected{border-color:#d6c29b88;background:#d6c29b19;color:#e7d8bb}.primary{padding:13px 22px;background:#d5c6a9;color:#18232d;border-color:#d5c6a9;border-radius:3px;font-size:12px;letter-spacing:.1em}#start{width:100%}.primary:hover{background:#ece0ca}.secondary{padding:10px 18px;background:#fff0;border-radius:3px;margin-top:12px;font-size:11px}.subtle{font:8px monospace!important;color:#8496a5!important;text-align:center;margin-bottom:0!important;letter-spacing:.06em}#result-stats{display:flex;justify-content:space-between;font-size:10px;margin:25px 0;color:#a6b5c1}#result-stats strong{display:block;font:24px monospace;color:#ded6c4;margin-bottom:8px}dialog{background:#111c27;color:var(--ink);border:1px solid #c1cfdd44;border-radius:5px;padding:28px;width:min(380px,91vw)}dialog::backdrop{background:#030910a0;backdrop-filter:blur(7px)}dialog h2{font-size:20px;font-weight:400;margin:18px 0 25px}dialog label{display:block;margin-top:23px;font-size:12px}dialog label span{float:right;font:11px monospace;color:var(--muted)}dialog input{width:100%;accent-color:var(--accent);margin-top:16px}dialog p{font-size:10px;color:var(--muted);line-height:2}dialog .primary{float:right;margin-top:12px}
@media(max-width:720px){header{left:18px;right:18px;top:20px}.brand{font-size:13px}.brand small{font-size:6px;letter-spacing:.05em}.hud{gap:12px}.stat{font-size:7px}.stat strong{font-size:19px}#pause,#settings-btn{width:29px;height:29px}.telemetry{left:18px;top:105px;width:140px}.telemetry-title{font-size:7px}#chapter-title{font-size:10px;margin:12px 0}dl{font-size:8px;gap:10px}.camera-help{font-size:8px;margin-top:15px}#cue{top:auto;bottom:241px;font-size:12px;max-width:94vw;white-space:normal;width:90vw}#cue small{font-size:9px}#notice{bottom:293px;font-size:8px;max-width:92vw;white-space:normal;text-align:center}#judgement{left:66%;top:46%;font-size:14px!important}#combo-pop{left:66%;top:51%;font-size:8px}.input-console{bottom:26px;padding:13px 14px}#tiny-links{left:18px;bottom:8px;font-size:7px}.card{padding:26px 27px}.card h1{font-size:32px}.edition{margin-top:21px}.legend{gap:20px;margin-top:20px;padding-top:18px}.legend kbd{font-size:8px}.legend small{font-size:7px}.level{margin-top:20px}#controls button{padding:0 10px;gap:10px}#controls .key-symbol{font-size:18px}.console-heading span+span{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}
/* Keep the world in view. Only rhythm input and pause controls remain. */
header{left:auto;right:24px;top:20px}.hud{gap:15px}.stat strong{font-size:16px;opacity:.6}.vignette{background:linear-gradient(#05091228,transparent 25%,transparent 75%,#05091270)}#cue,#notice,#combo-pop,#chapter-title,#tiny-links{display:none!important}#judgement{font-size:12px!important;top:68%;left:50%;transform:translateX(-50%);color:#ddd!important;opacity:0}#judgement small{display:none}.input-console{width:min(370px,88vw);padding:0;background:transparent;backdrop-filter:none;border:0;box-shadow:none;bottom:22px}#lane{height:40px;margin-bottom:9px;border-bottom:1px solid #ffffff35;background:#0a10172a;border-radius:3px}#hit-line{top:5px;width:24px;height:24px}.note{top:5px;width:24px;height:24px}#controls{gap:8px}#controls button{height:41px;background:#10182099!important;border:1px solid #ffffff25!important;justify-content:center;gap:10px}#controls button.down{background:#b9ac8555!important}#controls button span{font-size:10px}#controls kbd{font-size:8px;padding:3px;border-color:#ffffff25}#progress{height:1px;opacity:.5}#screen{background:#050b151c}.card{width:min(340px,88vw);padding:30px;backdrop-filter:blur(12px);background:#101821db;text-align:center}.card h1{font-size:30px;letter-spacing:.15em;margin:8px 0 28px}.legend{justify-content:center;gap:20px;padding:0;margin:0;border:0}.legend span{font-size:9px}.legend kbd{font-size:8px;margin-right:6px}.level{margin:25px 0 16px}.subtle:empty{display:none}#result-stats{justify-content:center;gap:40px}@media(max-width:720px){header{right:16px;top:16px}#judgement{top:65%}.input-console{bottom:18px}.card{padding:27px}.card h1{font-size:28px}}
body.finale .input-console,body.finale #progress,body.finale .stat{display:none}#ending-hint{position:fixed;bottom:45px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.15em;color:#c1c6cb;z-index:6;pointer-events:none}#final-hand{position:fixed;width:155px;height:165px;transform:translate(-50%,-50%);background:transparent;border:0;z-index:5;touch-action:none;cursor:grab}#final-hand:active{cursor:grabbing}#final-hand:focus-visible{outline:1px solid #cdd6df44;border-radius:50%}.clear-screen{place-items:end!important;padding:26px;background:transparent!important}.clear-screen .card{width:225px;padding:24px;background:#0b121b99}.clear-screen .card h1{font:22px monospace;letter-spacing:.2em;margin:0 0 12px}.clear-screen .card p{font:10px monospace}.clear-screen .primary,.clear-screen .secondary{min-width:0;font-size:10px;padding:9px 13px}.clear-screen .secondary{margin:0 0 0 9px}[hidden]{display:none!important}