/* Mobile-only Tetris layout. Existing engine, controls and persistence stay intact. */
@media(max-width:760px){
html.mw230 .tt-suite{position:relative}
html.mw230 .tt-game-area{grid-template-columns:minmax(0,1fr)!important;justify-content:stretch!important}
html.mw230.mw-tetris:not(.mw-home) .mw-dock{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html.mw230.mw-tetris:not(.mw-home) .mw-top{display:none!important}
html.mw230.mw-tetris:not(.mw-home) .workspace-app-window.games:has(.tt-suite){inset:env(safe-area-inset-top) 0 calc(82px + env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important;padding:0!important;overflow:hidden!important;background:#000f18!important}
html.mw230.mw-tetris .workspace-app-window.games:has(.tt-suite)>.workspace-app-titlebar{display:none!important}
html.mw230 .tt-suite{display:grid!important;grid-template-rows:30px minmax(0,1fr)!important;height:100%!important;min-height:0!important;overflow:hidden!important;background:#000f18!important;font-family:Manrope,Arial,sans-serif}
html.mw230 .tt-header,html.mw230 .tt-left,html.mw230 .tt-right,html.mw230 .tt-level,html.mw230 .tt-key-hint,html.mw230 .tt-controls .tt-pause{display:none!important}
html.mw230 .tt-toolbar{display:flex!important;justify-content:space-around;gap:4px;padding:0 8px!important;min-height:0;border-bottom:1px solid #164756;flex-wrap:nowrap!important}
html.mw230 .tt-toolbar>button,html.mw230 .tt-toolbar>span:nth-of-type(n+4){display:none!important}
html.mw230 .tt-toolbar>span{border:0;background:none;padding:0!important;font-size:11px!important;font-weight:400;color:#68efdb;white-space:nowrap}
html.mw230 .tt-toolbar b{font-size:13px;font-weight:600;margin-left:4px}
html.mw230 .tt-columns,html.mw230 .tt-center{display:contents!important}
html.mw230 .tt-game-area{display:grid!important;grid-template-rows:38px minmax(0,1fr);gap:0!important;height:auto!important;min-height:0!important;max-height:none!important;width:100%!important;max-width:none!important;padding:0 5px 62px;position:relative;overflow:hidden!important}
html.mw230 .tt-board-frame{grid-row:2;width:100%!important;height:100%!important;aspect-ratio:auto!important;min-height:0!important;padding:5px!important;border-radius:11px!important;border:2px solid #247a9c!important}
html.mw230 .tt-board{width:100%;height:100%;min-height:0}
html.mw230 .tt-next-column{grid-row:1;width:100%!important;min-height:0;display:block!important}
html.mw230 .tt-next{height:100%;display:grid!important;grid-template-columns:54px repeat(3,1fr);align-items:center;gap:5px;padding:2px 8px!important;border:0!important;background:none!important;border-radius:0}
html.mw230 .tt-next .tt-panel-heading{margin:0!important}
html.mw230 .tt-next h2{font-size:11px!important;font-weight:500;color:#68efdb}
html.mw230 .tt-next-item{height:30px!important;background:none;border-radius:0}
html.mw230 .tt-next-item:nth-of-type(n+4){display:none!important}
html.mw230 .tt-mini{height:30px!important;width:36px!important;gap:1px}
html.mw230 .tt-mini i[class*='piece-']{border-radius:2px;box-shadow:inset 0 1px 2px #ffffff9c,0 0 4px currentColor}
html.mw230 .tt-controls{position:absolute;bottom:4px;left:8px;right:8px;width:auto!important;max-width:none!important;height:52px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
html.mw230 .tt-controls>div{height:52px;display:block!important}
html.mw230 .tt-controls>div:nth-child(1){order:1}html.mw230 .tt-controls>div:nth-child(4){order:2}html.mw230 .tt-controls>div:nth-child(3){order:3}html.mw230 .tt-controls>div:nth-child(2){order:4}
html.mw230 .tt-controls>div span{display:none!important}
html.mw230 .tt-controls>div button{height:52px!important;min-height:44px!important;width:100%;padding:8px;background:#00121b;border:1px solid #205368;border-radius:11px}
html.mw230 .tt-controls .tt-icon{width:28px!important;height:28px!important;filter:invert(90%) sepia(32%) saturate(783%) hue-rotate(101deg)}
html.mw230 .tt-overlay{inset:5px;backdrop-filter:blur(1px);background:#001019bb}
html.mw230 .tt-overlay p{font-size:12px}html.mw230 .tt-overlay button{font-size:16px;min-height:48px}
html.mw230.mw-tetris:not(.mw-home) .mw-dock{display:grid!important}
}