.tv-body{flex:1;grid-template-columns:auto minmax(0,1fr) 300px;gap:16px;min-height:0;display:grid}.tv-chon{flex-direction:column;gap:8px;display:flex;overflow:auto}.tv-chu{border:2px solid var(--line);background:var(--card);width:56px;height:56px;font:700 28px var(--display);color:var(--ink);border-radius:16px}.tv-chu[aria-pressed=true]{border-color:var(--acc);color:var(--acc)}.tv-o-wrap{place-items:center;min-height:0;padding:12px;display:grid}.tv-o{aspect-ratio:1;touch-action:none;background:var(--card);border:2px solid var(--line);border-radius:12px;width:min(100%,520px)}.tv-ke{stroke:var(--line);stroke-width:.6px}.tv-ke.doc{stroke-dasharray:1.5 2}.tv-mau{fill:none;stroke:var(--line);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.tv-goi-y{fill:none;stroke:var(--warn);stroke-width:3px;stroke-dasharray:3 3;stroke-linecap:round}.tv-dau{fill:var(--acc)}.tv-so{font:700 6px var(--display);fill:var(--acc)}.tv-ve{fill:none;stroke:var(--ink);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}.tv-ve.dat{stroke:var(--good)}.tv-ve.chua{stroke:var(--bad)}.tv-ben{gap:14px}@media (width<=899px){.tv-body{grid-template-columns:1fr}.tv-chon{flex-direction:row;overflow-x:auto}}.tv-cau{flex-direction:column;align-items:center;gap:10px;display:flex}