html,body,#root{margin:0;padding:0}#root{width:100%}:root{--font-sans:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard",sans-serif;--bg:#16131F;--panel:#211D44;--panel2:#2E2960;--line:#4A4385;--txt:#F4F2FA;--sub:#9690C4;--accent:#FFD23F;--ok:#5DCAA5;--bad:#FF7A8A}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{height:100%}body{margin:0;background:var(--bg);font-family:var(--font-sans);color:var(--txt);display:flex;align-items:stretch;justify-content:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;overscroll-behavior:none}.ts-screen{max-width:392px;width:100%;min-height:100dvh;margin:0 auto;background:var(--panel);display:flex;flex-direction:column;padding:calc(14px + env(safe-area-inset-top)) 16px calc(14px + env(safe-area-inset-bottom))}.ts-head{display:flex;align-items:center;gap:6px;margin-bottom:10px}.ts-logo{width:40px;height:40px;border-radius:13px;background:var(--panel2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden}.ts-logo svg{width:100%;height:100%;display:block}.ts-htext{display:flex;flex-direction:column;line-height:1.15;flex:1;min-width:0}.ts-title{font-size:17px;font-weight:600;white-space:nowrap}.ts-sub{font-size:11px;color:var(--sub);margin-top:2px;white-space:nowrap}.ts-stageno{margin-left:auto;background:var(--panel2);border-radius:11px;padding:6px 10px;font-size:13px;color:#c9c3ee;font-weight:600;cursor:pointer;touch-action:manipulation;white-space:nowrap;flex-shrink:0}.ts-dots{display:flex;gap:5px;justify-content:center;margin:2px 0 10px}.ts-dot{width:22px;height:6px;border-radius:3px;background:var(--panel2);transition:background .3s}.ts-dot.clear{background:var(--ok)}.ts-dot.cur{background:var(--accent)}.ts-flowbar{height:10px;border-radius:5px;margin:0 2px 12px;overflow:hidden;background:var(--panel2)}.ts-flow{height:100%;width:100%;background:repeating-linear-gradient(105deg,var(--accent) 0 14px,rgba(255,210,63,.25) 14px 28px);background-size:200% 100%;animation:flow 1.7s linear infinite}@keyframes flow{to{background-position:-56px 0}}.ts-body{flex:1;display:flex;flex-direction:column}.ts-view{flex:1;display:none;flex-direction:column}.ts-view.on{display:flex}.ts-info{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.ts-target-label{font-size:19px;font-weight:700;color:var(--accent)}.ts-target{font-size:52px;font-weight:700;letter-spacing:-1px;font-variant-numeric:tabular-nums}.ts-target small{font-size:22px;font-weight:600;color:var(--sub)}.ts-tol{font-size:13px;color:var(--sub);background:var(--panel2);border-radius:999px;padding:6px 14px}.ts-diff{font-size:12px;font-weight:600;border-radius:999px;padding:5px 12px}.d-easy{color:#5dcaa5;background:#5dcaa51f}.d-mid{color:#ffd23f;background:#ffd23f1f}.d-hard{color:#ffa65d;background:#ffa65d21}.d-vhard{color:#ff7a8a;background:#ff7a8a21}.d-legend{color:#c58cff;background:#c58cff24}.ts-prevbtn{margin-top:14px;background:transparent;border:1px solid var(--sub);color:var(--txt);border-radius:999px;padding:9px 18px;font-size:13px;font-family:var(--font-sans);cursor:pointer;touch-action:manipulation}.ts-prevbtn:active{background:var(--panel2);color:var(--txt)}.ts-tapbtn{border:none;border-radius:22px;min-height:34dvh;margin-top:12px;cursor:pointer;font-family:var(--font-sans);font-size:26px;font-weight:700;color:#241f12;background:var(--accent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;touch-action:manipulation}.ts-tapbtn small{font-size:14px;font-weight:500;opacity:.7}.ts-tapbtn.stop{background:var(--bad);color:#2a1015}.ts-tapbtn.next{background:var(--ok);color:#0f2a21}.ts-tapbtn.retry{background:var(--panel2);color:var(--txt);border:1px solid var(--line)}.ts-tapbtn:active{filter:brightness(1.08)}.ts-orb{width:150px;height:150px;border-radius:50%;position:relative;margin:6px 0;background:radial-gradient(circle at 38% 32%,#3A3470 0%,var(--panel2) 70%);box-shadow:0 0 44px #ffd23f1a;animation:orb 3.7s ease-in-out infinite}.ts-orb:after{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px;border-radius:50%;border:2px dashed rgba(150,144,196,.35);animation:spin 11s linear infinite}@keyframes orb{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes spin{to{transform:rotate(360deg)}}.ts-hidden-msg{font-size:14px;color:var(--sub)}.ts-play-target{font-size:16px;color:var(--txt);background:var(--panel2);border-radius:999px;padding:8px 18px}.ts-play-target b{color:var(--accent);font-variant-numeric:tabular-nums}.ts-verdict{font-size:30px;font-weight:800;letter-spacing:-.5px}.v-ok{color:var(--ok)}.v-bad{color:var(--bad)}.ts-grade{font-size:14px;font-weight:700;border-radius:999px;padding:6px 16px;margin-top:2px}.g-perfect{color:#241f12;background:var(--accent);box-shadow:0 0 26px #ffd23f8c}.g-great{color:#0f2a21;background:var(--ok)}.g-good{color:#c9c3ee;background:var(--panel2)}.ts-record{font-size:44px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-1px}.ts-record small{font-size:20px;color:var(--sub)}.ts-rrows{display:flex;flex-direction:column;gap:6px;width:100%;max-width:270px;margin-top:6px}.ts-rrow{display:flex;justify-content:space-between;background:var(--panel2);border-radius:12px;padding:9px 14px;font-size:13px}.ts-rrow span:first-child{color:var(--sub)}.ts-rrow b{font-variant-numeric:tabular-nums;font-weight:600}.ts-err-fast{color:#7eb8ff}.ts-err-slow{color:#ffa65d}.ts-err-ok{color:var(--ok)}.ts-trophy{font-size:64px;line-height:1}.ts-cheer{font-size:24px;font-weight:800;color:var(--accent)}.ts-cheer-sub{font-size:13px;color:var(--sub)}.ts-rankbtn{background:var(--panel2);border:none;border-radius:11px;width:32px;height:32px;font-size:15px;cursor:pointer;margin-right:0;touch-action:manipulation;flex-shrink:0}.ts-rank-toggle{margin-left:auto}.ts-rankbtn+.ts-stageno{margin-left:0}.ts-setrow{display:flex;justify-content:space-between;align-items:center;background:var(--panel2);border-radius:14px;padding:12px 14px;font-size:14px}.ts-setrow .sd{font-size:11px;color:var(--sub);display:block;margin-top:2px}.ts-toggle{width:52px;height:30px;border-radius:15px;background:#3a3470;border:none;position:relative;cursor:pointer;flex-shrink:0;touch-action:manipulation}.ts-toggle:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#8b84bd;transition:left .15s,background .15s}.ts-toggle.on{background:var(--ok)}.ts-toggle.on:after{left:25px;background:#fff}.ts-rank-head{display:flex;flex-direction:column;gap:4px;margin:6px 2px 12px}.ts-rank-title{font-size:17px;font-weight:700}.ts-rank-sub{font-size:12px;color:var(--sub)}.ts-rank-list{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.ts-rk{background:var(--panel2);border-radius:14px;padding:10px 12px;border:2px solid transparent}.ts-rk.me{border-color:var(--accent)}.ts-rk-top{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;margin-bottom:6px}.ts-rk-top b{font-weight:600}.ts-rk-top .n{font-variant-numeric:tabular-nums;color:#c9c3ee}.ts-rk-top .pct{color:var(--sub);font-size:11px;margin-left:6px}.ts-rk-bar{height:8px;border-radius:4px;background:#241f4e;overflow:hidden}.ts-rk-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent),#FFA65D)}.ts-rk-me-tag{font-size:10px;font-weight:700;color:#241f12;background:var(--accent);border-radius:999px;padding:2px 7px;margin-left:6px;vertical-align:1px}.ts-rank-note{font-size:11px;color:var(--sub);text-align:center;margin:10px 0 2px}.cf{position:fixed;width:8px;height:8px;border-radius:2px;pointer-events:none;z-index:9}.ts-rk-top .tgt{color:var(--sub);font-weight:400}.ts-sharebtn{margin-top:12px;background:#7eb8ff;color:#0e2a4a;border:none;border-radius:999px;padding:12px 24px;font-size:15px;font-weight:700;font-family:var(--font-sans);cursor:pointer;touch-action:manipulation}.ts-sharebtn:active{filter:brightness(1.08)}.ts-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:20;background:#f4f2fa;color:#211d44;font-size:13px;font-weight:600;border-radius:999px;padding:10px 18px;box-shadow:0 6px 22px #0006;max-width:86vw;text-align:center}.ts-intro{font-size:14px;font-weight:700;color:#241f12;text-align:center;background:linear-gradient(90deg,var(--accent),#FFA65D);border-radius:12px;padding:11px 16px;margin:2px 2px 0;line-height:1.5;box-shadow:0 4px 18px #ffd23f40}.ts-langbtn{margin-top:0;flex-shrink:0;font-weight:700;color:var(--accent);border-color:var(--accent)}