.tt-wrap{display:flex;gap:var(--space-3);align-items:flex-start;justify-content:center}.tt-stage{position:relative;flex:0 1 15rem;border-radius:var(--radius-md);overflow:hidden}.tt-canvas{display:block;width:100%;height:auto;aspect-ratio:240 / 420;touch-action:none;background:#cfe6d3}.tt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:8rem}.tt-play[hidden]{display:none}.tt-side{flex:0 0 6rem;text-align:center}.tt-next{width:100%;max-width:96px;height:auto;border-radius:var(--radius-md);background:#cfe6d3}.tt-pad{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);max-width:24rem;margin:var(--space-3) auto 0}.tt-pad .btn{min-height:3.25rem;font-size:1.4rem;padding-inline:0;touch-action:manipulation;user-select:none}@media (hover:hover) and (pointer:fine){.tt-pad{display:none}}