:root{--border:#111;--bg:#fff;--fg:#111;--danger:#c0392b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}.hidden{display:none!important}html,body{background:var(--bg);color:var(--fg);height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;overflow:hidden}#viewport{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}#app{transform-origin:50%;flex-direction:column;flex-shrink:0;gap:12px;width:640px;padding:16px;display:flex}#hud{border:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.hud-label{letter-spacing:.05em;opacity:.6;margin-right:6px;font-size:11px}#hp-wrap{flex:1;align-items:center;display:flex}#hp-bar{border:1px solid var(--border);width:120px;height:10px;position:relative}#hp-fill{background:var(--fg);width:100%;transition:width .15s linear;position:absolute;inset:0}#score-wrap,#difficulty-wrap{white-space:nowrap;align-items:center;display:flex}#score{font-variant-numeric:tabular-nums;font-weight:600}.combo-badge{color:var(--danger);margin-left:6px;font-size:11px;font-weight:700}#difficulty{letter-spacing:.03em;font-weight:700;display:inline-block}@keyframes difficulty-pop{0%{color:var(--danger);transform:scale(1.6)}60%{color:var(--danger);transform:scale(1.15)}to{color:var(--fg);transform:scale(1)}}.difficulty-pop{animation:.5s ease-out difficulty-pop}#stage-wrap{aspect-ratio:3/4;border:1px solid var(--border);width:100%;position:relative;overflow:hidden}#game-canvas{background:var(--bg);width:100%;height:100%;display:block}#voice-level-indicator{font-variant-numeric:tabular-nums;color:var(--fg);opacity:.28;pointer-events:none;letter-spacing:.02em;z-index:1;font-size:11px;position:absolute;bottom:10px;right:10px}.overlay{background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.overlay-close-btn{position:absolute;top:14px;right:14px}.overlay.hidden{display:none}.overlay h1{letter-spacing:.02em;margin:0;font-size:22px}.overlay .desc{opacity:.8;margin:0;font-size:13px;line-height:1.7}#mode-select{gap:8px;display:flex}.settings-mode-select{gap:8px;margin-bottom:8px;display:flex}.settings-mode-btn{flex:1;min-width:0}.mode-btn-locked{opacity:.4;cursor:not-allowed}.mode-btn{appearance:none;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;flex-direction:column;gap:4px;min-width:130px;padding:10px 14px;font-size:13px;display:flex}.mode-btn .mode-desc{opacity:.6;font-size:10px;font-weight:400}.mode-btn.active{background:var(--fg);color:var(--bg)}.mode-btn.active .mode-desc{opacity:.75}.link-btn{appearance:none;color:var(--fg);cursor:pointer;opacity:.7;background:0 0;border:none;padding:4px;font-size:12px;text-decoration:underline}.link-btn:hover{opacity:1}.link-btn.hidden{display:none}.icon-btn{appearance:none;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.icon-btn:hover{background:var(--fg);color:var(--bg)}.pause-menu{flex-direction:column;gap:10px;width:220px;display:flex}.settings-body{text-align:left;flex-direction:column;gap:16px;width:480px;max-width:100%;display:flex}.settings-group-label{letter-spacing:.08em;opacity:.5;margin:6px 0 -4px;font-size:11px;font-weight:700}.settings-group-label:first-child{margin-top:0}.settings-section h2{letter-spacing:.03em;opacity:.7;margin:0 0 10px;font-size:13px}.settings-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.settings-row input[type=range]{appearance:none;background:var(--border);outline:none;flex:1;height:1px;margin-left:12px}.settings-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--fg);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.settings-row input[type=range]::-moz-range-thumb{background:var(--fg);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.settings-row-checkbox input[type=checkbox]{appearance:none;border:1px solid var(--border);background:var(--bg);cursor:pointer;flex-shrink:0;width:16px;height:16px;position:relative}.settings-row-checkbox input[type=checkbox]:checked{background:var(--fg)}.settings-row-checkbox input[type=checkbox]:checked:after{content:"";border:solid var(--bg);border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.settings-row-checkbox{justify-content:flex-start}.settings-row-checkbox input{order:-1;margin-right:8px}.settings-hint{opacity:.7;margin:0 0 10px;font-size:12px;line-height:1.6}#sensitivity-preview{margin-top:4px}#sensitivity-preview-canvas{border:1px solid var(--border);background:var(--bg);width:100%;height:90px;margin-bottom:8px;display:block}#sensitivity-preview-hint{margin:0}#calibrate-meter{border:1px solid var(--border);width:240px;height:16px;position:relative;overflow:hidden}#calibrate-meter-fill{background:var(--fg);width:0%;transition:width 50ms linear;position:absolute;inset:0}#calibrate-value{font-variant-numeric:tabular-nums;opacity:.7;min-height:1em;font-size:12px}#btn-calibrate-capture.capturing{background:var(--danger);border-color:var(--danger)}.overlay button:not(.mode-btn):not(.icon-btn):not(.link-btn){appearance:none;border:1px solid var(--border);background:var(--fg);color:var(--bg);cursor:pointer;padding:10px 20px;font-size:14px}.overlay button:hover{opacity:.85}.overlay .hint{color:var(--danger);min-height:1em;margin:0;font-size:12px}#final-score{font-variant-numeric:tabular-nums;font-size:18px}#score-submit-form{text-align:left;flex-direction:column;gap:8px;width:280px;display:flex}#input-player-name{border:1px solid var(--border);background:var(--bg);color:var(--fg);flex:1;padding:6px 8px;font-family:inherit;font-size:13px}#input-player-name:disabled{opacity:.4}#score-submit-hint{min-height:1em}#score-submit-hint.success{color:#2e7d32}#ranking-list-wrap{border:1px solid var(--border);width:400px;max-width:100%;max-height:340px;overflow-y:auto}#ranking-list{margin:0;padding:0;list-style:none}#ranking-list li{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex}#ranking-list li:last-child{border-bottom:none}.ranking-rank{font-variant-numeric:tabular-nums;opacity:.6;text-align:right;flex-shrink:0;width:28px}.ranking-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ranking-name.anonymous{opacity:.5}.ranking-score{font-variant-numeric:tabular-nums;font-weight:600}