.tt,.tt-q,.tt-end,.tt-card{display:grid;gap:.5rem}.tt-top,.tt-prog,.tt-row,.tt-meta,.tt-fb{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tt-who{min-width:0;padding-inline:.5rem;margin-left:-.5rem;color:var(--text-1)}
.tt-who span,.tt-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-meta,.tt-prog,.tt-fb,.tt-key,.tt-card p{color:var(--text-2);font-size:var(--fs-sm)}.tt-prog{flex-wrap:wrap}
.tt-bar{flex:0 0 100%;height:6px;background:linear-gradient(90deg,var(--accent) var(--p,0%),var(--bg-2) 0)}.tt-q,.tt-end{text-align:center;padding-block:.75rem}.tt-fact{font-size:min(3.5rem,12.5cqi);font-weight:600;line-height:1.15;white-space:nowrap}
.tt-fact output{display:inline-block;min-width:2ch;border-bottom:3px solid var(--border-strong)}.tt .fix{color:var(--accent);border-color:var(--accent)}.tt-fb{justify-content:center;min-height:1.5rem}
.tt-pad{--k:clamp(3rem,8.5svh,4rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%;max-width:24rem;margin-inline:auto}.tt-pad .btn{height:var(--k);font-weight:600}.tt-pad .btn-secondary{font-size:var(--fs-2xl)}.tt-ch{grid-template-columns:1fr 1fr}
.tt-ch .btn{height:calc(2*var(--k) + .5rem);font-size:2.5rem}.tt .ok{border-color:var(--accent);background:var(--accent-soft)}.tt .off{opacity:.5}
.pop{animation:ttp .3s}@keyframes ttp{50%{scale:1.03}}.tt-tables{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-1)}
.tt-tables .chip{padding:0;justify-content:center}.tt-grid{width:100%;table-layout:fixed;border-spacing:2px;font-size:var(--fs-xs);color:var(--text-3)}.tt-grid td,.tt-sw{aspect-ratio:1;padding:0;border-radius:3px;background:var(--bg-2)}
.tt-grid .on{color:var(--accent)}.tt-grid .l,.tt-sw.l{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.tt-grid .m,.tt-sw.m{background:var(--accent)}
.tt-key{display:flex;flex-wrap:wrap;gap:4px 1rem}.tt-sw{display:inline-block;width:1rem;vertical-align:-3px;margin-right:6px}
@media(width<48em){.app[data-layout=stage]{padding-top:.5rem}}