:root{
  --copa-safe-top:max(env(safe-area-inset-top,0px),var(--safe-area-inset-top,0px));
  --copa-safe-right:max(env(safe-area-inset-right,0px),var(--safe-area-inset-right,0px));
  --copa-safe-bottom:max(env(safe-area-inset-bottom,0px),var(--safe-area-inset-bottom,0px));
  --copa-safe-left:max(env(safe-area-inset-left,0px),var(--safe-area-inset-left,0px));
  --mobile-dock-height:0px;
}

.mobile-action-dock,
.mobile-sim-tabs,
.mobile-network-banner,
.mobile-draft-confirm,
.mobile-feed-toggle,
.mobile-tactic-status,
.mobile-penalty-coach,
.native-hub-nav,
.native-bench-trigger,
.native-bench-backdrop,
.native-bench-close{display:none}

.mobile-result-disclosure{display:contents}
.mobile-result-disclosure>summary{display:none}

@media (max-width:760px){
  body{
    padding-top:var(--copa-safe-top);
    padding-right:var(--copa-safe-right);
    padding-left:var(--copa-safe-left);
  }

  html[data-copa-platform="android"] .native-hub-nav,
  html[data-copa-platform="ios"] .native-hub-nav{
    position:sticky;top:var(--copa-safe-top);z-index:70;display:grid;grid-template-columns:repeat(4,1fr);
    width:min(100% - 20px,620px);margin:0 auto 10px;padding:4px;box-sizing:border-box;
    border:1px solid var(--border-subtle);border-radius:10px;background:color-mix(in srgb,var(--surface-bg) 94%,transparent);
    box-shadow:0 4px 14px rgba(10,17,24,.1);backdrop-filter:blur(10px);
  }
  html[data-copa-platform="android"] .native-hub-nav button,
  html[data-copa-platform="ios"] .native-hub-nav button{
    min-height:38px;border:0;border-radius:7px;background:transparent;color:var(--color-slate);
    font:800 8px/1 var(--mono);letter-spacing:.7px;cursor:pointer;
  }
  html[data-copa-platform="android"] .native-hub-nav button.active,
  html[data-copa-platform="ios"] .native-hub-nav button.active{
    background:color-mix(in srgb,var(--color-primary) 13%,var(--surface-muted));color:var(--color-primary);
  }
  html[data-copa-platform="android"] #hub .pitch-area .native-bench-trigger,
  html[data-copa-platform="ios"] #hub .pitch-area .native-bench-trigger{
    display:flex;width:100%;min-height:42px;align-items:center;justify-content:space-between;margin:8px 0 0;padding:9px 12px;
    border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-bg);color:var(--color-ink);
    font:800 9px/1 var(--mono);letter-spacing:.8px;cursor:pointer;
  }
  html[data-copa-platform="android"] #hub .pitch-area .native-bench-trigger::after,
  html[data-copa-platform="ios"] #hub .pitch-area .native-bench-trigger::after{content:"↑";color:var(--color-primary);font-size:14px}
  html[data-copa-platform="android"] #hub .pitch-area #hubBenchSection:not(.native-bench-sheet),
  html[data-copa-platform="ios"] #hub .pitch-area #hubBenchSection:not(.native-bench-sheet){display:none!important}
  html[data-copa-platform="android"] #hubBenchSection.native-bench-sheet,
  html[data-copa-platform="ios"] #hubBenchSection.native-bench-sheet{
    position:fixed!important;z-index:9001!important;right:0!important;bottom:0!important;left:0!important;top:auto!important;
    display:block!important;width:100%!important;max-width:none!important;max-height:min(70dvh,560px)!important;margin:0!important;
    padding:14px max(14px,var(--copa-safe-right)) calc(14px + var(--copa-safe-bottom)) max(14px,var(--copa-safe-left))!important;
    box-sizing:border-box;overflow:hidden!important;border-radius:18px 18px 0 0!important;background:var(--surface-bg)!important;
    color:var(--color-ink)!important;box-shadow:0 -12px 40px rgba(10,17,24,.28)!important;
    transform:translateY(105%);visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s;
  }
  html[data-copa-platform="android"] #hubBenchSection.native-bench-sheet .bench-list,
  html[data-copa-platform="ios"] #hubBenchSection.native-bench-sheet .bench-list{
    min-height:0;
    max-height:calc(min(70dvh,560px) - 62px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    touch-action:pan-y;
  }
  html.hub-player-dragging[data-copa-platform="android"] #hubBenchSection.native-bench-sheet .bench-list,
  html.hub-player-dragging[data-copa-platform="ios"] #hubBenchSection.native-bench-sheet .bench-list{
    overflow:hidden;
    touch-action:none;
  }
  html.native-bench-open[data-copa-platform="android"] #hubBenchSection.native-bench-sheet,
  html.native-bench-open[data-copa-platform="ios"] #hubBenchSection.native-bench-sheet{transform:translateY(0);visibility:visible;transition-delay:0s}
  html[data-copa-platform="android"] #hubBenchSection .native-bench-close,
  html[data-copa-platform="ios"] #hubBenchSection .native-bench-close{
    display:grid;width:32px;height:32px;margin-left:auto;place-items:center;border:1px solid var(--border-subtle);border-radius:50%;
    background:var(--surface-muted);color:var(--color-ink);font:500 20px/1 sans-serif;cursor:pointer;
  }
  html[data-copa-platform="android"] .native-bench-backdrop,
  html[data-copa-platform="ios"] .native-bench-backdrop{
    position:fixed;z-index:9000;inset:0;display:block;border:0;background:var(--overlay-bg);opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s linear .2s;
  }
  html.native-bench-open[data-copa-platform="android"] .native-bench-backdrop,
  html.native-bench-open[data-copa-platform="ios"] .native-bench-backdrop{opacity:1;visibility:visible;transition-delay:0s}
  html.native-bench-open,html.native-bench-open body{overflow:hidden}

  html.mobile-dock-active body{
    padding-bottom:calc(var(--mobile-dock-height) + 10px);
  }

  .mobile-action-dock{
    position:fixed;
    z-index:8500;
    right:0;
    bottom:0;
    left:0;
    display:block;
    padding:7px max(10px,var(--copa-safe-right)) calc(7px + var(--copa-safe-bottom)) max(10px,var(--copa-safe-left));
    border-top:1px solid var(--border-default);
    background:color-mix(in srgb,var(--surface-bg) 96%,transparent);
    box-shadow:0 -5px 18px rgba(10,17,24,.14);
    isolation:isolate;
    pointer-events:auto;
    touch-action:manipulation;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
  }

  .mobile-action-dock.hidden,
  html.mobile-keyboard-open .mobile-action-dock{display:none!important}

  .mobile-action-dock-inner{
    width:min(100%,620px);
    margin:0 auto;
    pointer-events:auto;
  }

  /* The dock script portals this panel into body. Keep a fixed-bottom
     fallback so a delayed WebView/Safari media update can never leave the
     primary match actions stuck at the top of the hub. */
  #hub:not(.hidden) .hub-action-panel{
    position:fixed!important;
    top:auto!important;
    right:max(8px,var(--copa-safe-right))!important;
    bottom:0!important;
    left:max(8px,var(--copa-safe-left))!important;
    z-index:8400!important;
    width:auto!important;
    max-width:none!important;
    pointer-events:auto!important;
    touch-action:manipulation;
  }
  html.mobile-modal-open #hub .hub-action-panel{
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .mobile-action-dock[data-dock-kind="intro"] .v7-primary-actions,
  .mobile-action-dock[data-dock-kind="intro"] #startBtn,
  .mobile-action-dock[data-dock-kind="result"] #againBtn,
  .mobile-action-dock[data-dock-kind="penalty"] .final-penalty-btn{
    width:100%!important;
    min-height:50px!important;
    margin:0!important;
    padding:11px 14px!important;
    font-size:14px!important;
    white-space:nowrap;
  }
  .mobile-action-dock[data-dock-kind="intro"] .v7-primary-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    min-height:0!important;
    padding:0!important;
  }
  .mobile-action-dock[data-dock-kind="intro"] #arenaBtn{
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
  }

  .mobile-action-dock[data-dock-kind="hub"] .hub-action-panel{
    position:static!important;
    inset:auto!important;
    z-index:auto!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .mobile-action-dock[data-dock-kind="hub"] .actionbar{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
  }

  .mobile-action-dock[data-dock-kind="hub"] .actionbtns{
    display:grid!important;
    grid-template-columns:.8fr .8fr 1.2fr!important;
    grid-template-rows:48px!important;
    gap:6px!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
  }

  .mobile-action-dock[data-dock-kind="hub"] .actionbtns:has(#talkBtn.hidden){
    grid-template-columns:.8fr 1.2fr!important;
  }

  .mobile-action-dock[data-dock-kind="hub"] .actionbar #playBtn,
  .mobile-action-dock[data-dock-kind="hub"] .actionbar #talkBtn,
  .mobile-action-dock[data-dock-kind="hub"] .btn-pres{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:8px 6px!important;
    overflow:hidden!important;
    border-radius:8px!important;
    font-size:10px!important;
    line-height:1.1!important;
    letter-spacing:.65px!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    pointer-events:auto!important;
    touch-action:manipulation;
  }
  .mobile-action-dock[data-dock-kind="hub"] .btn-go::after{
    pointer-events:none!important;
  }

  .mobile-action-dock[data-dock-kind="hub"] .actionbar #playBtn{order:3!important}
  .mobile-action-dock[data-dock-kind="hub"] .actionbar #talkBtn{
    order:2!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    padding:5px 3px 4px!important;
  }
  .mobile-action-dock[data-dock-kind="hub"] .actionbar #talkBtn .talk-ico{
    display:block!important;
    flex:0 0 auto!important;
    width:15px!important;
    height:12px!important;
    max-width:15px!important;
    margin:0!important;
  }
  .mobile-action-dock[data-dock-kind="hub"] .actionbar #talkBtn span{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    overflow:visible!important;
    font-size:8.5px!important;
    line-height:1!important;
    letter-spacing:.35px!important;
    text-align:center!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
  .mobile-action-dock[data-dock-kind="hub"] .presbtngp{
    order:1!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .mobile-action-dock[data-dock-kind="hub"] .actionbtns:has(#talkBtn.hidden) #playBtn{order:2!important}
  .mobile-action-dock[data-dock-kind="hub"] .presbtnlabel{display:none!important}
  .mobile-action-dock[data-dock-kind="hub"] .actionbar #talkBtn.hidden{display:none!important}

  /* Compact pre-match hierarchy: information remains present while the pitch
     reaches the first viewport substantially earlier. */
  #hub .vsbar{
    min-height:0!important;
    margin-bottom:5px!important;
    border-radius:8px!important;
  }
  #hub .vsbar .side{min-width:0!important;padding:4px 6px!important}
  #hub .vsbar .mid{flex:0 0 68px!important;padding:5px 3px!important}
  #hub .vs-crest{width:28px!important;height:32px!important}
  #hub .vsbar .you .vs-crest-col{padding-right:5px!important;margin-right:5px!important}
  #hub .vsbar .opp .vs-crest-col{padding-left:5px!important;margin-left:5px!important}
  #hub .vs-nm{
    max-width:100%!important;
    overflow:hidden!important;
    font-size:clamp(8px,2.45vw,12px)!important;
    line-height:1.05!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #hub .vs-pw{font-size:12px!important}
  #hub .vs-vs{font-size:17px!important;line-height:1!important}
  #hub .vsweather,#hub .vsaud{font-size:9px!important;line-height:1.15!important}
  #hub .vsround{font-size:9px!important;line-height:1.15!important}

  #hub .hub-stat-row{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
    width:100%!important;
    max-width:100%!important;
    margin-bottom:5px!important;
    padding:0!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  #hub .hub-stat-row>.mtile,
  #hub .hub-stat-row>.kasa-card,
  #hub .hub-stat-row #kasaTile{
    flex:none!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:66px!important;
    min-height:66px!important;
    padding:6px 5px!important;
    overflow:hidden!important;
    border-radius:8px!important;
    scroll-snap-align:none!important;
    box-shadow:none!important;
  }
  #hub .hub-stat-row .mtile{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:2px!important;
  }
  #hub .hub-stat-row .mtile .mh,
  #hub .hub-stat-row .kasa-metric-lbl{
    padding-right:7px!important;
    overflow:hidden!important;
    font-size:clamp(6.5px,2vw,8px)!important;
    line-height:1.1!important;
    letter-spacing:.3px!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
  #hub .hub-stat-row .mtile .mv,
  #hub .hub-stat-row .kasa-main-val{
    font-size:15px!important;
    line-height:1!important;
  }
  #hub .hub-stat-row .mtile .ms,
  #hub .hub-stat-row .kasa-metric-val{
    max-width:100%!important;
    overflow:hidden!important;
    font-size:clamp(7px,2vw,8px)!important;
    line-height:1.1!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #hub .hub-stat-row #trustV{letter-spacing:1px!important}
  #hub .hub-stat-row .mtile-info{
    top:0!important;
    right:0!important;
    width:44px!important;
    height:44px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
    padding:6px!important;
    border:0!important;
    background:transparent!important;
    font-size:8px!important;
  }
  #hub .hub-stat-row #kasaTile{gap:1px!important}
  #hub .hub-stat-row #kasaTile .kasa-top-row{min-height:0!important;margin:0!important}
  #hub .hub-stat-row #kasaTile .kasa-status-badge{
    max-width:100%!important;
    overflow:hidden!important;
    padding:1px 3px!important;
    font-size:8px!important;
    line-height:1!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #hub .hub-stat-row #kasaTile .kasa-main-val{margin:0!important}
  #hub .hub-stat-row #kasaTile .kasa-sub,
  #hub .hub-stat-row #kasaTile .kasa-metrics,
  #hub .hub-stat-row #kasaTile .kasa-bar-wrap{display:none!important}

  #hub #hubPitch{aspect-ratio:68/58!important}

  /* Near-full-height profile sheet. The close control sits outside the scrolling
     content while the identity header remains pinned inside it. */
  .player-profile-layer.is-sheet{
    padding-top:var(--copa-safe-top);
    padding-right:var(--copa-safe-right);
    padding-left:var(--copa-safe-left);
  }
  .player-profile-layer.is-sheet .player-profile-card{
    width:100%!important;
    height:calc(100dvh - var(--copa-safe-top))!important;
    max-height:calc(100dvh - var(--copa-safe-top))!important;
    border-radius:14px 14px 0 0!important;
  }
  .player-profile-layer.is-sheet .player-profile-content{
    min-height:0;
    padding-bottom:var(--copa-safe-bottom);
  }
  .player-profile-layer.is-sheet .player-profile-head{
    position:sticky;
    top:0;
    z-index:3;
    padding-top:18px;
    padding-right:56px;
  }
  .player-profile-layer.is-sheet .player-profile-close{
    top:8px;
    right:max(8px,var(--copa-safe-right));
    z-index:6;
    width:48px!important;
    height:48px!important;
  }
  .player-profile-layer.is-sheet .player-profile-radar svg{width:min(250px,70vw)}
  .player-profile-layer.is-sheet .player-profile-insights li{font-size:10px;line-height:1.45}

  #modal{
    padding-top:var(--copa-safe-top);
    padding-right:var(--copa-safe-right);
    padding-bottom:var(--copa-safe-bottom);
    padding-left:var(--copa-safe-left);
  }
  #modal>.sheet{
    max-height:calc(100dvh - var(--copa-safe-top) - var(--copa-safe-bottom) - 12px)!important;
    overscroll-behavior:contain;
  }
  #modal .bact,
  #modal .tele-footer,
  #modal .black-market-actions,
  #modal .backup-actions{
    position:sticky;
    z-index:8;
    bottom:calc(-1px - var(--copa-safe-bottom));
    padding-bottom:max(10px,var(--copa-safe-bottom));
    background:var(--surface-bg);
  }
  #modal .backup-modal.scoutmodal .backup-actions.bact{
    padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;
  }
  #modal .backup-modal.scoutmodal .backup-actions .btn{
    max-width:none!important;
    margin-inline:0!important;
  }

  .mobile-sim-tabs{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
    margin:0 0 7px;
    padding:3px;
    border:1px solid var(--border-subtle);
    border-radius:9px;
    background:var(--surface-muted);
  }
  .mobile-sim-tabs button{
    min-width:44px;
    min-height:44px;
    padding:8px 5px;
    border:1px solid transparent;
    border-radius:7px;
    background:transparent;
    color:var(--color-slate);
    font:800 8px/1 var(--mono);
    letter-spacing:.7px;
  }
  .mobile-sim-tabs button[aria-selected="true"]{
    border-color:var(--border-default);
    background:var(--surface-elevated);
    color:var(--color-ink);
    box-shadow:0 1px 4px rgba(10,17,24,.08);
  }

  #sim[data-mobile-view="field"] .simstats,
  #sim[data-mobile-view="field"] .eventpanel{display:none!important}
  #sim[data-mobile-view="field"] .simstage{display:block!important}
  #sim[data-mobile-view="field"] .fieldframe{display:block!important}
  #sim[data-mobile-view="events"] .simstats,
  #sim[data-mobile-view="events"] .fieldframe{display:none!important}
  #sim[data-mobile-view="events"] .simstage{display:block!important}
  #sim[data-mobile-view="events"] .eventpanel{display:block!important;min-height:220px}
  #sim[data-mobile-view="events"] .simgoals{max-height:min(43dvh,390px)!important}
  #sim[data-mobile-view="stats"] .simstage{display:none!important}
  #sim[data-mobile-view="stats"] .simstats{display:grid!important}

  .simgoals>.event-row{
    position:relative;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr);
    align-items:center!important;
    gap:8px!important;
    min-height:48px!important;
    padding:7px 9px!important;
    border-top:1px solid var(--border-subtle)!important;
    border-left:3px solid var(--event-accent,var(--border-default));
    opacity:1!important;
  }
  .simgoals>.event-row:first-child{border-top:0!important}
  .simgoals>.event-row>b:first-child{
    min-width:0!important;
    color:var(--event-accent,var(--color-ink))!important;
    font-size:15px;
    line-height:1;
    font-variant-numeric:tabular-nums;
  }
  .simgoals>.event-row>span{min-width:0;font-size:9px;line-height:1.3}
  .simgoals>.event-row>span>b{
    display:block;
    min-width:0!important;
    overflow:hidden;
    color:var(--color-ink)!important;
    font-size:9px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .simgoals>.event-row small{
    display:block;
    margin-top:2px;
    overflow:hidden;
    color:var(--color-slate);
    font-size:8px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .simgoals>.event-goal{--event-accent:#4E9B65}
  .simgoals>.event-save{--event-accent:#68757C}
  .simgoals>.event-yellow-card{--event-accent:#F0C44D}
  .simgoals>.event-red-card{--event-accent:#420102}
  .simgoals>.event-danger,.simgoals>.event-post{--event-accent:#DA3D2E}
  .simgoals>.event-tactic{--event-accent:#101D28}
  .simgoals>.is-marker-linked{cursor:pointer}
  .simgoals>.is-marker-linked:focus-visible{
    outline:2px solid var(--color-primary);
    outline-offset:-2px;
  }

  .speedrow{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px!important;
    width:100%;
    margin-bottom:calc(8px + var(--copa-safe-bottom))!important;
  }
  .speedrow .sl{
    grid-column:1/-1;
    min-height:0;
    padding-top:2px;
    text-align:left;
  }
  .speedrow .spd,
  .speedrow .btn-mini{
    width:100%!important;
    min-width:44px!important;
    min-height:48px!important;
    height:48px!important;
    padding:7px 4px!important;
    white-space:nowrap;
  }
  .speedrow .spd-sep{display:none}

  .shoutrow .shoutbtn{min-width:44px!important;min-height:48px!important}

  .pen-modal .pen-head{
    position:sticky;
    z-index:10;
    top:0;
    margin-inline:-14px;
    padding:9px 14px;
    border-bottom:1px solid rgba(243,245,244,.14);
    background:var(--color-ink);
  }
  .pen-modal .pen-dir-grid{gap:6px}
  .pen-modal .pen-dir-btn{min-width:0!important;min-height:56px!important;padding:9px 4px!important}
  .pen-modal .pen-action-dock{
    position:sticky;
    z-index:9;
    bottom:calc(-14px - var(--copa-safe-bottom));
    margin:8px -14px -14px;
    padding:8px 14px calc(8px + var(--copa-safe-bottom));
    border-top:1px solid var(--border-subtle);
    background:var(--surface-bg);
  }
  .pen-modal .pen-continue{width:100%;min-height:50px}
  .tap-helper{
    right:max(8px,var(--copa-safe-right));
    bottom:calc(var(--mobile-dock-height) + 8px + var(--copa-safe-bottom));
    left:max(8px,var(--copa-safe-left));
    width:auto;
    max-width:none;
    min-height:54px;
    transform:none;
    padding:7px 8px 7px 11px;
    border-radius:10px;
  }
  .tap-helper-copy{display:grid;min-width:0;flex:1;gap:2px}
  .tap-helper-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tap-helper-meta{color:rgba(243,245,244,.68);font-size:8px}
  .tap-detail,.tap-cancel{
    min-width:48px;
    min-height:44px;
    padding:6px 9px;
  }
  .tap-detail{
    flex-shrink:0;
    border:1px solid var(--color-primary);
    border-radius:6px;
    background:var(--color-primary);
    color:var(--color-ink);
    font:800 9px/1 var(--mono);
  }

  button,
  select,
  [role="button"],
  [role="option"],
  [role="radio"]{
    min-width:44px;
    min-height:44px!important;
  }
  #hub #shopLbl button[onclick*="shopReroll"]{
    position:relative!important;
    width:24px!important;
    min-width:24px!important;
    height:24px!important;
    min-height:24px!important;
    padding:0!important;
    border-radius:5px!important;
    flex:0 0 24px!important;
  }
  #hub #shopLbl button[onclick*="shopReroll"]::after{
    content:"";
    position:absolute;
    inset:-10px;
  }
  #hub #shopLbl button[onclick*="shopReroll"] svg{
    width:10px!important;
    height:10px!important;
  }
  #hub #shopLbl button.shop-reroll-btn{width:auto!important;min-width:64px!important;height:44px!important;min-height:44px!important;padding:6px 8px!important;border-radius:8px!important;flex:0 0 auto!important;font-size:8px!important}
  #hub #shopLbl button.shop-reroll-btn::after{display:none!important}
  #hub #shopLbl button.shop-reroll-btn svg{width:14px!important;height:14px!important}
  #hub .hub-bench-stack .injbar{grid-template-columns:22px minmax(0,1fr)!important;align-items:start!important;padding:10px!important;gap:8px!important}
  #hub .hub-bench-stack .injbar .inj-info{min-width:0!important}
  #hub .hub-bench-stack .injbar .inj-btns{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important}
  #hub .hub-bench-stack .injbar .inj-btns button{min-width:0!important;min-height:44px!important;padding:7px 8px!important;white-space:normal!important;font-size:8px!important;line-height:1.2!important}
  #hub .hub-bench-stack .injbar .inj-reward-btn{grid-column:1/-1!important;background:color-mix(in srgb,var(--color-primary) 14%,var(--surface-elevated))!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 28%,transparent)!important}
  #hub .hub-bench-stack .injbar .inj-reward-btn::before{content:"▶";font-size:9px;margin-right:5px}.inj-reward-badge{display:inline-flex;margin-right:5px;padding:2px 4px;border-radius:999px;background:var(--color-primary);color:var(--text-on-primary);font:900 7px/1 var(--mono)}
  #hub .hub-lower-grid>*,#hub .hub-fixture-bottom>*,#hub #collection,#hub #freeagents,#hub .feed{content-visibility:auto;contain-intrinsic-size:auto 360px}
  #hub .tg-table{font-size:10px!important}
  #hub .tg-table thead{font-size:9px!important}
  a[href]{
    min-width:44px;
    min-height:44px;
    display:inline-flex;
    align-items:center;
  }
  .global-footer-bar{
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    width:100%!important;
    padding:8px 4px calc(8px + var(--copa-safe-bottom))!important;
    overflow:hidden!important;
  }
  .global-footer-bar .footer-links-row{
    display:flex;
    align-items:center;
    justify-content:safe center;
    gap:3px;
    width:100%;
    min-width:0;
    flex-wrap:nowrap;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
  }
  .global-footer-bar .footer-links-row::-webkit-scrollbar{display:none}
  .global-footer-bar .footer-link{
    flex:0 1 auto;
    min-width:44px!important;
    min-height:44px!important;
    padding:3px 5px!important;
    gap:2px!important;
    font-size:7px!important;
    line-height:1!important;
    letter-spacing:.25px!important;
    white-space:nowrap!important;
  }
  .global-footer-bar .footer-link svg{
    width:10px!important;
    height:9px!important;
    margin-right:1px!important;
  }
  .global-footer-bar .patreonicon-sm{
    width:10px!important;
    height:10px!important;
    margin-right:0!important;
  }
  .global-footer-bar .footer-sep{
    flex:0 0 auto;
    font-size:8px!important;
    line-height:1!important;
  }
  .global-footer-bar .rights-note{
    flex:0 0 auto;
    width:100%;
    box-sizing:border-box;
    padding:0 8px;
    font-size:7.5px!important;
    line-height:1.35!important;
    white-space:normal!important;
    text-align:center;
  }
  .iconbtn,
  .modal-x,
  .player-profile-close,
  .mtile-info,
  .spd-pause{
    min-width:44px!important;
  }

  /* Coarse devices benefit more from simple surfaces than expensive blur and
     persistent ambient animation. */
  .mobile-action-dock,
  .player-profile-card{backdrop-filter:none!important}
  .player-profile-card{box-shadow:0 -10px 28px rgba(10,17,24,.24)!important}

  /* Connection and asynchronous states stay informative without blocking a
     saved run. */
  .mobile-network-banner{
    position:fixed;
    z-index:12000;
    top:calc(6px + var(--copa-safe-top));
    right:max(8px,var(--copa-safe-right));
    left:max(8px,var(--copa-safe-left));
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-height:44px;
    padding:7px 8px 7px 12px;
    border:1px solid rgba(243,245,244,.16);
    border-radius:10px;
    background:var(--color-ink);
    color:#FFFFFF;
    box-shadow:0 8px 24px rgba(10,17,24,.2);
    font:800 10px/1.25 var(--mono);
  }
  .mobile-network-banner.hidden{display:none}
  .mobile-network-banner.is-online{background:var(--color-primary);color:var(--color-ink)}
  .mobile-network-banner button{
    flex:0 0 auto;
    min-width:88px;
    min-height:36px!important;
    padding:6px 9px;
    border:1px solid currentColor;
    border-radius:7px;
    background:transparent;
    color:inherit;
    font:800 9px/1 var(--mono);
  }
  [data-state-message].is-loading,
  [data-state-message].is-empty,
  [data-state-message].is-error,
  [data-state-message].is-offline{position:relative;min-height:72px}
  [data-state-message].is-loading::after,
  [data-state-message].is-empty::after,
  [data-state-message].is-error::after,
  [data-state-message].is-offline::after{
    content:attr(data-state-message);
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    padding:12px;
    background:var(--surface-bg);
    color:var(--color-slate);
    text-align:center;
    font:800 10px/1.4 var(--mono);
  }

  .mobile-pref-group{display:block}
  #settingsDrop{
    max-height:calc(100dvh - var(--copa-safe-top) - 64px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .mobile-pref-btn{
    display:flex!important;
    justify-content:space-between!important;
    gap:10px;
    min-height:44px!important;
    text-align:left;
  }
  .mobile-pref-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-pref-state{
    flex:0 0 auto;
    padding:2px 5px;
    border:1px solid var(--border-default);
    border-radius:999px;
    color:var(--color-slate);
    font-size:8px;
  }
  .mobile-pref-btn.on .mobile-pref-state{
    border-color:var(--color-primary);
    background:var(--surface-primary-soft);
    color:var(--color-ink);
  }
  .mobile-text-scale-label{margin:7px 0 5px;color:var(--color-slate);font:900 8px/1 var(--mono);letter-spacing:.7px}
  .mobile-text-scale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:6px}
  .mobile-text-scale .sdbtn{min-width:0;min-height:44px;padding:6px 3px;font-size:8px;white-space:normal;text-align:center}

  /* The landing board is part of the story on mobile too; layout.css scales it. */
  .tactical-board{display:grid!important}
  .v7-hero-side{justify-content:flex-end!important}
  .v7-hero-head .howto-wrap{margin-left:auto!important}

  #introLand .mechanics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(54px,auto);
    gap:0 12px!important;
    margin-top:8px!important;
    padding:8px 0!important;
  }
  #introLand .mstep{
    grid-template-columns:30px minmax(0,1fr)!important;
    align-items:center!important;
    min-height:32px;
    padding:7px 0!important;
    column-gap:9px!important;
    box-sizing:border-box;
  }
  #introLand .mstep{border-bottom:none!important}
  #introLand .mstep:nth-child(-n+2){border-bottom:1px solid color-mix(in srgb,var(--color-slate) 14%,transparent)!important}
  #introLand .mn{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  #introLand .mt{margin:0!important;font-size:10px!important;line-height:1.25!important}
  #introLand .mt small{margin-top:3px!important;font-size:8.5px!important;line-height:1.3!important}

  .mobile-candidate-impact{
    display:block;
    margin-top:4px;
    color:var(--color-primary);
    font:800 9px/1.25 var(--mono);
  }
  .mobile-autofill-presets{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:4px;
    width:100%;
    margin-top:7px;
  }
  .mobile-autofill-presets button{
    min-width:0;
    min-height:40px!important;
    padding:5px 3px;
    border:1px solid var(--border-default);
    border-radius:6px;
    background:var(--surface-muted);
    color:var(--color-ink);
    font:800 8px/1 var(--mono);
  }
  .mobile-draft-confirm{
    position:fixed;
    z-index:9000;
    right:0;
    bottom:0;
    left:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:6px;
    padding:8px max(10px,var(--copa-safe-right)) calc(8px + var(--copa-safe-bottom)) max(10px,var(--copa-safe-left));
    border-top:1px solid var(--border-default);
    background:var(--surface-bg);
    box-shadow:0 -8px 24px rgba(10,17,24,.16);
  }
  .mobile-draft-confirm-copy{display:grid;min-width:0;gap:3px}
  .mobile-draft-confirm-copy strong,
  .mobile-draft-confirm-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-draft-confirm-copy strong{font-size:12px}
  .mobile-draft-confirm-copy span{color:var(--color-slate);font:700 9px/1.2 var(--mono)}
  .mobile-draft-confirm button{
    min-width:76px;
    min-height:48px!important;
    padding:7px 9px;
    border:1px solid var(--border-default);
    border-radius:8px;
    background:var(--surface-muted);
    color:var(--color-ink);
    font:900 9px/1.1 var(--mono);
  }
  .mobile-draft-confirm [data-draft-confirm]{border-color:var(--color-primary);background:var(--color-primary)}

  /* Fades describe overflow without adding permanent instructional chrome. */
  .mobile-scroll-affordance{
    --scroll-mask-left:transparent;
    --scroll-mask-right:transparent;
    mask-image:linear-gradient(90deg,var(--scroll-mask-left),#0A1118 18px,#0A1118 calc(100% - 18px),var(--scroll-mask-right));
    -webkit-mask-image:linear-gradient(90deg,var(--scroll-mask-left),#0A1118 18px,#0A1118 calc(100% - 18px),var(--scroll-mask-right));
  }
  .mobile-scroll-affordance.is-scroll-start{--scroll-mask-left:#0A1118}
  .mobile-scroll-affordance.is-scroll-end{--scroll-mask-right:#0A1118}

  [id="feed"]:not(.mobile-feed-expanded)>:nth-child(n+4){display:none!important}
  .mobile-feed-toggle{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:44px;
    margin-top:5px;
    border:1px solid var(--border-default);
    border-radius:7px;
    background:var(--surface-muted);
    color:var(--color-ink);
    font:900 9px/1 var(--mono);
    letter-spacing:.6px;
  }
  .mobile-feed-toggle.hidden{display:none}
  .mobile-feed-unread{
    margin-left:auto;
    padding:3px 6px;
    border-radius:999px;
    background:var(--color-primary);
    color:#101D28;
    font:900 8px/1 var(--mono);
    letter-spacing:.4px;
  }
  .mobile-feed-unread.hidden{display:none}
  .mobile-feed-sheet{display:flex;flex-direction:column;width:min(100%,520px);max-height:min(82dvh,620px);overflow:hidden}.mobile-feed-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid var(--border-subtle)}.mobile-feed-sheet>header span{color:var(--color-primary);font:900 8px/1 var(--mono);letter-spacing:1px}.mobile-feed-sheet>header h3{margin:4px 0 0;font-size:17px}.mobile-feed-sheet>header button{min-width:44px;min-height:44px;border:1px solid var(--border-subtle);border-radius:50%;background:var(--surface-muted);color:var(--color-ink);font-size:20px}.mobile-feed-history{min-height:0;overflow-y:auto;padding:8px 14px calc(14px + var(--copa-safe-bottom));overscroll-behavior:contain}.mobile-feed-history .feeditem{display:block!important;padding:10px 2px;border-bottom:1px solid var(--border-subtle);font-size:11px;line-height:1.45}.mobile-feed-history .ft{margin-right:6px}
  #playBtn.mobile-has-warning{
    box-shadow:inset 0 0 0 2px #F24A28!important;
  }

  .player-profile-layer.is-sheet .player-profile-detail>b,
  .player-profile-layer.is-sheet .player-profile-radar-scores i,
  .player-profile-layer.is-sheet .player-profile-model-note{font-size:9px}
  .player-profile-layer.is-sheet .player-profile-fit{font-size:10px}

  #sim .board{
    position:sticky;
    z-index:18;
    top:calc(3px + var(--copa-safe-top));
    box-shadow:0 4px 12px rgba(10,17,24,.12);
  }
  .mobile-sim-tabs button{position:relative}
  .mobile-tab-badge{
    position:absolute;
    top:3px;
    right:4px;
    min-width:18px;
    height:18px;
    display:grid;
    place-items:center;
    padding:0 4px;
    border-radius:999px;
    background:#420102;
    color:#FFFFFF;
    font:900 8px/1 var(--mono);
  }
  .mobile-tab-badge.hidden{display:none}
  .mobile-tactic-status{
    display:block;
    min-height:34px;
    margin:-2px 0 6px;
    padding:6px 9px;
    border:1px solid var(--border-subtle);
    border-radius:7px;
    background:var(--surface-muted);
    color:var(--color-slate);
    font:700 9px/1.35 var(--mono);
  }
  #shoutrow.is-cooling{opacity:.72}
  #shoutrow.is-cooling .shoutbtn{cursor:wait}
  .mobile-skip-confirm p{margin:9px 0 14px;color:var(--color-slate);font-size:11px;line-height:1.5}

  .mobile-penalty-coach{
    display:block;
    margin:8px 0;
    padding:7px 9px;
    border:1px solid var(--border-subtle);
    border-radius:7px;
    background:var(--surface-muted);
    color:var(--color-ink);
    font:700 9px/1.4 var(--mono);
  }

  #result .mobile-result-disclosure{
    display:block;
    margin:7px 0;
    overflow:hidden;
    border:1px solid var(--border-default);
    border-radius:9px;
    background:var(--surface-bg);
  }
  #result .mobile-result-disclosure.hidden{display:none}
  #result .mobile-result-disclosure>summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:48px;
    padding:9px 12px;
    cursor:pointer;
    color:var(--color-ink);
    font:900 10px/1 var(--mono);
    letter-spacing:.7px;
    list-style:none;
  }
  #result .mobile-result-disclosure>summary::-webkit-details-marker{display:none}
  #result .mobile-result-disclosure>summary::after{content:"+";font-size:18px;color:var(--color-slate)}
  #result .mobile-result-disclosure[open]>summary{
    border-bottom:1px solid var(--border-default);
    background:var(--surface-muted);
  }
  #result .mobile-result-disclosure[open]>summary::after{content:"−"}
  #result .mobile-result-disclosure>#finalReport,
  #result .mobile-result-disclosure>#storyTile,
  #result .mobile-result-disclosure>#econTile,
  #result .mobile-result-disclosure>#lineups{
    width:100%;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
  }
  #result .result-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  #result .result-row .btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:62px!important;
    padding:8px 4px!important;
    flex-direction:column!important;
    gap:5px!important;
    font-size:8px!important;
    line-height:1.15!important;
    white-space:normal!important;
    text-align:center!important;
  }
  #result .result-row .btn svg{
    flex:0 0 auto;
    margin:0!important;
  }
  #result .result-row .result-action-label{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    max-width:14ch;
    min-height:2.3em;
    font:900 8px/1.15 var(--mono);
    letter-spacing:.85px;
    text-transform:uppercase;
    white-space:normal;
    overflow-wrap:normal;
    word-break:normal;
    text-align:center;
  }
  .share-actions .mobile-native-share{order:-1}

  .scout-report-modal .scout-head-stats em,
  .scout-report-modal .scout-summary-chips span{font-size:9px!important}
  .scout-report-modal .scout-nm{font-size:9px!important}
  .scout-report-modal,.scout-report-modal *{max-width:100%;box-sizing:border-box}.scout-report-modal .scout-node[role="button"]{min-width:0!important;min-height:0!important}.scout-report-modal .scout-report-grid{grid-template-columns:1fr!important}.scout-report-modal .scout-derived{margin-top:10px}.scout-report-modal .scout-insight-card{padding:9px}.scout-report-modal .scout-key-row{grid-template-columns:minmax(62px,.9fr) minmax(0,1.2fr) auto;gap:5px}.scout-report-modal .scout-watch-card li{font-size:8px}
  button,[role="button"],.shopcard{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:not(:disabled):active,.shopcard:active{filter:brightness(.94);transition-duration:60ms!important}.mobile-action-dock button:not(:disabled):active{transform:translateY(1px)}
  :is(#settingsDrop .sdbtn,.mobile-sim-tabs button,.speedrow .spd,.prep-level,.locker-target,.locker-tone,.pen-dir-btn){min-height:48px!important}
  .mtile-info,.vsscout,.fixture-detail-close{min-width:44px!important;min-height:44px!important}

  html{--copa-mobile-text-scale:1}
  html[data-copa-text-scale="115"]{--copa-mobile-text-scale:1.15}
  html[data-copa-text-scale="130"]{--copa-mobile-text-scale:1.3}
  html[data-copa-text-scale]:not([data-copa-text-scale="100"]) :is(.mh,.ms,.kasa-sub,.dd-label,.opt-name,.simstats,.simstate,.comm,.radioband,.stat .l,.stat .v,.verdict,.result-action-label,.seedbox,.prep-status,.locker-tone small,.mobile-pref-label,.mobile-pref-state,.feeditem){
    font-size:calc(9.5px * var(--copa-mobile-text-scale))!important;
    line-height:1.35!important;
  }

  html.copa-battery-saver *,
  html.copa-battery-saver *::before,
  html.copa-battery-saver *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
  html.copa-battery-saver .result-fx,
  html.copa-battery-saver .confetti,
  html.copa-battery-saver .ambient,
  html.copa-battery-saver .pitch-weather{display:none!important}
  html.copa-battery-saver svg animate,
  html.copa-battery-saver svg animateTransform{display:none}
}

@media (max-width:760px) and (orientation:landscape){
  .mobile-action-dock{padding-top:5px;padding-bottom:calc(5px + var(--copa-safe-bottom))}
  .mobile-action-dock[data-dock-kind="hub"] .actionbtns{grid-template-rows:44px!important}
  .mobile-action-dock[data-dock-kind="hub"] .actionbar #playBtn,
  .mobile-action-dock[data-dock-kind="hub"] .actionbar #talkBtn,
  .mobile-action-dock[data-dock-kind="hub"] .btn-pres,
  .mobile-action-dock[data-dock-kind="hub"] .presbtngp{height:44px!important;min-height:44px!important}
  .speedrow{grid-template-columns:repeat(7,minmax(44px,1fr))}
  .speedrow .sl{display:none}
  .player-profile-layer.is-sheet .player-profile-card{border-radius:0!important}
  html.copa-field-focus body:has(#sim:not(.hidden)) .top,
  html.copa-field-focus #sim:not(.hidden) .simstate,
  html.copa-field-focus #sim:not(.hidden) .momentum,
  html.copa-field-focus #sim:not(.hidden) .sim-timeline,
  html.copa-field-focus #sim:not(.hidden) .radioband{display:none!important}
  html.copa-field-focus #sim:not(.hidden){
    width:min(100%,980px);
    margin-inline:auto;
  }
  html.copa-field-focus #sim[data-mobile-view="field"] .fieldframe{min-height:min(47dvh,300px)}
}

@media (prefers-reduced-motion:reduce){
  .mobile-action-dock,
  .mobile-sim-tabs button{transition:none!important}
}

/* Mobile UI integrity pass: four primary actions, opaque sheets and compact
   match/result surfaces. */
@media(max-width:760px){
  html:has(#sim:not(.hidden)),
  body:has(#sim:not(.hidden)){
    height:100%;
    overflow:hidden!important;
    overscroll-behavior:none;
  }

  .mobile-action-dock[data-dock-kind="hub"] .actionbtns{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:48px!important;
  }
  .mobile-action-dock[data-dock-kind="hub"] .actionbtns:has(#talkBtn.hidden){
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .mobile-action-dock[data-dock-kind="hub"] .presbtngp,
  .mobile-action-dock[data-dock-kind="hub"] #prepBtn,
  .mobile-action-dock[data-dock-kind="hub"] #talkBtn,
  .mobile-action-dock[data-dock-kind="hub"] #playBtn{grid-row:1!important}
  .mobile-action-dock[data-dock-kind="hub"] #prepBtn{order:1!important}
  .mobile-action-dock[data-dock-kind="hub"] .presbtngp{order:2!important}
  .mobile-action-dock[data-dock-kind="hub"] #talkBtn{order:3!important}
  .mobile-action-dock[data-dock-kind="hub"] #playBtn{order:4!important}
  .mobile-action-dock[data-dock-kind="hub"] #prepBtn{
    display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;
    padding-inline:2px!important;font-size:8px!important;
  }
  .mobile-action-dock[data-dock-kind="hub"] #prepBtn>span{display:none}
  .mobile-action-dock[data-dock-kind="hub"] #prepBtn b{font-size:7.5px!important;white-space:nowrap}
  .mobile-action-dock[data-dock-kind="hub"] #prepBtn em{height:15px;min-width:22px;font-size:7px}
  .mobile-action-dock[data-dock-kind="hub"] .presbtngp .btn-pres{font-size:0!important}
  .mobile-action-dock[data-dock-kind="hub"] #playBtn{font-size:8px!important}

  /* Every modal is a visibly separate, fully opaque surface in both themes. */
  #modal>.sheet:not(.sheet-bare){
    box-sizing:border-box;
    background:var(--surface-elevated)!important;
    color:var(--text-primary)!important;
    border-color:var(--border-default)!important;
    box-shadow:0 22px 60px rgba(10,17,24,.48)!important;
    isolation:isolate;
  }
  #modal>.sheet:not(.sheet-bare)>*{max-width:100%;box-sizing:border-box}
  #modal .chem-graph-modal,
  #modal .breakdown-modal,
  #modal .scoutmodal,
  #modal .meta-progress-modal{background:var(--surface-elevated)!important;color:var(--text-primary)!important}

  html[data-theme="dark"] #hubBenchSection.native-bench-sheet{
    background:#17242D!important;border-color:#3A4750!important;color:#F3F5F4!important;
  }
  html[data-theme="dark"] #hubBenchSection.native-bench-sheet .bench-row{
    background:#27343C!important;border-color:#3A4750!important;color:#F3F5F4!important;
  }
  html[data-theme="dark"] #hubBenchSection.native-bench-sheet .bench-row:hover{background:#303C44!important}
  html[data-theme="dark"] #hubBenchSection.native-bench-sheet .bench-name,
  html[data-theme="dark"] #hubBenchSection.native-bench-sheet .bench-power{color:#F3F5F4!important}
  html[data-theme="dark"] #hubBenchSection.native-bench-sheet .bench-pos,
  html[data-theme="dark"] #hubBenchSection.native-bench-sheet .bench-drag{color:#AAB2B3!important}

  .tools #howtoToggle{display:flex!important;align-items:center!important;justify-content:center!important;line-height:0!important}
  .tools #howtoToggle svg{display:block!important;position:static!important;transform:none!important}

  #sim:not(.hidden){
    box-sizing:border-box;
    max-height:calc(100dvh - var(--copa-safe-top) - var(--copa-safe-bottom));
    overflow:hidden!important;
    padding-bottom:calc(8px + var(--copa-safe-bottom));
  }
  #sim .sim-controls{margin-top:5px!important;padding:7px!important}
  #sim .speedrow{
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:5px!important;
    padding:0!important;
  }
  #sim .speedrow .sl,#sim .speedrow .spd-sep{display:none!important}
  #sim .speedrow #pauseBtn,
  #sim .speedrow .spd,
  #sim .speedrow .btn-mini{
    min-width:0!important;width:100%!important;height:44px!important;min-height:44px!important;
    margin:0!important;padding:6px 3px!important;border-radius:7px!important;
  }
  #sim .speedrow #pauseBtn{grid-column:auto!important}
  #sim .speedrow .btn-mini{font-size:0!important}
  #sim .speedrow .btn-mini svg{margin:0!important}
  #sim .shoutrow{margin-bottom:5px!important}
  #sim .shoutbtn{min-height:42px!important;height:42px!important}

  #result .mobile-result-story-economy>#storyTile,
  #result .mobile-result-story-economy>#econTile{
    display:block!important;width:100%!important;min-width:0!important;margin:0!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
  }
  #result .mobile-result-story-economy>#econTile{border-top:1px solid var(--border-default)!important}
  #result .mobile-result-story-economy .econsum{margin:0!important;border:0!important;border-radius:0!important}
  #result .mobile-result-story-economy:not([open])>#storyTile,
  #result .mobile-result-story-economy:not([open])>#econTile{display:none!important}
  #result .mobile-result-disclosure>#lineups{background:var(--surface-elevated)!important}
  #result .mobile-result-disclosure>#lineups .last-match-report,
  #result .mobile-result-disclosure>#lineups .last-match-report *{max-width:100%;box-sizing:border-box}
}

@media(max-width:430px) and (max-height:850px){
  #sim .momentum,#sim .sim-timeline,#sim .radioband{margin-bottom:4px!important}
  #sim .fieldframe{min-height:240px!important;height:240px!important}
  #sim .comm{min-height:30px!important;padding-block:4px!important}
}