/* Once the UI scales with its window, a laptop no longer needs the old tablet
   rearrangement. Touch phones retain their dedicated landscape controls. */
@media (min-width:801px) and (pointer:fine) {
 :root {--ui-fixed-panel-min:230px;--ui-fixed-chance-width:27px;--ui-fixed-chance-space:33px}
 body.comfort-ui:not(.mobile-table):not(.analysis-mobile-wide)>.site-header {
  position:sticky;top:0;z-index:50;flex:none;width:100%;max-width:calc(1280px * var(--ui-scale, 1));
  height:calc(64px * var(--ui-scale, 1));min-height:calc(64px * var(--ui-scale, 1));margin:0 auto;padding:0 calc(24px * var(--ui-scale, 1));gap:calc(28px * var(--ui-scale, 1));flex-wrap:nowrap;
 }
 body.comfort-ui:not(.mobile-table):not(.analysis-mobile-wide) .site-nav {
  display:flex;order:0;width:auto;height:100%;margin:0;gap:calc(4px * var(--ui-scale, 1));overflow:visible;
 }
 body.comfort-ui:not(.mobile-table):not(.analysis-mobile-wide) .site-nav>:is(a,button) {padding:calc(3px * var(--ui-scale, 1)) calc(11px * var(--ui-scale, 1)) 0}
 body.comfort-ui:not(.mobile-table):not(.analysis-mobile-wide) .site-actions .header-primary {display:block}
 body.comfort-ui.classic-table.desktop-table .arena,
 body.comfort-ui.analysis-table:not(.analysis-mobile-wide) .study-layout {height:calc(100dvh - calc(64px * var(--ui-scale, 1)));min-height:0}
 body:has(.lobby-layout) {display:grid;grid-template-rows:calc(64px * var(--ui-scale, 1)) minmax(0,1fr) calc(32px * var(--ui-scale, 1));height:100dvh;min-height:calc(600px * var(--ui-scale, 1))}
 .lobby-layout {grid-template-columns:calc(190px * var(--ui-scale, 1)) minmax(0,1fr) calc(240px * var(--ui-scale, 1));max-width:calc(1320px * var(--ui-scale, 1));gap:calc(24px * var(--ui-scale, 1))}
 .lobby-main {grid-column:2;grid-row:1}.lobby-left {grid-column:1;grid-row:1}.lobby-right {grid-column:3;grid-row:1}
 body.analysis-table.analysis-report-layout:not(.analysis-mobile) .study-layout {
  grid-template-columns:minmax(0,1fr) max(var(--ui-fixed-panel-min),calc(420px * var(--ui-scale, 1))) max(var(--ui-fixed-panel-min),calc(420px * var(--ui-scale, 1)));
  padding-left:max(var(--ui-fixed-chance-space),calc(44px * var(--ui-scale, 1)));
 }
 body.analysis-table.analysis-report-layout:not(.analysis-mobile) #analysis-game-chance {
  width:max(var(--ui-fixed-chance-width),calc(30px * var(--ui-scale, 1)));left:calc(var(--clock-left) - max(var(--ui-fixed-chance-space),calc(36px * var(--ui-scale, 1))));
 }
 body.analysis-table:not(.analysis-mobile) .analysis-variant-switch,
 body.analysis-table:not(.analysis-mobile) .analysis-variant-switch button {min-width:0}
 body.analysis-table:not(.analysis-mobile) .study-panel>.analysis-match-console #analysis-match-label {max-width:calc(140px * var(--ui-scale, 1));white-space:normal;text-align:right}
 /* Two-line action labels must grow with their text, not overlap at small scale. */
 body.analysis-table.analysis-report-layout .compact-direct-actions button {line-height:1.35;height:auto}
}