/* Mobile presentation only: game state, scores and stored records are unchanged. */
@media(max-width:600px){
  body{background-image:none;-webkit-text-size-adjust:100%;}
  main,.site-footer{width:calc(100% - 32px);max-width:100%;}
  main{padding-bottom:20px;}
  .site-header{height:72px;width:100%;padding-inline:18px;}
  .site-header:after{height:7px;background:linear-gradient(#ce2035 0 3px,#fff8e4 3px 5px,#203052 5px);}
  .site-header .wordmark{font-size:25px;}
  .theme-toggle{width:40px;height:40px;min-height:40px;}
  .navigation{height:calc(60px + env(safe-area-inset-bottom));padding:4px 12px env(safe-area-inset-bottom);border-top:1px solid var(--color-border);box-shadow:0 -3px 16px #10203b08;}
  .navigation a{gap:3px;min-height:48px;font-size:9px;letter-spacing:.3px;}
  .navigation a[aria-current]:after{display:none;}
  .navigation .nav-icon .ui-icon{width:21px;height:21px;}
  .site-footer{padding-top:26px;margin-top:24px;padding-bottom:calc(82px + env(safe-area-inset-bottom));}
  .site-footer:before{height:4px;background:var(--color-border);}
  .site-footer .wordmark{font-size:22px;}
  .site-footer p{font-size:11px;line-height:1.6;}
  .games-intro{padding:25px 0 0;margin-bottom:24px;}
  .games-intro>.eyebrow{font-size:9px;letter-spacing:1.1px;}
  .games-intro h1{font-family:var(--font);font-style:normal;font-size:27px;line-height:1.4;letter-spacing:-1px;margin:10px 0;}
  .games-intro p{font-size:13px;line-height:1.65;max-width:300px;}
  .section-heading{padding-top:17px;margin-bottom:14px;}
  .section-heading:before{height:1px;background:var(--color-border);}
  .section-heading .eyebrow{font-size:9px;letter-spacing:1px;}
  .section-heading h2{font-family:var(--font);font-style:normal;font-size:20px;letter-spacing:-.7px;line-height:1.5;}
  .section-heading .count{font-size:12px;}
  .game-grid{grid-template-columns:minmax(0,1fr);gap:12px;}
  .game-card{display:grid;grid-template-columns:minmax(0,1fr) 68px;grid-template-rows:auto 1fr;column-gap:14px;row-gap:10px;padding:15px 16px;min-height:154px;border:1px solid var(--color-border);border-radius:15px;box-shadow:0 3px 0 #20305208;}
  .game-card:has(.available-badge){border-color:var(--color-border);}
  .game-card .card-top{grid-column:1/-1;margin:0;align-items:center;}
  .card-top>span:first-child{font-size:9px;padding:4px 7px;transform:none;}
  .coming-badge.available-badge{font-size:10px;padding:0;}
  .game-card .card-art{grid-column:2;grid-row:2;width:68px;height:76px;margin:0;align-self:center;}
  .game-card .card-art:before{width:64px;height:64px;opacity:.4;}
  .game-card .card-art .game-art-image{width:68px;height:72px;transform:none;}
  .game-card .card-content{grid-column:1;grid-row:2;align-self:center;min-width:0;}
  .game-card .game-category{font-size:10px;letter-spacing:-.2px;}
  .game-card .card-content h3{font-family:var(--font);font-style:normal;font-size:19px;line-height:1.4;letter-spacing:-.6px;margin:5px 0 6px;word-break:keep-all;overflow-wrap:break-word;}
  .game-card .card-content p{font-size:12px;line-height:1.6;margin:0;color:var(--color-muted);word-break:keep-all;}
  .game-card .art-caption,.batting-play-label{display:none;}
  .random-card{min-height:145px;padding:18px;gap:8px 14px;border-radius:15px;box-shadow:none;}
  .random-card .dice,.random-card .dice .ui-icon{width:44px;height:44px;}
  .random-card h3{font-size:23px;}
  .random-card>p{margin:2px 0;font-size:12px;}
  .random-bottom{margin:2px 0 0;padding-top:6px;font-size:10px;}
  .primary-button,.secondary-button{border-radius:11px;border-width:1px;box-shadow:none;font-size:14px;letter-spacing:0;line-height:1.45;padding:12px 14px;min-height:48px;}
  .primary-button:hover,.secondary-button:hover{transform:none;}
  .arcade-page,.strategy-page{padding:18px 0 26px;}
  .arcade-page .page-heading,.strategy-page .page-heading{padding:0;margin:0 0 18px;}
  .arcade-page .page-heading>a,.strategy-back{margin-bottom:12px;font-size:12px;min-height:32px;display:flex;align-items:center;}
  .arcade-page .page-heading>.eyebrow{font-size:9px;letter-spacing:1px;}
  .arcade-page .page-heading h1{font-family:var(--font);font-style:normal;font-size:26px;line-height:1.35;letter-spacing:-1px;margin:8px 0;word-break:keep-all;}
  .arcade-page .page-heading p{font-size:13px;line-height:1.6;margin:8px 0;}
  .arcade-panel{padding:17px;border:1px solid var(--color-border);border-radius:15px;box-shadow:0 3px 0 #20305208;}
  .arcade-panel+.arcade-panel{margin-top:16px;}
  .arcade-panel h2{font-size:20px;line-height:1.4;letter-spacing:-.6px;word-break:keep-all;margin:0 0 12px;}
  .arcade-panel p{font-size:13px;line-height:1.75;margin:12px 0;}
  .arcade-panel>.secondary-button,.arcade-panel>.primary-button{max-width:100%;}
  .arcade-hud{padding:12px;border:1px solid var(--color-border);border-radius:12px 12px 0 0;font-size:12px;}
  .arcade-actions{gap:8px;margin:14px 0;}
  .arcade-actions>button,.arcade-actions>a{flex:1;min-width:0;min-height:48px;padding:11px 12px;font-size:13px;text-align:center;justify-content:center;}
  .arcade-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:14px 16px;border-radius:13px;}
  .arcade-scoreboard>b{font-size:12px;line-height:1.6;}
  .arcade-scoreboard>strong{font-size:28px;line-height:1.2;font-variant-numeric:tabular-nums;}
  .arcade-scoreboard>span{grid-column:1/-1;font-size:11px;line-height:1.6;color:#f5ead1;}
  .arcade-form{grid-template-columns:1fr;gap:12px;}
  .arcade-form label{font-size:12px;gap:6px;}
  .arcade-page select,.arcade-page input[type=number]{font-size:16px;min-height:46px;border-radius:9px;}
  .arcade-stats{gap:10px;margin:18px 0;}
  .arcade-stats>div{background:var(--color-surface-alt);padding:12px;border-radius:10px;min-width:0;}
  .arcade-stats dt{font-size:11px;}
  .arcade-stats dd{font-size:23px;margin-top:5px;}
  .arcade-log,.arcade-sim-card{padding:12px;font-size:13px;line-height:1.7;}
  .arcade-exit{margin:20px 0 0;font-size:12px;}
  .strategy-page details{padding:12px;border-radius:10px;}
  .strategy-page summary{font-size:12px;line-height:1.65;min-height:32px;}
  .strategy-page .feedback{padding:12px 14px;font-size:13px;border-radius:0 10px 10px 0;line-height:1.65;margin:12px 0;}
  .strategy-page [role=alert]{font-size:12px;line-height:1.6;}
  .strategy-page h3{font-size:16px;line-height:1.5;}
  .strategy-grid{gap:8px;margin:12px 0;}
  .strategy-grid>.secondary-button{min-width:0;padding:10px 7px;font-size:13px;}
  .strategy-catcher .strategy-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .strategy-zone{gap:6px;padding:10px;border-radius:12px;margin:14px 0;width:100%;box-sizing:border-box;}
  .strategy-zone button{font-size:11px;min-height:56px;padding:7px 4px;box-shadow:none;border-radius:7px;}
  .strategy-field{max-width:220px;height:148px;margin:14px auto;border-radius:90px 90px 12px 12px;}
  .strategy-field:before{width:86px;height:86px;left:calc(50% - 44px);top:30px;}
  .strategy-field .base{width:24px;height:24px;font-size:11px;line-height:24px;}
  .strategy-field .b1{left:calc(50% + 48px);top:61px;}
  .strategy-field .b2{left:calc(50% - 12px);top:3px;}
  .strategy-field .b3{left:calc(50% - 72px);top:61px;}
  .strategy-field .plate{font-size:10px;bottom:4px;left:calc(50% - 8px);}
  .strategy-page .lineup-setup{padding:16px;}
  .setup-heading>.eyebrow{font-size:9px;letter-spacing:1px;}
  .setup-heading h2{font-size:21px;margin:7px 0;}
  .setup-heading p{font-size:12px;line-height:1.65;margin:8px 0 0;}
  .setup-tabs{gap:8px;margin:16px 0 12px;}
  .setup-tabs button{padding:10px;font-size:13px;border-color:var(--color-border);}
  .strategy-page .setup-tabs button[aria-pressed=true]{background:var(--color-text);color:var(--color-surface);border-color:var(--color-text);}
  .setup-tabs small{font-size:8px;}
  .setup-tabs button span{font-size:10px;}
  .entry-summary{gap:5px;margin:10px 0 16px;}
  .entry-summary>span{font-size:10px;padding:6px;}
  .entry-summary b{margin-left:2px;}
  .roster-toolbar{gap:8px;grid-template-columns:110px minmax(0,1fr);}
  .roster-toolbar label{font-size:11px;}
  .roster-toolbar input,.roster-toolbar select{padding:8px;font-size:16px;height:46px;}
  .roster-caption{margin:8px 0 2px;font-size:11px;}
  .roster-caption .text-button{font-size:11px;}
  .strategy-lineup .roster-list{grid-template-columns:minmax(0,1fr);max-height:420px;max-height:52dvh;margin:6px 0 10px;gap:10px;padding:2px 3px 2px 0;scrollbar-gutter:auto;}
  .roster-option{border-radius:11px;}
  .roster-option .strategy-player{padding:12px 12px 8px;}
  .player-card-head b{font-size:15px;}
  .player-card-head>span{font-size:11px;}
  .strategy-player .roster-origin{font-size:10px;margin:3px 0 8px;line-height:1.5;}
  .player-ratings{gap:4px;padding:8px 0;margin:6px 0;}
  .player-ratings dd{font-size:18px;}
  .player-ratings dt{font-size:10px;}
  .strategy-page .player-detail{padding:0;margin:3px 0 0;border:0;}
  .strategy-page .player-detail summary{font-size:11px;line-height:30px;min-height:30px;}
  .strategy-player p.player-role{font-size:11px;line-height:1.5;margin:6px 0 0;}
  .roster-option .roster-check{min-height:44px;padding:9px 12px;font-size:12px;}
  .roster-check input{width:20px;height:20px;}
  .setup-actions{margin:14px 0 8px;}
  .setup-actions button{background:var(--color-text);border-color:var(--color-text);color:var(--color-surface);min-height:48px;}
  .strategy-page .setup-note{font-size:11px;line-height:1.6;margin:8px 0;}
  .lineup-toolbar{margin:10px 0 6px;}
  .lineup-toolbar h3{font-size:15px;margin:0;}
  .lineup-toolbar .text-button{font-size:11px;}
  .strategy-row,.lineup-column-labels{grid-template-columns:26px minmax(0,1fr) 86px;gap:7px;}
  .strategy-row b{font-size:12px;}
  .strategy-row>span{font-size:14px;}
  .strategy-row select{font-size:16px;padding:7px;min-width:0;max-width:100%;}
  .lineup-column-labels{font-size:10px;margin-top:8px;}
  .lineup-rows .strategy-row{padding:7px 0;}
  .strategy-page .setup-rules{padding:10px 12px;margin-top:16px;}
  .strategy-page .substitution-list{grid-template-columns:minmax(0,1fr);gap:14px;max-height:58dvh;overflow:auto;overscroll-behavior-y:contain;padding:2px;}
  .substitution-list .strategy-player{padding:13px;border-radius:11px;}
  .substitution-list>div>.secondary-button{margin-top:5px;min-height:44px;font-size:13px;}
  .substitution-heading{font-size:15px;}
  .strategy-lineup [data-target]{width:100%;margin-top:4px;}
  .strategy-lineup .strategy-grid:not(.roster-list):not(.substitution-list){grid-template-columns:repeat(2,minmax(0,1fr));}
  .strategy-lineup .strategy-grid:not(.roster-list):not(.substitution-list)>.strategy-player{grid-column:1/-1;}
  .strategy-page .arcade-panel>p{word-break:normal;overflow-wrap:break-word;}
  .hero h1{font-size:40px;}
  .hero-copy>p{max-width:none;font-size:14px;}
  .hero-note{font-size:11px;}
  .balance-record{border:1px solid var(--color-border);box-shadow:none;border-radius:14px;}
}
@media(max-width:359px){
  main,.site-footer{width:calc(100% - 24px);}
  .game-card{grid-template-columns:minmax(0,1fr) 56px;padding:13px;gap:8px 10px;}
  .game-card .card-art{width:56px;}
  .game-card .card-art .game-art-image{width:56px;}
  .game-card .card-content h3{font-size:18px;}
  .arcade-page .page-heading h1{font-size:24px;}
  .strategy-page .lineup-setup{padding:12px;}
  .entry-summary>span{padding:5px;font-size:9px;}
  .setup-tabs button{font-size:12px;padding:9px 8px;}
  .strategy-row,.lineup-column-labels{grid-template-columns:22px minmax(0,1fr) 78px;gap:5px;}
}
@media(max-width:600px){
  [data-theme="dark"] .theme-toggle .ui-icon{filter:none;}
  .arcade-actions:has([data-fa-player]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  .arcade-actions [data-fa-player]{display:flex;flex-direction:column;gap:4px;padding:11px 5px;min-width:0;font-size:14px;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;}
  .arcade-actions [data-fa-player] small{font-size:10px;font-weight:500;line-height:1.5;}
  .arcade-actions [data-fa-player][aria-pressed=true]{background:var(--color-text);color:var(--color-surface);border-color:var(--color-text);}
  .balance-heading h1,.career-page .balance-heading h1{font-family:var(--font);font-style:normal;font-size:25px;line-height:1.4;letter-spacing:-.8px;}
  .guess-intro h2,.manager-intro h2,.career-intro h2,.draft-intro h2,.fortune-ready h2{font-family:var(--font);font-style:normal;font-size:23px;line-height:1.45;}
  .player-card-head{flex-wrap:wrap;}
  .arcade-page .page-heading>a,.strategy-back{min-height:40px;}
}