/* Tablet presentation is opt-in through body.layout-tablet. The existing
   phone interface remains the untouched default and fallback. */
.layout-settings-button{display:none}
.layout-chooser{z-index:120;place-items:center;padding:18px;background:rgba(1,5,10,.86);backdrop-filter:blur(7px)}
.layout-chooser:not(.hidden){display:grid}
.layout-chooser-card{position:relative;width:min(92vw,560px);padding:30px 26px 26px;border:2px solid #71848d;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);background:linear-gradient(145deg,#59666b 0,#19272d 8%,#061218 16%,#02080c 82%,#27363c 92%,#718087 100%);box-shadow:inset 0 0 0 4px #111b20,inset 0 0 26px #000,0 0 24px rgba(36,210,245,.25);text-align:center}
.layout-chooser-card::before{content:"";position:absolute;inset:10px;border:1px solid rgba(76,218,241,.32);clip-path:inherit;pointer-events:none}
.layout-chooser-card .eyebrow{position:relative;margin:0 0 10px;color:#72eaff;font:900 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}
.layout-chooser-card h2{position:relative;margin:0;color:#effdff;font:1000 clamp(23px,4.8vw,34px)/1.05 ui-monospace,SFMono-Regular,Consolas,monospace;text-shadow:0 0 10px rgba(53,218,248,.65)}
.layout-chooser-card>p:not(.eyebrow){position:relative;max-width:430px;margin:13px auto 20px;color:#abc1ca;font:750 13px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}
.layout-options{position:relative;display:grid;gap:10px}
.layout-options button{min-height:72px;padding:10px 16px;display:grid;place-items:center;border:1px solid #447f8d;border-radius:5px;background:linear-gradient(180deg,#304a54,#0a2029 52%,#061116);box-shadow:inset 0 1px rgba(255,255,255,.28),inset 0 -3px 5px #000,0 0 8px rgba(40,202,235,.2);touch-action:manipulation}
.layout-options button:active,.layout-options button.selected{border-color:#9af4ff;background:linear-gradient(180deg,#426c79,#123543 52%,#07171d);box-shadow:inset 0 0 12px rgba(47,215,245,.28),0 0 13px rgba(49,222,255,.48)}
.layout-options strong{color:#ecfdff;font:1000 16px/1.05 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em}
.layout-options small{margin-top:5px;color:#9bb3bd;font:750 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}

@media (min-width:700px) and (min-height:700px){
  .layout-settings-button{display:grid;position:fixed;z-index:8;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));min-width:92px;height:36px;padding:0 13px;place-items:center;border:1px solid #477f8d;border-radius:5px;background:linear-gradient(180deg,#3d5963,#0a2029 55%,#061116);box-shadow:inset 0 1px rgba(255,255,255,.25),inset 0 -2px 3px #000,0 0 8px rgba(38,198,231,.28);color:#dffbff;font:900 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em}
  body.layout-tablet{padding:10px;display:grid;place-items:center}
  body.layout-tablet .app-shell{width:min(calc(100vw - 20px),860px)!important;max-width:860px!important;height:min(calc(var(--app-height,100dvh) - 20px),1180px)!important;margin:auto!important}
  body.layout-tablet #buildControls.ship-fortress,
  body.layout-tablet #buildControls.ship-strike,
  body.layout-tablet #buildControls.ship-interceptor-clean,
  body.layout-tablet #phaseTwoControls.raider-keypad-dashboard,
  body.layout-tablet #phaseTwoControls.raider-training-dashboard{height:clamp(300px,34dvh,390px)!important;min-height:clamp(300px,34dvh,390px)!important;max-height:390px!important;flex:0 0 clamp(300px,34dvh,390px)!important}
  body.layout-tablet .status-strip{height:58px!important}
  body.layout-tablet .status-strip .score-status>strong{font-size:clamp(27px,4vw,38px)!important}
  body.layout-tablet .combo-status b{font-size:clamp(38px,6vw,56px)!important}
  body.layout-tablet .top-restart{height:34px!important;font-size:10px!important}
  body.layout-tablet .top-pause{width:34px!important;height:34px!important}
}