.tet-game .tet-mobile-stats{display:none}.tet-game .touch-controls{grid-template-columns:repeat(6,minmax(0,1fr))}.tet-game .touch-controls button{touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.tet-game .touch-controls button:after{content:none}.tet-game .touch-controls button b{pointer-events:none;font-size:30px;font-weight:900;line-height:1}.tet-game .touch-controls button span{pointer-events:none;font-size:12px;font-weight:800}.tet-game .touch-controls button:disabled{opacity:.46;cursor:default;transform:none}.tet-game .touch-controls .tet-drop-control{background:#ffc928;border-color:#dfa608;box-shadow:0 5px #c89208}.tet-game .touch-controls .tet-hold-control{background:#e8f4ff;border-color:#aacfe4}.tet-game :is(button,a):focus-visible{outline-offset:2px;outline:3px solid #138cdb}.tet-game .tet-quick-guide{color:#dbe8f8;gap:5px;margin:12px 0 0;font-size:12px;display:grid}.tet-game .overlay .tet-help-link{box-shadow:none;color:#d9e4f2;background:0 0;min-height:44px;margin-top:6px;padding:8px;font-size:12px;text-decoration:underline}.tet-game .next-list>span small,.tet-game .hold-card>span small{opacity:.6;font-size:.8em}.tet-game .dialog .close{width:44px;height:44px;top:5px;right:5px}.tet-game .now-playing>button:disabled{opacity:.4}@media (max-width:900px),(pointer:coarse){.tet-game{--tet-rail:76px;--tet-board-width:min(62vw,240px);--tet-board-height:calc((var(--tet-board-width) - 8px)*11/6 + 8px);height:var(--tet-height,100dvh);width:100%;min-height:0;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));overscroll-behavior:none;grid-template-rows:44px 44px minmax(0,1fr) 18px 102px;grid-template-columns:minmax(0,1fr);gap:6px;display:grid;overflow:hidden}.tet-game .mode-row,.tet-game .keys,.tet-game .stats-stack{display:none}.tet-game .topbar{grid-row:1;grid-template-columns:40px minmax(0,1fr) 76px 44px;gap:6px;width:100%;min-width:0;max-width:500px;margin:0 auto}.tet-game .topbar>a{justify-content:center;align-items:center;min-height:44px;display:flex}.tet-game .brand-mark{width:38px;height:38px}.tet-game .game-logo{justify-self:center;min-width:0;max-width:200px;height:43px}.tet-game .topbar button{height:44px;box-shadow:none;border-width:1px;border-radius:12px}.tet-game .song-select{font-size:11px;padding:0 3px!important}.tet-game .menu-button{width:44px;font-size:22px}.tet-game .now-playing{width:100%;max-width:500px;height:44px;box-shadow:none;border:1px solid #e2d9cc;border-radius:12px;grid-row:2;grid-template-columns:20px minmax(0,1fr) 44px;gap:7px;margin:0 auto;padding:0 0 3px 10px;overflow:hidden}.tet-game .music-note{color:#b88700;font-size:22px}.tet-game .now-playing>div{min-width:0}.tet-game .now-playing div b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.2;overflow:hidden}.tet-game .now-playing div small{margin-top:3px;font-size:10px;line-height:1.1}.tet-game .now-playing>p{display:none}.tet-game .now-playing>button{border-radius:0;width:44px;height:44px;font-size:17px}.tet-game .now-playing>i{height:3px;bottom:0;left:0;right:44px}.tet-game .now-playing>i:after{display:none}.tet-game .game-shell{grid-row:3;grid-template-columns:var(--tet-board-width) var(--tet-rail);justify-content:center;align-items:start;gap:8px;width:100%;min-width:0;max-width:600px;min-height:0;margin:0 auto}.tet-game .board-wrap{width:var(--tet-board-width);height:var(--tet-board-height);aspect-ratio:auto;border:4px solid #12243a;border-radius:12px;min-width:0;min-height:0;box-shadow:0 3px #d9d2ca}.tet-game .board-wrap canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.tet-game .right-stack{height:var(--tet-board-height);justify-content:flex-start;gap:7px;min-height:0}.tet-game .tet-mobile-stats{text-align:center;font-variant-numeric:tabular-nums;background:#fffdf7;border:1px solid #e0d6c9;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;padding:7px 2px;display:flex}.tet-game .tet-mobile-stats>span{color:#6f7781;font-size:10px;font-weight:700}.tet-game .tet-mobile-stats>strong{letter-spacing:-.05em;max-width:100%;font-size:clamp(16px,5vw,23px);font-weight:900;line-height:1.1}.tet-game .tet-mobile-stats>small{margin-top:3px;font-size:10px}.tet-game .tet-mobile-stats>em{color:#a96709;font-size:10px;font-style:normal;font-weight:800}.tet-game .next-list,.tet-game .hold-card{box-shadow:none;border:1px solid #e0d6c9;border-radius:12px;flex:none;padding:7px 4px}.tet-game .next-list>span,.tet-game .hold-card>span{font-size:11px}.tet-game .next-list>div{height:48px}.tet-game .next-list .mini-grid,.tet-game .hold-card .mini-grid{width:58px;height:41px;min-height:0;margin:3px auto}.tet-game .next-list>div:nth-of-type(3){display:none}.tet-game .hold-card{margin-top:auto}.tet-game .hold-card>div{border-radius:7px;height:49px;margin-top:5px}.tet-game .hold-card em{font-size:10px}.tet-game .hold-card>button{display:none}.tet-game .overlay{overscroll-behavior:contain;justify-content:flex-start;padding:12px 9px;overflow:auto}.tet-game .overlay>*{flex-shrink:0}.tet-game .overlay img{width:56px;height:56px;margin-top:auto}.tet-game .overlay h2{word-break:keep-all;margin:10px 0 7px;font-size:clamp(14px,4vw,18px)}.tet-game .overlay p{word-break:keep-all;font-size:11px;line-height:1.5}.tet-game .overlay button{max-width:100%;min-height:44px;margin-top:12px;padding:8px 14px;font-size:13px;box-shadow:0 3px #dc9f00}.tet-game .overlay button:last-child{margin-bottom:auto}.tet-game .overlay .tet-help-link{margin-top:3px;font-size:11px}.tet-game .tet-quick-guide{gap:4px;margin-top:12px;font-size:11px}.tet-game .toast{color:#5d6570;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:0 0;border-radius:0;grid-row:4;width:100%;max-width:500px;margin:0 auto;padding:0 6px;font-size:10px;line-height:18px;overflow:hidden}.tet-game .touch-controls{grid-row:5;grid-template-rows:48px 48px;grid-template-columns:repeat(4,minmax(0,1fr));align-self:end;gap:6px 8px;width:100%;max-width:500px;height:102px;margin:0 auto}.tet-game .touch-controls button{border-width:1px;border-radius:12px;gap:2px;min-width:0;height:48px;min-height:48px;padding:3px;box-shadow:0 3px #d9d2ca}.tet-game .touch-controls button b{font-size:24px}.tet-game .touch-controls button span{font-size:11px;line-height:1.15}.tet-game .touch-controls .tet-hold-control,.tet-game .touch-controls .tet-drop-control{flex-direction:row;grid-column:span 2;gap:10px}.tet-game .touch-controls .tet-drop-control{box-shadow:0 3px #c89208}.tet-game .touch-controls button:active{box-shadow:none;transform:translateY(2px)}.tet-game .dialog{max-height:calc(var(--tet-height,100dvh) - 32px);overscroll-behavior:contain}.tet-game[data-short=true] .next-list>div:nth-of-type(2){display:none}.tet-game[data-short=true] .tet-mobile-stats{gap:2px;padding-block:4px}.tet-game[data-short=true] .tet-mobile-stats>em{display:none}.tet-game[data-short=true] .overlay img{width:38px;height:38px}.tet-game[data-short=true] .tet-quick-guide{display:none}.tet-game[data-tiny=true] .tet-mobile-stats{gap:1px;padding:3px 1px}.tet-game[data-tiny=true] .tet-mobile-stats>strong{font-size:16px}.tet-game[data-tiny=true] .next-list,.tet-game[data-tiny=true] .hold-card{padding:3px 2px}.tet-game[data-tiny=true] .next-list>div,.tet-game[data-tiny=true] .hold-card>div{height:32px;margin-top:1px}.tet-game[data-tiny=true] .mini-grid{height:28px;margin:1px auto}.tet-game[data-tiny=true] .overlay img{display:none}.tet-game[data-tiny=true] .overlay h2{margin-top:auto}}@media (min-width:600px) and (pointer:coarse){.tet-game{--tet-rail:88px}}@media (max-height:520px) and (min-width:600px) and (max-width:900px),(max-height:520px) and (min-width:600px) and (pointer:coarse){.tet-game{grid-template-rows:44px 44px minmax(0,1fr) 18px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:6px 12px}.tet-game .topbar{grid-area:1/1/auto/-1;max-width:760px}.tet-game .now-playing{grid-area:2/2}.tet-game .game-shell{--tet-rail:76px;grid-area:2/1/4;height:100%}.tet-game .touch-controls{grid-area:3/2;align-self:center}.tet-game .toast{grid-area:4/1/auto/-1}.tet-game .tet-quick-guide,.tet-game .overlay img{display:none}.tet-game .overlay h2{margin-top:auto}}