:root{--bg:#f7f7fb;--surface:#fff;--text:#1c1b22;--text-muted:#6b6b76;--border:#e4e3ea;--accent:#6c4bf4;--accent-strong:#4f30d6;--danger:#e5484d;--success:#12a454;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font:16px/1.5 system-ui,Segoe UI,Hiragino Sans,Yu Gothic,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121218;--surface:#1b1b24;--text:#f0f0f5;--text-muted:#9a99a6;--border:#2c2c38;--accent:#8b6bff;--accent-strong:#a48bff}}*{box-sizing:border-box}body{min-height:100svh;margin:0}#root{flex-direction:column;max-width:480px;min-height:100svh;margin:0 auto;display:flex}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin:0}.just-tap{flex-direction:column;flex:1;align-items:center;padding:24px 16px;display:flex}.just-tap__status{flex-direction:column;gap:24px;width:100%;display:flex}.just-tap__spacer{flex:1;min-height:24px}.just-tap__action{flex-direction:column;align-items:center;width:100%;display:flex}.just-tap__hud{justify-content:space-between;width:100%;font-weight:600;display:flex}.just-tap__bar{background:var(--border);border-radius:999px;width:100%;height:16px;position:relative;overflow:visible}.just-tap__zone{border-radius:999px;position:absolute;top:0;bottom:0}.just-tap__zone--good{background:#6c4bf440;left:32%;right:32%}.just-tap__zone--perfect{background:#6c4bf48c;left:45%;right:45%}.just-tap__indicator{background:var(--accent);border-radius:50%;width:20px;height:20px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #6c4bf440}.just-tap__judgement{height:28px;font-size:22px;font-weight:700;line-height:28px}.just-tap__judgement--perfect{color:var(--success)}.just-tap__judgement--good{color:var(--accent)}.just-tap__judgement--miss-early,.just-tap__judgement--miss-late{color:var(--danger)}.just-tap__countdown-number{text-align:center;color:var(--accent);font-variant-numeric:tabular-nums;margin-bottom:16px;font-size:72px;font-weight:800;line-height:1}.just-tap__primary-button,.just-tap__tap-area{color:#fff;background:var(--accent);border:none;border-radius:16px;width:100%;padding:28px;font-size:20px;font-weight:700}.just-tap__tap-area{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.just-tap__tap-area:active{background:var(--accent-strong)}.just-tap__primary-button:disabled,.just-tap__tap-area:disabled{opacity:.45;pointer-events:none}.just-tap__extra{flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:16px;display:flex}.just-tap__stats{visibility:hidden;justify-content:center;gap:28px;width:100%;display:flex}.just-tap__stats.is-visible{visibility:visible}.just-tap__stat{flex-direction:column;align-items:center;gap:2px;display:flex}.just-tap__stat-label{color:var(--text-muted);letter-spacing:.04em;font-size:11px}.just-tap__stat-value{font-size:20px;font-weight:700}.just-tap__submitting{color:var(--text-muted);visibility:hidden;font-size:13px}.just-tap__submitting.is-visible{visibility:visible}.just-tap__result-secondary{visibility:hidden;opacity:0;pointer-events:none;gap:10px;width:100%;transition:opacity .35s;display:flex}.just-tap__result-secondary.is-visible{visibility:visible}.just-tap__result-secondary--ready{opacity:1;pointer-events:auto}.just-tap__result-secondary button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:600}.zigzag{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.zigzag__hud{font-weight:600}.zigzag__stage{border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000014}.zigzag__canvas{touch-action:manipulation;width:100%;display:block}.zigzag__overlay{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff8c;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.zigzag__title{color:#506375;font-size:24px;font-weight:700}.zigzag__lead{color:#6b7f91;max-width:26ch;font-size:14px}.zigzag__stats{justify-content:center;gap:24px;display:flex}.zigzag__stat{flex-direction:column;align-items:center;gap:2px;display:flex}.zigzag__stat-label{color:#8a9aa8;letter-spacing:.04em;font-size:11px}.zigzag__stat-value{color:#506375;font-size:18px;font-weight:700}.zigzag__submitting{color:#8a9aa8;font-size:13px}.zigzag__button{color:#fff;background:#ffb6b9;border:none;border-radius:999px;margin-top:6px;padding:14px 32px;font-size:16px;font-weight:700}.zigzag__result-actions{opacity:0;pointer-events:none;flex-direction:column;gap:10px;width:100%;margin-top:8px;transition:opacity .35s;display:flex}.zigzag__result-actions--ready{opacity:1;pointer-events:auto}.zigzag__result-primary{color:#fff;background:#ffb6b9;border:none;border-radius:999px;padding:13px;font-size:15px;font-weight:700}.zigzag__result-secondary{gap:10px;display:flex}.zigzag__result-secondary button{color:#506375;background:#fff;border:1px solid #d7dee4;border-radius:999px;flex:1;padding:11px 14px;font-size:13.5px;font-weight:600}.stack-tower{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.stack-tower__hud{font-weight:600}.stack-tower__stage{border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000014}.stack-tower__canvas{touch-action:manipulation;width:100%;display:block}.stack-tower__overlay{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff8c;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.stack-tower__title{color:#4a3f66;font-size:24px;font-weight:700}.stack-tower__lead{color:#7a7190;max-width:26ch;font-size:14px}.stack-tower__stats{justify-content:center;gap:24px;display:flex}.stack-tower__stat{flex-direction:column;align-items:center;gap:2px;display:flex}.stack-tower__stat-label{color:#9089a6;letter-spacing:.04em;font-size:11px}.stack-tower__stat-value{color:#4a3f66;font-size:18px;font-weight:700}.stack-tower__submitting{color:#9089a6;font-size:13px}.stack-tower__button{color:#fff;background:#8b6bff;border:none;border-radius:999px;margin-top:6px;padding:14px 32px;font-size:16px;font-weight:700}.stack-tower__result-actions{opacity:0;pointer-events:none;flex-direction:column;gap:10px;width:100%;margin-top:8px;transition:opacity .35s;display:flex}.stack-tower__result-actions--ready{opacity:1;pointer-events:auto}.stack-tower__result-primary{color:#fff;background:#8b6bff;border:none;border-radius:999px;padding:13px;font-size:15px;font-weight:700}.stack-tower__result-secondary{gap:10px;display:flex}.stack-tower__result-secondary button{color:#4a3f66;background:#fff;border:1px solid #ded8ee;border-radius:999px;flex:1;padding:11px 14px;font-size:13.5px;font-weight:600}.reaction{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.reaction__hud{justify-content:space-between;align-items:center;font-weight:600;display:flex}.reaction__badge{color:#a4670a;background:#a4670a1f;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.reaction__area{color:#fff;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;width:100%;min-height:340px;display:flex}.reaction__area--idle,.reaction__area--result{background:var(--accent)}.reaction__area--waiting{background:#d98324}.reaction__area--ready{background:#12a454}.reaction__area--falseStart{background:var(--danger)}.reaction__label{font-size:26px;font-weight:800}.reaction__sub{opacity:.85;font-size:13px}.reaction__exit{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:12px;font-weight:600}.dev-game{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.dev-game__hud{justify-content:space-between;align-items:center;font-weight:600;display:flex}.dev-game__badge{color:#a4670a;background:#a4670a1f;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.dev-game__stage{border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001f}.dev-game__canvas{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:100%;display:block}.dev-game__overlay{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;background:#0a08149e;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.dev-game__title{font-size:24px;font-weight:800}.dev-game__lead{opacity:.85;max-width:26ch;font-size:13px;line-height:1.7}.dev-game__score{font-size:22px;font-weight:800}.dev-game__button{background:var(--accent);color:#fff;border:none;border-radius:999px;margin-top:6px;padding:14px 32px;font-size:16px;font-weight:700}.dev-game__exit{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:12px;font-weight:600}.lobby{flex-direction:column;flex:1;gap:8px;padding:32px 20px;display:flex}.lobby h1{font-size:26px}.lobby__lead{color:var(--text-muted);margin-bottom:16px}.lobby__grid{flex-direction:column;gap:12px;display:flex}.lobby__card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.lobby__card-main{color:var(--text);flex-direction:column;gap:4px;padding:20px;text-decoration:none;display:flex}.lobby__icon{font-size:28px}.lobby__card h2{font-size:18px}.lobby__card p{color:var(--text-muted);font-size:14px}.lobby__top-score{margin-top:6px;font-weight:700;color:var(--accent)!important;font-size:13px!important}.lobby__lab-link{color:var(--text-muted);align-self:center;margin-top:20px;padding:6px 10px;font-size:12px;text-decoration:none}.lobby__card-ranking{border-top:1px solid var(--border);color:var(--accent);padding:12px 20px;font-size:13px;font-weight:600;text-decoration:none}.nickname-modal__overlay{z-index:10;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.nickname-modal{background:var(--surface);border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:340px;padding:28px 24px;display:flex;box-shadow:0 20px 40px #0003}.nickname-modal p{color:var(--text-muted);font-size:14px}.nickname-modal input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;padding:12px 14px;font-size:16px}.nickname-modal button{background:var(--accent);color:#fff;border:none;border-radius:10px;margin-top:4px;padding:12px;font-size:15px;font-weight:600}.nickname-modal button:disabled{opacity:.5;cursor:not-allowed}.game-page{flex-direction:column;flex:1;display:flex}.game-page__header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px;display:flex}.game-page__back{color:var(--text-muted);background:0 0;border:none;padding:4px;font-size:14px}.game-page__header h1{font-size:18px}.ranking-page{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex}.ranking-page__header{align-items:center;gap:12px;display:flex}.ranking-page__back{border:1px solid var(--border);background:var(--surface);color:var(--text);white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600}.ranking-page__header h1{font-size:18px}.ranking-page__status{color:var(--text-muted);text-align:center}.ranking-page__error{color:var(--danger);text-align:center}.ranking-page__mine{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:10px;padding:10px 14px;font-weight:600}.ranking-page__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ranking-page__list li{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.ranking-page__rank{width:28px;color:var(--text-muted);font-weight:700}.ranking-page__name{flex:1;font-weight:600}.ranking-page__score{color:var(--accent);font-weight:700}.ranking-page__actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.ranking-page__retry{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:14px;font-weight:600}.ranking-page__to-lobby{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:12px;font-weight:600}.lab{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.lab__header{align-items:center;gap:12px;display:flex}.lab__back{border:1px solid var(--border);background:var(--surface);color:var(--text);white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600}.lab__header h1{font-size:18px}.lab__lead{color:var(--text-muted);font-size:13px;line-height:1.7}.lab__grid{flex-direction:column;gap:10px;margin-top:4px;display:flex}.lab__card{background:var(--surface);border:1px dashed var(--border);color:var(--text);border-radius:12px;align-items:center;gap:14px;padding:16px;text-decoration:none;display:flex}.lab__icon{font-size:24px}.lab__card h2{font-size:16px}.lab__card p{color:var(--text-muted);margin-top:2px;font-size:13px}.lab__empty{color:var(--text-muted);font-size:13px}