.tt{gap:var(--s-6);flex-direction:column;display:flex}.tt-crumbs ol{font-size:var(--t-small);color:var(--text-2);flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.tt-crumbs li{align-items:center;gap:6px;display:inline-flex}.tt-crumbs a{color:var(--text-2)}.tt-head{gap:var(--s-3);flex-direction:column;max-width:72ch;display:flex}.tt-head h1{font-family:var(--font-display);font-size:var(--t-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);text-wrap:balance}.tt-head p{color:var(--text-2);line-height:var(--lh-body)}.tt-head a,.tt-faq a{color:var(--accent-strong);text-underline-offset:3px;text-decoration:underline}.tt-eyebrow{font-family:var(--font-display);font-size:var(--t-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-2);font-weight:600}.tt-stage{gap:var(--s-4);flex-direction:column;max-width:760px;display:flex}.tt-card{align-items:flex-start;gap:var(--s-4);padding:var(--s-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;min-width:0;display:flex}.tt-card h2{font-family:var(--font-display);font-size:var(--t-h3);line-height:var(--lh-h3)}.tt-card h2:focus{outline:none}.tt-card--wait{min-height:260px}.tt-skel{border-radius:var(--r-md);width:100%;height:220px}.tt-sub{color:var(--text-2);line-height:var(--lh-body);margin:0}.tt-stats{gap:var(--s-3);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.tt-stats>div{padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);flex-direction:column;align-items:center;display:flex}.tt-stats strong{font-family:var(--font-display);font-size:var(--fs-2xl);font-variant-numeric:tabular-nums}.tt-stats span{font-size:var(--t-small);color:var(--text-2)}.tt-bar{border-radius:var(--r-pill);background:var(--surface-3);width:100%;height:14px;overflow:hidden}.tt-bar i{background:var(--accent-grad);border-radius:inherit;height:100%;transition:width var(--dur-3) var(--ease-out);display:block}.tt-bar__t{font-size:var(--t-small);color:var(--text-2);margin:0}.tt-bar__t strong{color:var(--text)}.tt-map{--cell:clamp(11px, 3.4vw, 20px);grid-template-rows:10px auto;grid-template-columns:10px auto;gap:4px;display:grid}.tt-map__axis{gap:1px;display:grid}.tt-map__axis--x{grid-area:1/2;grid-template-columns:repeat(18, var(--cell))}.tt-map__axis--y{grid-area:2/1;grid-template-rows:repeat(18, var(--cell))}.tt-map__axis i{border-radius:2px}.tt-map__grid{grid-area:2/2;grid-template-columns:repeat(18, var(--cell));grid-auto-rows:var(--cell);gap:1px;display:grid}.tt-map b,.tt-legend i{border:1px solid var(--border);background:var(--surface-2);border-radius:3px;display:block}.tt-map b.b1,.tt-legend i.b1{background:color-mix(in srgb, var(--accent) 25%, var(--surface-2))}.tt-map b.b2,.tt-legend i.b2{background:color-mix(in srgb, var(--accent) 45%, var(--surface-2))}.tt-map b.b3,.tt-legend i.b3{background:color-mix(in srgb, var(--accent) 65%, var(--surface-2))}.tt-map b.b4,.tt-legend i.b4{background:color-mix(in srgb, var(--accent) 85%, var(--surface-2))}.tt-map b.b5,.tt-legend i.b5{background:var(--good);border-color:var(--good)}.tt-legend{font-size:var(--t-small);color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.tt-legend i{width:14px;height:14px}.tt-step{color:var(--text-2);font-size:var(--t-small);margin:0;font-weight:600}.tt-q{font-family:var(--font-display);font-size:var(--t-h2);line-height:var(--lh-h2);text-wrap:balance}.tt-dots{flex-wrap:wrap;gap:6px;display:flex}.tt-dots i{background:var(--surface-3);border:1px solid var(--border-strong);border-radius:50%;width:10px;height:10px}.tt-dots i.done{background:var(--accent);border-color:var(--accent)}.tt-dots i.now{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}.tt-matchup{align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.tt-side{flex-direction:column;gap:4px;display:flex}.tt-role{font-size:var(--t-micro);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-2);font-weight:700}.tt-mult{align-items:baseline;gap:var(--s-3);padding:var(--s-3) var(--s-5);border-radius:var(--r-md);border:2px solid var(--border-strong);background:var(--surface-2);display:inline-flex}.tt-mult strong{font-family:var(--font-display);font-size:var(--fs-3xl);line-height:1}.tt-mult span{font-weight:600}.tt-mult--2{border-color:var(--good)}.tt-mult--half{border-color:var(--warn)}.tt-mult--0{border-color:var(--bad)}.tt-why{font-size:var(--fs-lg);max-width:52ch;margin:0;line-height:1.5}.tt-why__l{font-family:var(--font-display);color:var(--accent-strong);font-weight:700}.tt-answers{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}@media (width>=640px){.tt-answers{grid-template-columns:repeat(4,minmax(0,1fr))}}.tt-ans{min-height:84px;padding:var(--s-3);border-radius:var(--r-md);border:2px solid var(--border-strong);background:var(--surface);color:var(--text);text-align:center;cursor:pointer;transition:border-color var(--dur-1), transform var(--dur-press) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.tt-ans strong{font-family:var(--font-display);font-size:var(--fs-2xl)}.tt-ans span{font-size:var(--t-small);color:var(--text-2)}.tt-ans kbd{font-size:var(--t-micro);color:var(--text-3);position:absolute;top:4px;right:6px}[data-input=touch] .tt-ans kbd{display:none}.tt-ans[aria-disabled=true]:not(:disabled){opacity:.55;cursor:progress}.tt-ans:active:not(:disabled){transform:scale(.97)}.tt-ans:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tt-ans.is-right{border-color:var(--good);background:color-mix(in srgb, var(--good) 14%, var(--surface))}.tt-ans.is-wrong{border-color:var(--bad);background:color-mix(in srgb, var(--bad) 12%, var(--surface))}.tt-ans.is-dim{opacity:.55}@media (hover:hover) and (pointer:fine){.tt-ans:not(:disabled):not([aria-disabled=true]):hover{border-color:var(--accent)}}.tt-hint{color:var(--text-2);font-size:var(--t-small);margin:0}.tt-feedback{align-items:flex-start;gap:var(--s-3);width:100%;padding:var(--s-4);border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-2);flex-direction:column;display:flex}.tt-feedback.is-ok{border-color:var(--good)}.tt-feedback.is-no{border-color:var(--warn)}.tt-feedback__h{font-size:var(--fs-lg);flex-wrap:wrap;align-items:flex-start;gap:8px;margin:0;display:flex}.tt-score{font-size:var(--fs-xl);margin:0}.tt-score strong{font-family:var(--font-display);font-size:var(--fs-4xl)}.tt-missed{width:100%}.tt-missed h3{font-family:var(--font-display);font-size:var(--t-h3);margin-bottom:var(--s-2)}.tt-missed ul{gap:var(--s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tt-missed li{padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.tt-missed__t{align-items:center;gap:6px;display:inline-flex}.tt-missed__w{color:var(--text-2);font-size:var(--t-small);flex-basis:100%}.tt-actions{gap:var(--s-3);flex-wrap:wrap;display:flex}.tt-faq{max-width:72ch}.tt-faq h2{font-family:var(--font-display);font-size:var(--t-h3);margin-bottom:var(--s-3)}.tt-faq details{border-top:1px solid var(--border);padding:var(--s-3) 0}.tt-faq summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.tt-faq p{margin:var(--s-2) 0 0;color:var(--text-2);line-height:var(--lh-body)}@media (prefers-reduced-motion:reduce){.tt-bar i,.tt-ans{transition:none}}html[data-motion=reduce] .tt-bar i,html[data-motion=reduce] .tt-ans{transition:none}