body.tetris .tt-play{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tt-buttons{position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 0 10px 0}.tt-buttons .button{margin:4px 8px 4px 0}.tt-buttons .tt-left,.tt-buttons .tt-right{display:flex;align-items:center}.tt-buttons .tt-right .button{margin:4px 0 4px 8px}.tt-buttons .button[data-tt=new]{min-width:110px}.tt-buttons .icononly{min-width:40px}.tt-buttons svg{display:block;width:16px;height:16px;margin:0 auto;fill:currentColor}@media screen and (max-width:750px){.tt-buttons .button{margin:3px 6px 3px 0;padding:4px 8px;font-size:12px}.tt-buttons .tt-right .button{margin:3px 0 3px 6px}.tt-buttons .button[data-tt=new]{min-width:84px}.tt-buttons .icononly{min-width:34px}.tt-buttons svg{width:14px;height:14px}}#tt .tt-ico-play,#tt .tt-ico-lock,#tt.paused .tt-ico-pause,#tt.locked .tt-ico-unlock{display:none}#tt.paused .tt-ico-play,#tt.locked .tt-ico-lock{display:block}.tt-tip{position:absolute;top:100%;right:0;z-index:2;max-width:240px;margin:10px 0 0 0;padding:8px 12px;border:1px solid #feb400;border-radius:6px;background:#fff7c2;color:#333;font-size:13px;line-height:1.4;box-shadow:0 2px 6px rgba(0,0,0,.25);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;cursor:pointer}.tt-tip::before{content:"";position:absolute;top:-7px;right:12px;width:12px;height:12px;border-top:1px solid #feb400;border-left:1px solid #feb400;background:#fff7c2;transform:rotate(45deg)}.tt-tip.show{opacity:1;visibility:visible}html.tt-locked{overflow:hidden;scrollbar-gutter:stable;overscroll-behavior:none;touch-action:none}html.tt-locked body,html.tt-locked #anchorPanel{touch-action:none}#tt-game{position:relative;width:min(100%,max(280px,calc((100vh - 174px)*.9668)));width:min(100%,max(280px,calc((100dvh - 174px)*.9668)));aspect-ratio:20.4/21.1;margin:0 auto}#tt-game canvas{display:block;width:100%;height:100%;border-radius:10px;outline:0;touch-action:none;cursor:pointer}#tt-game canvas:focus-visible{box-shadow:0 0 0 2px rgba(71,97,201,.7)}#tt.touch #tt-game{width:min(100%,max(280px,calc((100vh - 298px)*.9668)));width:min(100%,max(280px,calc((100dvh - 298px)*.9668)))}@media screen and (max-width:750px){#tt-game{width:min(100%,max(280px,calc((100vh - 168px)*.9668)));width:min(100%,max(280px,calc((100dvh - 168px)*.9668)))}#tt.touch #tt-game{width:min(100%,max(280px,calc((100vh - 292px)*.9668)));width:min(100%,max(280px,calc((100dvh - 292px)*.9668)))}@media(display-mode:standalone){#tt-game{width:min(100%,max(280px,calc((100vh - 196px)*.9668)));width:min(100%,max(280px,calc((100dvh - 196px)*.9668)))}#tt.touch #tt-game{width:min(100%,max(280px,calc((100vh - 320px)*.9668)));width:min(100%,max(280px,calc((100dvh - 320px)*.9668)))}}}#tt-touch{display:none;max-width:600px;margin:10px auto 0 auto;justify-content:space-between;align-items:flex-end;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#tt.touch #tt-touch{display:flex}.tt-move,.tt-turn{display:grid;grid-template-rows:46px 62px;gap:6px}.tt-move{grid-template-columns:repeat(3,56px)}.tt-turn{grid-template-columns:repeat(2,64px)}#tt.touch-right .tt-move{order:1}.tt-key,.tt-pad{border-radius:12px;background:#2b3354;color:#fff;box-shadow:inset 0 -3px 0 rgba(0,0,0,.3);cursor:pointer}.tt-key{display:flex;align-items:center;justify-content:center}.tt-key svg,.tt-pad svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.tt-key.down,.tt-pad span.down{background:#4761c9}.tt-hard{grid-area:1/2/2/3;background:#c43110}.tt-hard.down{background:#ef6a3a}.tt-pad{display:flex;grid-area:2/1/3/4;overflow:hidden}.tt-pad span{display:flex;flex:1 1 0;align-items:center;justify-content:center}.tt-pad span+span{border-left:1px solid rgba(255,255,255,.12)}.tt-holdkey{grid-area:1/1/2/3;background:#444b66;font-size:14px;font-weight:bold;letter-spacing:2px;text-transform:uppercase}.tt-ccw{grid-area:2/1/3/2}.tt-cw{grid-area:2/2/3/3}#tt.classic .tt-hard,#tt.classic .tt-holdkey{display:none}#tt.classic .tt-move,#tt.classic .tt-turn{grid-template-rows:0 62px;row-gap:0}@media screen and (max-width:360px){.tt-move{grid-template-columns:repeat(3,50px)}.tt-turn{grid-template-columns:repeat(2,56px)}}.tt-options{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:center;margin:16px 0 6px 0}.tt-options label{display:inline-flex;align-items:center;gap:8px;font-weight:bold}.tt-options label select{font-weight:normal}.tt-options label select:disabled{opacity:.5}#tt-volume{width:140px;min-height:0;padding:0;border:0;accent-color:#4761c9}.tt-note{min-height:18px;margin:0 0 6px 0;color:#8a5a00;font-size:13px;font-weight:bold;text-align:center;opacity:0;transition:opacity .3s}.tt-note.show{opacity:1}.tt-text{margin:24px 0 0 0}.tt-text h2{margin:20px 0 6px 0}.tt-text ul{margin:6px 0 12px 0}.tt-text table{margin:6px 0 12px 0;border-collapse:collapse}.tt-text table th,.tt-text table td{padding:3px 18px 3px 0;text-align:left}.tt-text table td:last-child{text-align:right}.tt-text kbd{display:inline-block;padding:0 6px;border:1px solid #999;border-radius:3px;background:#f6f6f6;font-family:inherit;font-size:12px;font-weight:bold;line-height:18px}