.typebox{cursor:text;background:#080c1a9e;border:1px solid #9aa3d424;border-radius:20px;padding:22px 20px;position:relative}.viewport{height:4.8em;position:relative;overflow:hidden}.lines{letter-spacing:.01em;color:#5d6699;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(17px,4.2vw,21px);line-height:1.6;transition:transform .12s ease-out;position:absolute;inset:0 0 auto}@media (prefers-reduced-motion:reduce){.lines{transition:none}}.ch.ok{color:var(--fg)}.ch.bad{color:var(--lose);background:#ff7a7a1f;border-radius:3px}.ch.bad.sp{background:#ff7a7a47}.caret{background:var(--accent);border-radius:1px;width:2px;margin-left:-1px;transition:left 60ms linear,top 60ms linear;position:absolute}.caret.blink{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.caret{transition:none}.caret.blink{animation:none}}.sink{opacity:0;border:0;width:1px;height:1px;padding:0;position:absolute;top:50%;left:50%}.typehud{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.timer{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:40px;font-weight:800;line-height:1}.timer.low{color:var(--lose)}.live{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.live b{color:var(--fg);font-size:19px;font-weight:750}.veil{border-radius:inherit;-webkit-backdrop-filter:blur(2px);color:var(--muted);text-align:center;background:#080c1ac7;place-items:center;padding:20px;font-size:15px;display:grid;position:absolute;inset:0}.typebox.live .veil{display:none}.scores{gap:10px;margin:0 0 6px;display:flex}.scorecard{border-radius:var(--radius);text-align:center;background:#151a3580;border:1px solid #9aa3d41f;flex:1;padding:14px 12px}.scorecard .n{font-variant-numeric:tabular-nums;color:var(--accent);font-size:34px;font-weight:800;line-height:1.1;display:block}.scorecard.dim .n{color:var(--fg);font-size:26px}.scorecard .k{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:11px;display:block}.chaseline{color:var(--muted);background:#151a3599;border:1px solid #9aa3d429;border-radius:999px;margin-bottom:14px;padding:6px 12px;font-size:13.5px;display:inline-block}.chaseline b{color:var(--fg);font-weight:650}.charsfig{color:#5d6699;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.charsfig .cur{color:var(--accent);font-weight:700}