.tr{--tr-todo:#1a1a2e57;--tr-bad:#e5383b;--tr-bad-bg:#e5383b1f;--tr-pad-x:clamp(16px, 3vw, 30px);--tr-pad-y:clamp(16px, 2.6vw, 26px);width:100%}.tr-solo{flex-direction:column;gap:14px;width:100%;max-width:920px;margin-inline:auto;display:flex}.tr-opts{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.tr-lang select,.tr-select{appearance:none;font:inherit;color:var(--ink);border:var(--edge);background:var(--white);background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);height:38px;box-shadow:var(--hard-sm);cursor:pointer;background-position:calc(100% - 17px) 16px,calc(100% - 12px) 16px;background-repeat:no-repeat;background-size:5px 5px;border-radius:999px;padding:0 34px 0 14px;font-size:14px;font-weight:750}.tr-select{border-radius:12px;width:180px;height:44px}.tr-stat-n{font-variant-numeric:tabular-nums}.tr-meter{background:#1a1a2e14;border-radius:999px;height:6px;overflow:hidden}.tr-meter span{background:var(--game);transform-origin:0;border-radius:inherit;height:100%;transition:transform .16s linear;display:block}.tr-surface{padding:var(--tr-pad-y) var(--tr-pad-x);background:var(--white);border:var(--edge);border-radius:var(--r-lg);box-shadow:var(--hard);cursor:text;transition:box-shadow .2s var(--ease-out), transform .2s var(--ease-out);-webkit-tap-highlight-color:transparent;position:relative}.tr-surface.is-focused{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}.tr-surface.is-disabled{cursor:default}.tr-window{height:calc(var(--lines,3) * 1.65em);font-family:var(--font-body);letter-spacing:.005em;user-select:none;font-size:clamp(20px,2.5vw,27px);font-weight:560;line-height:1.65;position:relative;overflow:hidden}.tr-text{transition:transform .22s var(--ease-out);will-change:transform;position:relative}.tr-word{white-space:pre;display:inline-block;position:relative}.tr-word>span{color:var(--tr-todo);border-radius:4px;transition:color 90ms linear}.tr-word>span.is-ok{color:var(--ink)}.tr-word>span.is-bad{color:var(--tr-bad);background:var(--tr-bad-bg)}.tr-word>span.is-space{box-shadow:inset 0 -3px 0 var(--tr-bad)}.tr-caret{background:var(--ink);transform-origin:50%;pointer-events:none;border-radius:3px;width:3px;margin-left:-1.5px;transition:transform 95ms cubic-bezier(.2,.8,.2,1),height .12s;position:absolute;top:0;left:0}.tr-caret:after{content:"";border-radius:inherit;background:var(--ink);position:absolute;inset:18% 0}.tr-caret{background:0 0}.tr-caret.is-idle:after{animation:1.05s ease-in-out infinite tr-blink}.tr-caret.is-hidden{opacity:0}@keyframes tr-blink{0%,45%{opacity:1}55%,to{opacity:0}}.tr-input{top:var(--tr-pad-y);left:var(--tr-pad-x);opacity:0;color:#0000;caret-color:#0000;pointer-events:none;resize:none;background:0 0;border:0;outline:none;width:2px;height:1.6em;margin:0;padding:0;font-size:16px;position:absolute}.tr-focus{border-radius:inherit;-webkit-backdrop-filter:blur(3px);color:var(--ink-2);animation:tr-fade .22s var(--ease-out);text-align:center;background:#ffffff9e;place-items:center;padding:12px;font-size:16px;font-weight:750;display:grid;position:absolute;inset:0}.tr-focus span{background:var(--white);border:2px solid var(--line-2);border-radius:999px;max-width:90%;padding:8px 14px;font-size:15px}@keyframes tr-fade{0%{opacity:0}}.tr-results{background:var(--white);border:var(--edge);border-radius:var(--r-lg);box-shadow:var(--hard);animation:tr-rise .42s var(--ease-spring);flex-direction:column;gap:14px;padding:clamp(16px,3vw,26px);display:flex}@keyframes tr-rise{0%{opacity:0;transform:translateY(10px)scale(.98)}}.tr-results-head{flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.tr-big{align-items:baseline;gap:8px;display:flex;position:relative}.tr-big-n{font-family:var(--font-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;background:linear-gradient(transparent 62%, var(--game) 62%, var(--game) 90%, transparent 90%);padding:0 4px;font-size:clamp(64px,10vw,96px);font-weight:800;line-height:.9}.tr-big-u{font-family:var(--font-display);color:var(--ink-2);font-size:22px;font-weight:800}.tr-best{background:var(--sun);border:2px solid var(--ink);animation:tr-pop .5s var(--ease-spring) .2s both;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:800;position:absolute;top:-14px;right:-12px;transform:rotate(6deg)}@keyframes tr-pop{0%{opacity:0;transform:rotate(6deg)scale(.4)}}.tr-nums{flex:320px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.tr-nums div{background:var(--cream);border:2px solid var(--ink);border-radius:14px;min-width:0;padding:7px 10px}.tr-nums dt{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:750;overflow:hidden}.tr-nums dd{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(18px,2.4vw,23px);font-weight:800}.tr-caption{color:var(--ink-3);margin:0;font-size:14px;font-weight:650}.tr-results-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.tr-chart{margin:0}.tr-chart svg{width:100%;height:auto;display:block;overflow:visible}.tr-chart-grid{stroke:#1a1a2e1a;stroke-width:1px}.tr-chart-axis{fill:var(--ink-3);font-size:11px;font-weight:700;font-family:var(--font-body)}.tr-chart-area{fill:var(--game);opacity:.28}.tr-chart-raw{fill:none;stroke:var(--ink-3);stroke-width:1.6px;stroke-dasharray:4 4;stroke-linejoin:round}.tr-chart-wpm{fill:none;stroke:var(--ink);stroke-width:2.8px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:tr-draw .9s var(--ease-out) .12s forwards}.tr-chart-err{fill:var(--tr-bad);stroke:var(--white);stroke-width:1.5px}@keyframes tr-draw{to{stroke-dashoffset:0}}.tr-chart-key{color:var(--ink-2);justify-content:center;gap:16px;margin-top:4px;font-size:12.5px;font-weight:700;display:flex}.tr-chart-key i{vertical-align:middle;border-radius:2px;width:14px;height:4px;margin-right:6px;display:inline-block}.tr-chart-key .is-wpm{background:var(--ink)}.tr-chart-key .is-raw{background:repeating-linear-gradient(90deg, var(--ink-3) 0 4px, transparent 4px 7px)}.tr-chart-key .is-err{background:var(--tr-bad);border-radius:50%;width:8px;height:8px}@media (width<=560px){.tr-nums{flex-basis:auto;grid-template-columns:repeat(2,1fr)}.tr-results-head{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.tr-text,.tr-caret,.tr-meter span{transition:none}.tr-results,.tr-best,.tr-chart-wpm{stroke-dashoffset:0;animation:none}}.tr-lobby-head{flex-direction:column;gap:8px;display:flex}.tr-lobby-cars{gap:6px;height:36px;display:flex}.tr-lobby-car{animation:1.6s ease-in-out infinite tr-idle;display:inline-block}@keyframes tr-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.tr-lobby-boards{flex-direction:column;gap:6px;margin-top:8px;display:flex}.tr-lobby-boards h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:22px;font-weight:800}.tr-lobby-boards>p{color:var(--ink-2);margin:0 0 6px;font-size:14.5px;font-weight:500}.tr-boards-grid{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}@media (width<=720px){.tr-boards-grid{grid-template-columns:1fr}}.tr-room{flex-direction:column;gap:14px;width:100%;max-width:920px;margin-inline:auto;display:flex;position:relative}.tr-roombar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tr-roommeta{color:var(--ink-2);align-items:center;gap:8px;font-size:14.5px;font-weight:750;display:inline-flex}.tr-dot{background:var(--good);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #1f9d632e}.tr-dot.is-off{background:var(--warn);box-shadow:0 0 0 3px #c77c022e}.tr-track{background:var(--white);border:var(--edge);border-radius:var(--r-lg);box-shadow:var(--hard);flex-direction:column;gap:2px;padding:10px clamp(10px,2vw,18px) 12px;display:flex}.tr-lane{--p:0;border-radius:14px;padding:4px 8px;transition:background .2s;position:relative}.tr-lane.is-me{background:var(--cream)}.tr-lane.is-left{opacity:.45}.tr-lane-who{justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;display:flex}.tr-lane-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-weight:750;display:inline-flex;overflow:hidden}.tr-lane-wpm{color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:8px;font-weight:750;display:inline-flex}.tr-tag{color:var(--ink-2);background:#1a1a2e14;border-radius:999px;padding:1px 7px;font-size:11px;font-style:normal;font-weight:800}.tr-tag.is-you{background:var(--lane);color:var(--ink);border:1.5px solid var(--ink)}.tr-place{background:var(--white);border:1.5px solid var(--ink);color:var(--ink);border-radius:999px;padding:1px 8px;font-size:11.5px}.tr-place[data-place="1"]{background:var(--sun)}.tr-road{background:linear-gradient(90deg,#1a1a2e1f 50%,#0000 50%) 0 75%/18px 2px repeat-x;border-bottom:2px solid #1a1a2e1f;height:42px;position:relative}.tr-car{bottom:1px;left:calc(var(--p) * (100% - 64px - 16px));will-change:left;width:64px;height:34px;position:absolute}.tr-car-svg{display:block;overflow:visible}.tr-car.is-moving .tr-car-svg{animation:.32s ease-in-out infinite tr-bob}.tr-car.is-moving .tr-wheel{animation:.3s linear infinite tr-spin}.tr-car:before{content:"";background:linear-gradient(90deg, transparent, var(--lane));opacity:0;border-radius:2px;width:14px;height:3px;transition:opacity .2s;position:absolute;top:13px;left:-14px}.tr-car.is-moving:before{opacity:.8}@keyframes tr-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.2px)}}@keyframes tr-spin{to{transform:rotate(360deg)}}.tr-flag{background:conic-gradient(var(--ink) 25%, var(--white) 0 50%, var(--ink) 0 75%, var(--white) 0) 0 0 / 6px 6px;border:1.5px solid var(--ink);border-radius:3px;width:12px;position:absolute;top:4px;bottom:0;right:0}.tr-wait{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:14px 8px;display:flex}.tr-wait-h{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:26px;font-weight:800}.tr-wait-sub{color:var(--ink-2);margin:0;font-weight:600}.tr-code{font-family:var(--font-mono);letter-spacing:.16em;background:var(--cream);border:var(--edge);box-shadow:var(--hard-sm);border-radius:14px;padding:6px 18px;font-size:30px;font-weight:800}.tr-race-type,.tr-race-surface{position:relative}.tr-count{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(2px);pointer-events:none;background:#fff7ddc7;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.tr-count span{font-family:var(--font-display);letter-spacing:-.05em;animation:tr-count .9s var(--ease-spring) both;font-size:88px;font-weight:800;line-height:1}.tr-count span.is-go{color:var(--good)}.tr-count small{color:var(--ink-2);font-size:15px;font-weight:750}@keyframes tr-count{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.tr-finished{background:var(--white);border:var(--edge);border-radius:var(--r-lg);box-shadow:var(--hard);animation:tr-rise .38s var(--ease-spring);flex-direction:column;align-items:center;gap:4px;padding:18px;display:flex}.tr-finished-h{font-family:var(--font-display);margin:0;font-size:26px;font-weight:800}.tr-finished-n{color:var(--ink-2);margin:0;font-weight:700}.tr-finished-n b{font-family:var(--font-display);color:var(--ink);font-size:30px}.tr-note{text-align:center;color:var(--ink-2);margin:0;font-weight:650}.tr-note.is-bad{color:var(--bad)}.tr-podium{background:var(--white);border:var(--edge);border-radius:var(--r-lg);box-shadow:var(--hard);animation:tr-rise .42s var(--ease-spring);flex-direction:column;gap:14px;padding:clamp(14px,3vw,24px);display:flex}.tr-podium-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:24px;font-weight:800}.tr-podium-me{color:var(--ink-2);margin:0;font-weight:600}.tr-steps{justify-content:center;align-items:flex-end;gap:10px;padding-top:6px;display:flex}.tr-step{flex-direction:column;align-items:center;gap:4px;width:min(30%,150px);display:flex}.tr-step-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13.5px;font-weight:750;overflow:hidden}.tr-step-car{animation:tr-drop .52s var(--ease-spring) both}.tr-step-block{border:var(--edge);background:var(--cream);transform-origin:bottom;width:100%;animation:tr-grow .56s var(--ease-out) both;border-bottom:0;border-radius:14px 14px 0 0;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:8px;display:flex}.tr-step-block b{font-family:var(--font-display);font-size:30px;font-weight:800;line-height:1}.tr-step-block small{color:var(--ink-2);font-size:12.5px;font-weight:750}.tr-step.is-p1 .tr-step-block{background:var(--sun);height:104px}.tr-step.is-p2 .tr-step-block{height:78px;animation-delay:.12s}.tr-step.is-p3 .tr-step-block{height:58px;animation-delay:.22s}.tr-step.is-p2 .tr-step-car{animation-delay:.22s}.tr-step.is-p3 .tr-step-car{animation-delay:.32s}.tr-step.is-p1 .tr-step-car{animation-delay:.42s}.tr-step.is-me .tr-step-name{text-underline-offset:3px;text-decoration:underline 2px}@keyframes tr-grow{0%{transform:scaleY(0)}}@keyframes tr-drop{0%{opacity:0;transform:translateY(-16px)}}.tr-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14.5px}.tr-table th{text-align:left;color:var(--ink-3);padding:4px 8px;font-size:12px;font-weight:750}.tr-table td{border-top:1.5px solid var(--line);padding:7px 8px;font-weight:650}.tr-table td:nth-child(2){font-weight:750}.tr-table tr.is-me td{background:var(--cream)}.tr-swatch{border:1.5px solid var(--ink);vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:8px;display:inline-block}.tr-table .tr-tag{margin-left:6px}@media (prefers-reduced-motion:reduce){.tr-car.is-moving .tr-car-svg,.tr-car.is-moving .tr-wheel,.tr-lobby-car,.tr-step-block,.tr-step-car,.tr-count span,.tr-podium,.tr-finished{animation:none}}@media (width<=600px){.tr-track{padding:6px 8px 8px}.tr-lane{padding:2px 6px}.tr-lane-who{font-size:12.5px}.tr-road{height:28px}.tr-car{width:46px;height:25px;left:calc(var(--p) * (100% - 46px - 14px))}.tr-car-svg{width:46px;height:25px}.tr-flag{width:9px;top:2px}.tr-count span{font-size:64px}}