.tc,.tc-card{display:grid;gap:.5rem}.tc-num{display:grid;justify-items:center;text-align:center;gap:.25rem}.tc .is-q{color:var(--text-3)}.tc-say{color:var(--text-2);line-height:1.25;min-height:3.75em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.tc-say.is-err{color:var(--text-1);font-weight:500}.tc-play{display:grid;gap:.5rem;justify-items:center;align-items:center}.tc-play.pad{grid-template-columns:minmax(0,1fr) auto}.tc-box{width:min(100%,clamp(10rem,100svh - 26.25rem,24rem));aspect-ratio:1}.tc-svg{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.tc-svg[data-mode=read]{touch-action:auto}.rim{fill:var(--bg-2);stroke:var(--text-2)}.face{fill:var(--bg-1)}.tk{stroke:var(--border-strong)}.tk5{stroke:var(--text-1)}.tc-svg text{text-anchor:middle;dominant-baseline:central;fill:var(--text-1)}.ml text{fill:var(--text-2)}.hn{font-weight:600;stroke:var(--bg-1)}.nolab .ml{display:none}.hh .hl{stroke:var(--text-1)}.mh .hl{stroke:var(--accent)}.tip{fill:var(--accent)}.cap{fill:var(--text-1)}.hand{outline:0}.ring{fill:none}.hand:focus-visible .ring{stroke:var(--accent)}.anim .hand{transition:transform calc(var(--dur-3)*2) var(--ease)}.tc-act{display:flex;justify-content:center;gap:.5rem}.tc-act>.btn{flex:0 1 10rem}.tc-ch{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.tc-ch .btn,.tc-pad .btn{padding:0;font-weight:600;font-size:var(--fs-xl)}.tc-ch .btn{height:3.5rem;font-size:clamp(1.125rem,6cqi,1.75rem)}.tc .off{opacity:.45}.tc-pad{display:grid;grid-template-columns:repeat(3,clamp(2.75rem,14cqi,3.5rem));gap:.375rem}.tc-pad .btn{height:3rem}.tc-row{display:flex;gap:.5rem;align-items:center}.tc-row>input{flex:1}@media(width<48em){.app[data-layout=stage]{padding-top:.5rem}}@media(width>=64em){.app>.look{grid-row:1/span 2}.app>.touch{grid-area:1/2}.app>.rail{grid-area:2/2/span 2}.app>.extras{grid-column:1}}