[hidden]{display:none!important}:root{--bg:#141b2d;--ink:#f4efe6;--dim:#9aa3b8;--line:#f4efe624;--pill:#141b2db8;--accent:#ff7a59}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,sans-serif;overflow:hidden}#stage{width:100vw;height:100vh;display:block;position:fixed;inset:0}.hud{padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid;position:fixed;top:0;left:0;right:0}.hud>:first-child{justify-self:start}.hud>*{pointer-events:auto}.info{text-align:center;flex:1;line-height:1.25}.lv{font-size:17px;font-weight:700}.nums{color:var(--dim);font-variant-numeric:tabular-nums;font-size:14px}.pill{appearance:none;border:1px solid var(--line);background:var(--pill);color:var(--ink);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);border-radius:18px;height:36px;padding:0 16px;font-size:14px;font-weight:600;line-height:34px}.pill:active{transform:scale(.96)}.toast{background:var(--pill);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);pointer-events:none;border-radius:14px;padding:14px 24px;font-size:18px;font-weight:700;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%)}.menu{background:#0a0e1899;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{border:1px solid var(--line);background:#1c2440;border-radius:20px;width:min(440px,100%);max-height:86vh;padding:24px 20px 20px;overflow:auto}.tabs{gap:8px;margin-bottom:16px;display:flex}.tab{appearance:none;border:1px solid var(--line);height:40px;color:var(--dim);font:inherit;cursor:pointer;background:0 0;border-radius:12px;flex:1;font-size:15px;font-weight:700}.tab.on{color:var(--ink);background:#ffffff12}.drills section+section{margin-top:16px}.drills h2{color:var(--ink);margin:0 0 8px;font-size:14px;font-weight:600}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{appearance:none;border:1px solid var(--line);color:var(--ink);height:36px;font:inherit;cursor:pointer;background:#ffffff0a;border-radius:18px;padding:0 14px;font-size:13px}.chips button small{color:var(--dim);margin-left:4px}.chips button.done{border-color:#ff7a5973}.chips button.best{background:#ff7a5924}.chips button.cur{outline:2px solid #ffffff59}.hud-spacer{width:0}.actions{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 20px);pointer-events:none;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:fixed}.actions>*{pointer-events:auto}kbd{min-width:18px;height:18px;color:var(--dim);text-align:center;vertical-align:1px;border:1px solid #f4efe640;border-radius:5px;margin-left:4px;padding:0 5px;font:600 11px/17px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.pill.on{border-color:var(--accent);background:#ff7a5938}@media (hover:none){.pill kbd,.tab kbd{display:none}}.grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.grid button{appearance:none;border:1px solid var(--line);color:var(--ink);aspect-ratio:1;font:inherit;cursor:pointer;background:#ffffff0a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;display:flex}.grid button b{font-size:18px}.grid button small{color:var(--dim);font-size:11px}.grid button.done{border-color:#ff7a598c}.grid button.cur{background:#ff7a5929}.grid button:disabled{opacity:.3;cursor:default}.help{color:var(--dim);margin:16px 0 0;font-size:13px;line-height:1.5}.guide{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 72px);pointer-events:none;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed}.guide>*{pointer-events:auto}.keys{flex-wrap:wrap;justify-content:center;gap:6px;max-width:520px;display:flex}.key{border:1px solid var(--line);background:var(--pill);width:36px;height:36px;color:var(--ink);-webkit-backdrop-filter:blur(8px);border-radius:10px;place-items:center;font-size:19px;font-weight:700;transition:transform .15s,opacity .15s;display:grid}.key.done{opacity:.3}.key.cur{border-color:var(--accent);background:#ff7a5947;transform:scale(1.12)}.key.bad{background:#ff5f5f59;border-color:#ff5f5f;animation:.32s shake}@keyframes shake{0%,to{translate:0}25%{translate:-4px}75%{translate:4px}}.pill.small{height:32px;padding:0 12px;font-size:13px;line-height:30px}.chips button .arrow{color:var(--accent);margin-right:2px}.trow{border-top:1px solid var(--line);align-items:flex-start;gap:8px;padding:6px 0;display:flex}.trow:first-of-type{border-top:0}.tname{color:var(--dim);flex:0 0 76px;padding-top:9px;font-size:12px}.trow .chips{flex:1;gap:6px}.trow .chips button{height:32px;padding:0 10px;font-size:12px}.sheet{width:min(560px,100%)}