/* Mobile game presentation layer. It reuses the existing Copa Life palette. */
.btn-prep{position:relative;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-strong);background:var(--surface-elevated);color:var(--color-ink);padding-inline:12px}
.btn-prep b{font:800 9px/1 var(--mono);letter-spacing:.08em}.btn-prep em{display:grid;place-items:center;min-width:24px;height:20px;border-radius:10px;background:color-mix(in srgb,var(--color-primary) 14%,transparent);color:var(--color-ink);font:800 9px/1 var(--mono);font-style:normal}
.sheet-preparation{width:min(760px,calc(100vw - 32px));max-width:min(760px,calc(100vw - 32px));overflow:hidden}
.prep-modal{box-sizing:border-box;width:100%;max-width:100%;max-height:88vh;overflow:auto;padding:20px}.prep-modal header span,.locker-room-modal header span,.locker-result>span,.mobile-card-sheet>span{font:800 9px/1 var(--mono);letter-spacing:.16em;color:var(--color-primary)}
.prep-modal header h3,.locker-room-modal header h3,.locker-result h3,.mobile-card-sheet h3{margin:6px 0 3px;font-size:24px}.prep-modal header p{margin:0;color:var(--color-slate);font-size:12px}
.prep-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.prep-help{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface-elevated);color:var(--color-primary);font:900 14px/1 var(--mono)}.prep-help-note{margin-top:10px;padding:11px 12px;border-left:3px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--surface-elevated));color:var(--color-ink);font-size:11px;line-height:1.5}
.prep-recommended-action{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--status-success) 58%,var(--border-subtle));border-radius:11px;background:linear-gradient(110deg,color-mix(in srgb,var(--status-success) 16%,var(--surface-elevated)),color-mix(in srgb,var(--status-info) 7%,var(--surface-elevated)));color:var(--text-primary);text-align:left;cursor:pointer}.prep-recommended-action span{display:grid;gap:4px}.prep-recommended-action small{color:var(--status-positive-text);font:900 7px/1 var(--mono);letter-spacing:.12em}.prep-recommended-action b{font-size:13px}.prep-recommended-action i{color:var(--status-positive-text);font:900 19px/1 var(--mono);font-style:normal}.prep-plan-warning{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;margin-top:8px;padding:9px 11px;border-left:3px solid var(--status-warning);border-radius:7px;background:color-mix(in srgb,var(--status-warning) 10%,var(--surface-bg))}.prep-plan-warning b{color:var(--status-warning);font:900 7px/1.3 var(--mono);letter-spacing:.08em}.prep-plan-warning span{color:var(--text-secondary);font-size:9px;line-height:1.4}.prep-status{display:grid;gap:0;margin:12px 0;padding:0;border:1px solid var(--border-subtle);border-radius:11px;background:color-mix(in srgb,var(--surface-elevated) 88%,transparent);overflow:hidden}.prep-preview-head,.prep-preview-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px}.prep-preview-head{background:color-mix(in srgb,var(--status-info) 10%,var(--surface-bg));border-bottom:1px solid var(--border-subtle)}.prep-preview-head b{color:var(--status-info);font:900 8px/1 var(--mono);letter-spacing:.08em}.prep-preview-head span{color:var(--color-slate);font:800 8px/1 var(--mono)}.prep-preview-row+.prep-preview-row{border-top:1px solid color-mix(in srgb,var(--border-subtle) 62%,transparent)}.prep-preview-row small{color:var(--color-slate);font:800 7px/1 var(--mono);letter-spacing:.06em}.prep-preview-row strong{font:900 9px/1.25 var(--mono);text-align:right}.prep-preview-row.is-match strong{color:var(--status-positive-text)}.prep-preview-row.is-fatigue strong{color:var(--status-info)}.prep-preview-row.is-risk strong{color:var(--status-warning)}
.prep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}.prep-drill{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;min-width:0;padding:11px;border:1px solid var(--border-subtle);background:var(--surface-bg)}.prep-drill>div{min-width:0}.prep-drill.active{border-color:var(--color-primary);box-shadow:inset 3px 0 var(--color-primary)}.prep-drill-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--color-slate) 12%,transparent);color:var(--color-primary);font-size:18px}.prep-drill b{display:block;font-size:12px}.prep-drill small{display:block;margin-top:3px;color:var(--color-slate);font:600 8px/1.2 var(--mono)}.prep-levels{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:5px}.prep-level{min-width:0;min-height:32px;border:1px solid var(--border-subtle);background:transparent;color:var(--color-slate);font:800 8px/1 var(--mono)}.prep-level.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}
.locker-room-modal{position:relative;width:min(720px,92vw);overflow:hidden;padding:0 18px 18px;background:var(--surface-elevated);color:var(--color-ink)}.locker-room-modal header{position:relative;padding:15px 0 13px}.locker-room-modal header h3{color:var(--color-ink)}.locker-room-modal>p{margin:10px 0 0;color:var(--color-slate);font-size:10px;text-align:center}.locker-scene{height:118px;margin:0 -18px;display:flex;align-items:flex-end;justify-content:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 50% 120%,rgba(242,74,40,.22),transparent 52%),repeating-linear-gradient(90deg,transparent 0 60px,rgba(255,255,255,.04) 61px 62px),#101D28}.locker-scene i{position:relative;width:34px;height:64px;border-radius:18px 18px 7px 7px;background:#68757C}.locker-scene i:before{content:"";position:absolute;left:7px;top:-20px;width:20px;height:20px;border-radius:50%;background:#D6A21F}.locker-scene i.captain{height:78px;background:var(--color-primary);transform:scale(1.08)}.locker-targets{display:flex;gap:6px;overflow:auto;padding:4px 0 9px}.locker-target{flex:0 0 auto;min-height:30px;padding:0 12px;border:1px solid var(--border-subtle);border-radius:16px;background:var(--surface-bg);color:var(--color-slate);font:800 8px/1 var(--mono)}.locker-target.active{border-color:var(--color-primary);color:var(--color-primary)}.locker-tones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.locker-tone{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:9px;min-height:66px;padding:10px;text-align:left;border:1px solid var(--border-subtle);background:var(--surface-bg);color:var(--color-ink)}.locker-tone svg{display:block;grid-row:1/3;width:23px;height:23px;max-width:23px;max-height:23px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.locker-tone svg path{fill:none}.locker-tone:hover,.locker-tone:focus-visible{border-color:var(--color-primary);transform:translateY(-1px)}.locker-tone span{display:block;grid-column:2;font-weight:800}.locker-tone small{display:block;grid-column:2;margin-top:5px;color:var(--color-slate);font:700 8px/1.35 var(--mono);white-space:normal}.locker-tone.tone-calm{color:var(--status-success)}.locker-tone.tone-believe{color:var(--risk-fortune)}.locker-tone.tone-challenge{color:var(--action-primary)}.locker-tone.tone-discipline{color:var(--status-risk)}.locker-tone.tone-tactical{color:var(--text-secondary)}
.locker-result{width:min(520px,90vw);padding:24px;text-align:center}.locker-reaction{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 14px;border-radius:50%;background:color-mix(in srgb,var(--status-success) 14%,transparent);color:var(--status-success);font-size:34px;font-weight:900}.locker-result.is-bad .locker-reaction{background:color-mix(in srgb,var(--status-danger) 14%,transparent);color:var(--status-danger)}.locker-result-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:14px 0}.locker-result-chips b,.mobile-card-synergy{padding:7px 9px;border:1px solid var(--border-subtle);background:var(--surface-bg);color:var(--color-slate);font:800 9px/1.2 var(--mono)}
.mobile-card-sheet{width:min(520px,94vw);padding:10px 18px 20px}.mobile-sheet-grip{width:42px;height:4px;margin:0 auto 18px;border-radius:2px;background:var(--border-strong)}.mobile-card-sheet p{color:var(--color-slate);font-size:12px;line-height:1.55}.mobile-card-synergy{margin:12px 0;color:var(--color-primary)}
.synergy-preview{margin-top:7px;padding-top:6px;border-top:1px dashed var(--border-subtle);color:var(--color-primary);font:800 8px/1.35 var(--mono)}
.tg-hub-card header span,.tg-stage-chip{color:var(--status-negative-text)}
#hub .bench-head-meta b{color:var(--text-primary)!important}
.chem-line-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.chem-line-card{padding:10px;border:1px solid var(--border-subtle);background:var(--surface-bg)}.chem-line-card span{display:block;color:var(--color-slate);font:700 8px/1 var(--mono)}.chem-line-card b{display:block;margin-top:5px;font-size:20px}.chem-line-card i{display:block;height:3px;margin-top:7px;background:linear-gradient(90deg,var(--status-success) var(--chem-line),color-mix(in srgb,var(--color-slate) 15%,transparent) 0)}
#phaserDrawStage{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:1;touch-action:none}.td-machine.has-phaser>.td-pot-card,.td-machine.has-phaser>.td-live{display:none}#phaserDrawStage canvas,#phaserPenaltyStage canvas{display:block!important;width:100%!important;height:100%!important}
#phaserPenaltyStage{position:absolute;inset:0;z-index:3;touch-action:none}.pen-goal.has-phaser .pen-goalframe,.pen-goal.has-phaser .pen-zones,.pen-goal.has-phaser .pen-spot,.pen-goal.has-phaser .pen-keeper,.pen-goal.has-phaser .pen-ball{visibility:hidden}
.pen-modal .pen-outcome.is-positive{background:var(--status-success)!important;border-color:var(--status-success)!important}.pen-modal .pen-outcome.is-negative{background:var(--status-risk)!important;border-color:var(--status-risk)!important}.pen-modal .pen-outcome.is-positive b,.pen-modal .pen-outcome.is-positive span{color:var(--status-on-success)!important}.pen-modal .pen-outcome.is-negative b,.pen-modal .pen-outcome.is-negative span{color:var(--status-on-error)!important}
body:has(#modal:not(.hidden)) #toastContainer{z-index:79}

@media(max-width:760px){
  html.copa-mobile-game,html.copa-mobile-game body{min-height:100%;background:#101d28}
  html.copa-mobile-game body.mobile-game-landing-open,html.copa-mobile-game body.mobile-game-setup-open{height:100dvh;overflow:hidden}
  html.copa-mobile-game body:not(.run-active) .wrap{padding:0;max-width:none}
  html.copa-mobile-game body:not(.run-active) .top{position:fixed;z-index:51;top:max(10px,env(safe-area-inset-top));right:12px;left:auto;width:auto;border:0;background:transparent}
  html.copa-mobile-game body:not(.run-active) .top .logo,html.copa-mobile-game body:not(.run-active) .top .budget{display:none}
  html.copa-mobile-game .global-footer-bar{display:none!important}
  html.copa-mobile-game body.mobile-game-landing-open #mobileActionDock,
  html.copa-mobile-game body.mobile-game-setup-open:not(.mobile-game-setup-final) #mobileActionDock{display:none!important}
  html.copa-mobile-game body:not(.run-active) .top .tools{display:flex}.mobile-game-landing{position:fixed;z-index:40;inset:0;display:flex;min-height:100dvh;padding:max(52px,calc(env(safe-area-inset-top) + 34px)) 22px max(24px,env(safe-area-inset-bottom));overflow:hidden;background:linear-gradient(180deg,rgba(10,17,24,.12),rgba(10,17,24,.88)),radial-gradient(circle at 50% 35%,#1F6B45,#101D28 70%);color:#F3F5F4}
  .mgl-atmosphere{position:absolute;inset:0;overflow:hidden;opacity:.72}.mgl-atmosphere:before{content:"";position:absolute;left:-15%;right:-15%;bottom:-10%;height:52%;border-radius:50% 50% 0 0;background:repeating-linear-gradient(90deg,#1F6B45 0 28px,#27343C 29px 56px);transform:perspective(480px) rotateX(54deg);transform-origin:bottom}.mgl-atmosphere span{position:absolute;left:50%;bottom:23%;width:74%;height:30%;border:2px solid rgba(255,255,255,.18);transform:translateX(-50%);box-shadow:0 0 60px rgba(255,255,255,.08)}.mgl-atmosphere i{position:absolute;top:16%;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 34px 12px rgba(255,255,255,.16)}.mgl-atmosphere i:nth-child(1){left:15%}.mgl-atmosphere i:nth-child(2){left:50%}.mgl-atmosphere i:nth-child(3){right:15%}
  .mgl-content{position:relative;display:flex;flex:1;flex-direction:column;justify-content:flex-end;width:100%;max-width:440px;margin:auto}.mgl-brand{margin:auto 0;text-align:center}.mgl-brand small{font:800 9px/1 var(--mono);letter-spacing:.26em;color:#AAB2B3}.mgl-brand h1{margin:12px 0 0;font-size:clamp(42px,13vw,62px);letter-spacing:-.07em}.mgl-brand em{color:var(--color-primary);font-style:normal}.mgl-save{margin:0 0 14px;padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(10,17,24,.66);backdrop-filter:blur(12px)}.mgl-save>span{font:800 8px/1 var(--mono);letter-spacing:.14em;color:var(--color-primary)}.mgl-save h2{margin:6px 0 9px;font-size:19px}.mgl-save div{display:flex;gap:6px}.mgl-save div b{padding:5px 7px;border-radius:5px;background:rgba(255,255,255,.08);font:800 8px/1 var(--mono)}.mgl-save p{margin:9px 0 0;color:#BCC2C2;font-size:10px}.mgl-actions{display:grid;gap:8px}.mgl-actions .btn{min-height:52px;font-weight:900;letter-spacing:.1em}.mgl-actions .btn-go{box-shadow:0 10px 28px rgba(242,74,40,.24)}
  html.copa-mobile-game #introSetup{box-sizing:border-box;width:100%;height:100dvh;min-height:0;margin:0;overflow-y:auto;overscroll-behavior:contain;padding:max(74px,calc(env(safe-area-inset-top) + 60px)) 14px max(26px,env(safe-area-inset-bottom));background:var(--color-background);scrollbar-width:none}html.copa-mobile-game #introSetup::-webkit-scrollbar{display:none}
  html.copa-mobile-game body.mobile-game-setup-final #introSetup{padding-bottom:max(92px,calc(env(safe-area-inset-bottom) + 78px))}
  html.copa-mobile-game body.mobile-game-setup-open #introSetup .metaline,
  html.copa-mobile-game body.mobile-game-setup-open #introSetup .v7-footer-block,
  html.copa-mobile-game body.mobile-game-setup-open #introSetup .contact-patreon-row{display:none!important}
  html.copa-mobile-game #introSetup [data-mobile-step],html.copa-mobile-game #introSetup .v7-cta-stack{display:none!important}html.copa-mobile-game #introSetup [data-mobile-step].is-mobile-step-active,html.copa-mobile-game #introSetup .v7-cta-stack.is-mobile-step-active{display:block!important}html.copa-mobile-game .mobile-step-host{display:block!important}html.copa-mobile-game .mobile-setup-nav{margin-bottom:18px}html.copa-mobile-game .mobile-step-progress{position:relative;height:4px;background:color-mix(in srgb,var(--color-slate) 15%,transparent)}html.copa-mobile-game .mobile-step-progress i{display:block;height:100%;background:var(--color-primary);transition:width .25s}html.copa-mobile-game .mobile-step-progress b{position:absolute;right:0;top:8px;font:800 9px/1 var(--mono);color:var(--color-slate)}html.copa-mobile-game .mobile-step-buttons{display:flex;justify-content:space-between;margin-top:26px}html.copa-mobile-game .mobile-step-buttons .btn{width:auto;min-width:110px}html.copa-mobile-game .countrypick{grid-template-columns:repeat(2,1fr)!important}html.copa-mobile-game .countrypick button{min-height:72px!important}html.copa-mobile-game .formpick,html.copa-mobile-game .chairpickrow{grid-template-columns:1fr!important}html.copa-mobile-game .formpick button,html.copa-mobile-game .chairpickrow button{min-height:64px}
  .sheet-preparation{width:calc(100vw - 20px);max-width:calc(100vw - 20px)}.prep-modal{width:100%;max-height:calc(100dvh - 20px);padding:16px 14px 0}#mobileTrainingRoute>.prep-modal{box-sizing:border-box;height:calc(100dvh - 96px);max-height:calc(100dvh - 96px);overflow:auto}.prep-grid{grid-template-columns:1fr}.prep-drill{min-height:82px}.prep-modal>.bact{margin:10px -14px 0!important;padding:12px 14px max(12px,env(safe-area-inset-bottom))!important;border-top:1px solid var(--border-subtle);background:var(--surface-elevated)!important}.locker-room-modal{box-sizing:border-box;width:calc(100vw - 20px)}.locker-tones{grid-template-columns:1fr 1fr}.locker-tone{min-height:72px}
  #hub .native-hub-nav{position:sticky;top:0;z-index:15;display:grid;grid-template-columns:repeat(3,1fr);margin:0 -8px 10px;padding-top:env(safe-area-inset-top);background:color-mix(in srgb,var(--surface-elevated) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}
  #hub .native-hub-nav button{min-height:44px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-slate);font:800 8px/1 var(--mono)}#hub .native-hub-nav button.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}
  #hub[data-mobile-route="squad"] .vsbar,#hub[data-mobile-route="squad"] .hub-stat-row,#hub[data-mobile-route="squad"] .hcol-r,#hub[data-mobile-route="squad"] #tournamentHubPanel,#hub[data-mobile-route="squad"] .hub-action-panel{display:none!important}
  #hub[data-mobile-route="match"] .pitch-area>.pitch,#hub[data-mobile-route="match"] .hcol-r>.sectlbl,#hub[data-mobile-route="match"] .hcol-r>#shopcards,#hub[data-mobile-route="match"] #freeAgentRow{display:none!important}
  #hub[data-mobile-route="market"] .hcol-l,#hub[data-mobile-route="market"] .hub-action-panel{display:none!important}#hub[data-mobile-route="market"] .hcol-r{display:block!important}
  #hub .hcol-r .shopcards,#collectionGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.collcard[data-card-key]{touch-action:pan-y}.mobile-card-sheet{padding-bottom:max(20px,env(safe-area-inset-bottom))}
  .tournament-draw{position:fixed;z-index:30;inset:0;min-height:100dvh;padding:max(8px,env(safe-area-inset-top)) 0 max(8px,env(safe-area-inset-bottom));overflow:auto;background:var(--color-background)}.td-shell{min-height:100dvh;border:0}.td-head{padding:14px 16px}.td-head h2{font-size:22px}.td-head p,.td-rule{display:none}.td-stage{display:flex;flex-direction:column;padding:0}.td-machine{order:1;min-height:0;padding:0;border:0}.td-machine>*:not(#phaserDrawStage):not(.td-pot-card):not(.td-actions):not(.td-transfer-band):not(.td-motion-note){display:none}.td-groups{order:2;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 14px}.td-group{flex:0 0 82vw;scroll-snap-align:center}.td-actions{position:sticky;bottom:0;z-index:4;grid-template-columns:2fr 1fr;padding:10px 14px max(10px,env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--color-background) 22%)}#phaserDrawStage{width:min(100%,460px);height:auto;min-height:0;margin-inline:auto;aspect-ratio:1}
  .td-machine>.td-transfer-band{width:calc(100% - 28px);box-sizing:border-box;margin:0 14px 2px}.td-machine>.td-motion-note{padding-inline:14px}
  .pen-modal{width:calc(100vw - 20px)!important;min-height:0!important;max-height:calc(100dvh - max(20px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom)))!important;margin:auto!important;padding:max(10px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom))!important;border-radius:16px!important;overflow:auto}.pen-goal{height:min(48vh,420px)!important}.pen-actors{grid-template-columns:1fr 1fr!important}.pen-action-dock{position:sticky!important;bottom:0!important;z-index:8;background:linear-gradient(180deg,transparent,var(--surface-elevated) 26%)!important;padding-top:18px!important}.pen-dir-grid{grid-template-columns:repeat(3,1fr)!important;gap:7px!important}.pen-dir-btn{min-height:52px!important;padding:8px 5px!important;border:1px solid var(--border-default)!important;border-radius:10px!important;background:var(--surface-bg)!important;color:var(--text-primary)!important;box-shadow:none!important;font-size:9px!important}.pen-dir-btn:hover,.pen-dir-btn:focus-visible{border-color:var(--color-primary)!important;background:color-mix(in srgb,var(--color-primary) 10%,var(--surface-bg))!important}
}

/* 2026-07 Android interaction and decision-surface pass. */
.guide-book-icon{display:block;width:31px;height:31px;margin:auto;color:#F3F5F4;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 82%}
.tools #howtoToggle svg.guide-book-icon{width:31px!important;height:31px!important}
.guide-book-page{transform-box:fill-box;transform-origin:left center;animation:copaGuidePage 3.2s ease-in-out infinite}
.guide-book-line{opacity:.7}
@keyframes copaGuidePage{0%,64%,100%{opacity:1;transform:perspective(70px) rotateY(0)}76%{opacity:.65;transform:perspective(70px) rotateY(-76deg)}88%{opacity:1;transform:perspective(70px) rotateY(0)}}
body.reduced-motion .guide-book-page{animation:none}

.match-mode-modal{box-sizing:border-box;width:min(520px,calc(100vw - 28px));padding:20px;border:1px solid #46535C;border-radius:16px;background:#27343C;color:#F3F5F4;overflow:hidden}
.match-mode-kicker{display:block;color:#FF806B;font:900 8px/1 var(--mono);letter-spacing:.14em}
.match-mode-modal h3{margin:8px 0 16px;color:#F3F5F4;font-size:22px;line-height:1.08}
.match-mode-warnings{display:grid;gap:7px;margin:0 0 14px}
.match-mode-warnings span,.match-mode-clear{box-sizing:border-box;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;min-height:40px;padding:9px 11px;border:1px solid #67423E;border-radius:9px;background:#33292A;color:#F3F5F4;font:700 9px/1.35 var(--mono)}
.match-mode-warnings span b{min-width:0;color:#F3F5F4;font:inherit}.match-mode-warnings svg{display:block;width:15px;height:15px;color:#FF806B}.match-mode-clear{border-color:#365D46;background:#20352A;color:#DDF3E3}.match-mode-clear>span{display:grid;width:18px;height:18px;place-items:center;font-weight:900}.match-mode-clear>b{min-width:0;overflow:hidden;color:inherit;font:inherit;text-overflow:ellipsis;white-space:nowrap}
.match-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.match-mode-options button{box-sizing:border-box;display:grid;grid-template-rows:28px auto auto;place-items:center;align-content:center;gap:6px;min-width:0;min-height:104px;padding:13px 10px;border:1px solid #52616A;border-radius:12px;background:#17242D;color:#F3F5F4;text-align:center}
.match-mode-options button:first-child{border-color:#5AAE76}.match-mode-options button:last-child{border-color:#FF806B}.match-mode-options button:hover,.match-mode-options button:focus-visible{background:#20303A;transform:translateY(-1px)}
.match-mode-options svg{display:block;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8}.match-mode-options b{color:#F3F5F4;font:900 12px/1 var(--mono)}.match-mode-options small{color:#C4CCCD;font-size:9px;line-height:1.2}
.match-mode-back{box-sizing:border-box;width:100%;min-height:40px;margin-top:12px;padding:9px 12px;border:1px solid #52616A;border-radius:9px;background:#33434D;color:#F3F5F4;font:900 8px/1 var(--mono);letter-spacing:.08em}
@media(max-width:380px){.match-mode-modal{padding:15px}.match-mode-options{grid-template-columns:1fr}.match-mode-options button{min-height:82px;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;text-align:left}.match-mode-options svg{grid-row:1/3}.match-mode-options b,.match-mode-options small{justify-self:start}.match-mode-modal h3{font-size:19px}}
.nephew-offer-modal{box-sizing:border-box;width:min(560px,calc(100vw - 24px));border:1px solid #46535C;border-radius:16px;background:#27343C;color:#F3F5F4;overflow:hidden}
.nephew-offer-modal .bhead{display:flex;justify-content:space-between;padding:9px 14px;border-bottom:1px solid #3F4D56;background:#0A1118;color:#DDE3E2;font:900 7px/1 var(--mono);letter-spacing:.16em}
.nephew-offer-hero{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;padding:15px 16px 12px}.nephew-offer-hero .bmascot{display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid #56656E;border-radius:14px;background:#17242D}.nephew-offer-hero .bmascot svg{width:38px;height:38px}.nephew-offer-hero>div:last-child>span{color:#FF806B;font:900 7px/1 var(--mono);letter-spacing:.14em}.nephew-offer-hero h3{margin:6px 0 0;color:#F3F5F4;font-size:20px;line-height:1.05}
.nephew-choice-list{display:grid;gap:8px;padding:0 16px}.nephew-choice-list article{padding:11px 12px;border:1px solid #46535C;border-radius:11px;background:#17242D}.nephew-choice-list article.is-accept{border-left:4px solid #5AAE76}.nephew-choice-list article.is-decline{border-left:4px solid #FF806B}.nephew-choice-list article header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid #35434C}.nephew-choice-list article header b{color:#F3F5F4;font:900 9px/1 var(--mono);letter-spacing:.09em}.nephew-choice-list article header em{color:#AEB8BA;font:800 7px/1 var(--mono);font-style:normal}.nephew-choice-list ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.nephew-choice-list li{display:grid;justify-items:start;gap:4px;min-height:34px;padding:6px 0;border-bottom:1px solid #2E3C45}.nephew-choice-list li:last-child{border-bottom:0}.nephew-choice-list li span{color:#AEB8BA;font:800 7px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.nephew-choice-list li strong{color:#DDF3E3;font:900 9px/1 var(--mono);white-space:nowrap}.nephew-choice-list li.is-risk strong{color:#FF9A86}
.nephew-permanent{margin:10px 16px 0;color:#BCC5C7;font:800 8px/1.3 var(--mono);text-align:center}.nephew-offer-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin:0!important;padding:11px 16px 16px!important;background:#27343C!important}.nephew-offer-actions .btn{box-sizing:border-box;width:100%;min-height:44px;margin:0!important;border-radius:9px;font-size:11px;letter-spacing:.1em}.nephew-offer-actions .btn-ghost{border:1px solid #596871;background:#33434D;color:#F3F5F4}
@media(max-width:420px){.nephew-offer-hero{grid-template-columns:44px minmax(0,1fr);padding:12px}.nephew-offer-hero .bmascot{width:42px;height:42px}.nephew-offer-hero .bmascot svg{width:31px;height:31px}.nephew-offer-hero h3{font-size:17px}.nephew-choice-list{padding-inline:12px}.nephew-choice-list article header{align-items:flex-start;flex-direction:column;gap:4px}.nephew-offer-actions{padding:10px 12px 13px!important}}
.match-playback{width:min(480px,calc(100vw - 28px));padding:22px;text-align:center}.match-playback>span{color:var(--color-primary);font:900 8px/1 var(--mono);letter-spacing:.14em}.match-playback h3{margin:8px 0 14px;font-size:16px}.match-playback h3 em{padding:0 8px;color:var(--color-slate);font:900 10px/1 var(--mono)}
.match-playback-pitch{position:relative;height:150px;overflow:hidden;border:1px solid color-mix(in srgb,var(--status-success) 55%,var(--border-default));border-radius:12px;background:linear-gradient(90deg,#1F6B45,color-mix(in srgb,#1F6B45 76%,#101D28) 50%,#1F6B45)}.match-playback-pitch::before{position:absolute;inset:8px;border:1px solid rgba(255,255,255,.25);content:""}.match-playback-pitch i{position:absolute;left:50%;top:8px;bottom:8px;border-left:1px solid rgba(255,255,255,.25)}.match-playback-pitch b{position:absolute;left:14%;top:54%;color:#fff;animation:copaPlaybackBall 2.8s ease-in-out infinite}
@keyframes copaPlaybackBall{50%{left:78%;top:28%}}.match-playback-events{display:flex;gap:5px;overflow:hidden;margin:9px 0}.match-playback-events small{flex:1;min-width:0;padding:6px;background:var(--surface-bg);font:700 7px/1.2 var(--mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.match-playback-progress{height:4px;overflow:hidden;border-radius:9px;background:var(--border-subtle)}.match-playback-progress i{display:block;width:100%;height:100%;background:var(--color-primary);transform-origin:left;animation:copaPlaybackProgress var(--playback-duration) linear forwards}@keyframes copaPlaybackProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}.match-playback button{width:100%;margin-top:12px;padding:11px;border:1px solid var(--border-default);border-radius:8px;background:var(--surface-bg);color:var(--text-primary);font:850 9px/1 var(--mono)}

/* Normal matches reuse the final presentation surface, mounted inside the modal. */
.sheet.normal-match-live-sheet{
  width:min(920px,calc(100vw - 20px));
  max-width:920px;
  max-height:calc(100dvh - 16px);
  padding:0!important;
  overflow:auto;
  overscroll-behavior:contain;
  border:1px solid #46535C;
  border-radius:16px;
  background:#101D28;
  box-shadow:0 24px 70px rgba(0,0,0,.48);
}
.normal-match-live-shell{display:grid;min-width:0;background:#101D28;color:#F3F5F4}
.normal-match-live-shell>header{
  position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:42px;padding:9px 14px;border-bottom:1px solid #3F4D56;background:#0A1118;
}
.normal-match-live-shell>header span{color:#FF806B;font:900 8px/1 var(--mono);letter-spacing:.14em}
.normal-match-live-shell>header b{min-width:0;overflow:hidden;color:#C4CCCD;font:800 8px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap}
#normalMatchSimMount{min-width:0;padding:10px 12px 4px}
.normal-match-live-sheet #sim.normal-match-popup{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  max-height:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
}
#sim.normal-match-popup .sim-controls{display:none!important}
#sim.normal-match-popup .mobile-sim-tabs{position:static!important;margin-bottom:7px}
#sim.normal-match-popup .simstage{min-height:0}
#sim.normal-match-popup .fieldframe{min-height:210px}
#sim.normal-match-popup .sim-eventmap svg{width:100%;height:auto;display:block}
#sim.normal-match-popup .normal-event-marker{filter:drop-shadow(0 0 2px rgba(243,245,244,.38))}
.normal-match-live-shell>footer{
  position:sticky;bottom:0;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;
  padding:9px 12px max(10px,var(--copa-safe-bottom,0px));border-top:1px solid #3F4D56;background:#0A1118;
}
.normal-match-live-progress{height:5px;overflow:hidden;border-radius:99px;background:#33434D}
.normal-match-live-progress i{display:block;width:100%;height:100%;background:#F24A28;transform-origin:left;animation:copaNormalMatchLiveProgress var(--live-duration) linear forwards}
@keyframes copaNormalMatchLiveProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.normal-match-live-shell>footer button{min-width:136px;min-height:42px;padding:9px 13px;border:1px solid #F24A28;border-radius:9px;background:#F24A28;color:#101D28;font:900 9px/1 var(--mono);letter-spacing:.08em}
@media(max-width:760px){
  .sheet.normal-match-live-sheet{width:calc(100vw - 12px);max-height:calc(100dvh - 8px);border-radius:14px}
  #normalMatchSimMount{padding:7px 7px 2px}
  #sim.normal-match-popup .fieldframe{height:min(35dvh,250px)!important;min-height:210px!important}
  #sim.normal-match-popup .eventpanel{min-height:150px}
  #sim.normal-match-popup .simgoals{max-height:150px!important}
  .normal-match-live-shell>footer{grid-template-columns:1fr}
  .normal-match-live-shell>footer button{width:100%}
}
@media(max-width:380px){
  .normal-match-live-shell>header b{display:none}
  #sim.normal-match-popup .simstats{grid-template-columns:repeat(3,minmax(0,1fr))}
  #sim.normal-match-popup .fieldframe{height:220px!important;min-height:190px!important}
}
.match-risk-strip{display:flex;gap:5px;overflow-x:auto;margin:0 0 7px;padding:0 2px;scrollbar-width:none}.match-risk-strip span{flex:0 0 auto;padding:6px 8px;border:1px solid color-mix(in srgb,var(--status-risk) 34%,var(--border-subtle));border-radius:6px;background:color-mix(in srgb,var(--status-risk) 8%,var(--surface-bg));color:var(--status-warning-text);font:800 7px/1 var(--mono)}

.market-decision-head{--market-tone:var(--color-primary);display:grid;gap:6px;margin:4px 0 8px;padding:8px 9px;border:1px solid color-mix(in srgb,var(--market-tone) 38%,var(--border-subtle));border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--market-tone) 8%,var(--surface-elevated)),var(--surface-bg));box-shadow:inset 3px 0 var(--market-tone)}
#hub[data-mobile-route="match"] #marketDecisionHeader,#hub[data-mobile-route="career"] #marketDecisionHeader{display:none!important}
.market-decision-head[data-market-tone="0"]{--market-tone:var(--status-success)}.market-decision-head[data-market-tone="2"]{--market-tone:var(--status-critical)}.market-decision-head[data-market-tone="3"]{--market-tone:var(--status-warning)}
.market-condition{display:flex;align-items:center;justify-content:space-between;min-height:18px}.market-condition small{padding:3px 5px;border-radius:4px;background:color-mix(in srgb,var(--market-tone) 14%,transparent);color:var(--market-tone);font:900 6px/1 var(--mono);letter-spacing:.1em}.market-condition b{color:var(--text-primary);font:900 8px/1 var(--mono)}
.market-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px 0;border-block:1px solid var(--border-subtle)}.market-money span{display:grid;gap:2px;min-width:0;padding:0 8px;border-left:1px solid var(--border-subtle);color:var(--color-slate);font:750 6px/1 var(--mono)}.market-money span:first-child{border:0;padding-left:2px}.market-money b{overflow:hidden;color:var(--text-primary);font-size:10px;text-overflow:ellipsis}.market-decision-head[data-cash-tone="good"] .market-money span:first-child b{color:var(--status-success)}.market-decision-head[data-cash-tone="risk"] .market-money span:first-child b{color:var(--status-risk)}.market-money span:last-child b{color:var(--status-warning)}
.market-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.market-filters button{min-width:0!important;min-height:30px!important;height:30px!important;padding:4px 2px!important;border:1px solid transparent;border-radius:7px!important;background:var(--surface-elevated);color:var(--color-slate);font:800 6.5px/1 var(--mono);white-space:nowrap}.market-filters button.on{border-color:var(--market-tone);background:color-mix(in srgb,var(--market-tone) 16%,var(--surface-elevated));color:var(--text-primary);box-shadow:inset 0 -2px var(--market-tone)}
.market-card-impact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:7px 0}.market-card-impact span{display:grid;gap:3px;min-width:0;padding:6px 7px;border:1px solid var(--border-subtle);border-radius:7px;color:var(--color-slate);font:750 6px/1 var(--mono)}.market-card-impact b{overflow:hidden;color:var(--text-primary);font-size:9px;text-overflow:ellipsis}.market-card-impact .is-positive{color:var(--status-positive-text)}.market-card-impact .is-negative{color:var(--status-negative-text)}
.cardtile.is-common .ct-price,.cardtile.sv-0 .ct-price{border:1px solid #0A1118!important;background:#F3F5F4!important;color:#0A1118!important;box-shadow:none!important}
.market-card-detail{box-sizing:border-box;width:min(500px,calc(100vw - 20px));max-height:calc(100dvh - 20px);padding:10px 14px 0;overflow:auto}.market-card-detail header{display:flex;align-items:center;justify-content:space-between}.market-card-detail header span{color:var(--color-primary);font:900 7px/1 var(--mono);letter-spacing:.14em}.market-card-detail header b{padding:4px 8px;border:1px solid var(--border-default);border-radius:7px;font:900 11px/1 var(--mono)}.market-detail-title{display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;align-items:center;margin:10px 0}.market-detail-title i{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--border-subtle);border-radius:9px;background:var(--surface-bg)}.market-detail-title svg{width:29px;height:29px;fill:none;stroke:currentColor}.market-detail-title h3{margin:0;font-size:20px}.market-detail-copy{padding:10px;border:1px solid var(--border-subtle);border-radius:9px;background:var(--surface-bg);font-size:11px;line-height:1.5}.market-detail-contract{margin:8px 0;color:var(--color-slate);font:800 8px/1.3 var(--mono)}.market-card-detail .ct-cost-list{margin:8px 0}.market-card-detail>.bact{position:sticky;bottom:0;margin:12px -14px 0!important;padding:10px 14px max(12px,env(safe-area-inset-bottom))!important;background:var(--surface-elevated)!important}.market-card-detail.is-dark{border-color:#0A1118;box-shadow:inset 4px 0 #0A1118}
#hub[data-mobile-route="market"] #shopcards>.cardtile{height:250px!important;min-height:250px!important}#hub[data-mobile-route="market"] #shopcards>.cardtile .ct-body{min-height:0;padding:9px 10px 6px;overflow:hidden}#hub[data-mobile-route="market"] #shopcards>.cardtile .ct-titlegroup{min-height:40px}#hub[data-mobile-route="market"] #shopcards>.cardtile .ct-name{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:normal;word-break:normal;hyphens:none}#hub[data-mobile-route="market"] #shopcards>.cardtile .ct-desc{display:-webkit-box;min-height:42px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:9px;line-height:1.45}#hub[data-mobile-route="market"] #shopcards>.cardtile .ct-foot{display:grid!important;grid-template-columns:minmax(0,1fr) auto;min-height:40px;padding:6px 8px!important}#hub[data-mobile-route="market"] #shopcards>.cardtile .ct-contract{display:block;min-width:0;overflow:hidden;color:var(--color-slate);font-size:7px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}#hub[data-mobile-route="market"] #shopcards>.cardtile .ct-detail{min-width:48px!important;min-height:30px!important;height:30px!important;padding:4px 7px!important;border:1px solid var(--border-default);border-radius:7px;background:var(--surface-bg);color:var(--text-primary);font:900 7px/1 var(--mono)}#hub[data-mobile-route="market"] #shopcards>.cardtile.is-dark .ct-detail{border-color:rgba(255,255,255,.3);background:#101D28;color:#fff}

@media(max-width:760px){
  html.copa-mobile-game body.mobile-game-setup-open #metaline,
  html.copa-mobile-game body.mobile-game-setup-open .v7-footer-block,
  html.copa-mobile-game body.mobile-game-setup-open .career-entry{display:none!important}
  html.copa-mobile-game #introSetup .v7-cta-stack{display:flex;flex-direction:column}
  html.copa-mobile-game #introSetup .advanced-wrap{order:99;margin-top:10px}
  html.copa-mobile-game .howto-toggle{display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:var(--radius-sm)!important}
  html.copa-mobile-game .howto-toggle .guide-book-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
  html.copa-mobile-game #hub .hub-stat-row .mtile.context-metric{border:1px solid var(--metric-accent)!important;border-left:4px solid var(--metric-accent)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--metric-accent) 32%,#101D28),color-mix(in srgb,var(--metric-accent) 15%,#101D28))!important}
  html.copa-mobile-game #hub .hub-stat-row .mtile.context-metric .mh,
  html.copa-mobile-game #hub .hub-stat-row .mtile.context-metric .mv,
  html.copa-mobile-game #hub .hub-stat-row .mtile.context-metric .ms{color:#F3F5F4!important;text-shadow:none!important}
  html.copa-mobile-game #hub #trustTile.context-metric{background:linear-gradient(145deg,color-mix(in srgb,var(--metric-accent) 34%,#101D28),color-mix(in srgb,var(--metric-accent) 16%,#101D28))!important}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] .actionbtns{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:56px!important;grid-auto-rows:0!important;height:56px!important;overflow:hidden!important;gap:6px!important}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] .actionbtns>*{min-width:0!important;width:auto!important;margin:0!important}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #prepBtn{display:none!important}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #talkBtn{grid-column:1!important;grid-row:1!important}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] .presbtngp{display:block!important;grid-column:2!important;grid-row:1!important;height:56px!important;min-height:56px!important}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #playBtn{grid-column:3!important;grid-row:1!important}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] .actionbtns:has(#talkBtn.hidden){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] .actionbtns:has(#talkBtn.hidden) .presbtngp{grid-column:1!important}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] .actionbtns:has(#talkBtn.hidden) #playBtn{grid-column:2!important}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #playBtn,
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #presBtn,
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #talkBtn{min-height:56px!important;font-size:7px!important;white-space:nowrap!important;overflow:hidden!important}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] .mobile-action-dock-inner{padding:6px!important;border:1px solid var(--border-subtle)!important;border-radius:15px!important;background:color-mix(in srgb,var(--surface-elevated) 96%,transparent)!important;box-shadow:var(--shadow-md)!important}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #talkBtn,
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #presBtn,
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #playBtn{
    position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    width:100%!important;height:56px!important;min-height:56px!important;margin:0!important;padding:7px 8px!important;border:1px solid transparent!important;
    border-radius:10px!important;overflow:hidden!important;font:900 8px/1.05 var(--mono)!important;letter-spacing:.055em!important;text-align:center!important;white-space:nowrap!important
  }
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #talkBtn{border-color:color-mix(in srgb,var(--status-info) 55%,var(--border-subtle))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--status-info) 22%,var(--surface-elevated)),color-mix(in srgb,var(--status-info) 8%,var(--surface-bg)))!important;color:var(--status-info)!important}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #presBtn{border-color:color-mix(in srgb,var(--status-warning) 58%,var(--border-subtle))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--status-warning) 25%,var(--surface-elevated)),color-mix(in srgb,var(--status-warning) 8%,var(--surface-bg)))!important;color:var(--status-warning-text)!important}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #playBtn{border-color:color-mix(in srgb,var(--color-primary) 70%,var(--border-subtle))!important;background:linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 80%,var(--status-critical)))!important;color:var(--color-ink)!important;box-shadow:0 8px 20px color-mix(in srgb,var(--color-primary) 22%,transparent)!important}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #talkBtn svg,
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #presBtn svg,
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #playBtn svg{flex:0 0 24px;width:24px!important;height:24px!important;margin:0!important;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #talkBtn span,
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #presBtn span,
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #playBtn span{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #talkBtn .talk-wave{animation:dockTalkWave 1.3s ease-in-out infinite}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #talkBtn .talk-wave-2{animation-delay:.16s}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #presBtn .pres-mascot-head{transform-box:fill-box;transform-origin:center;animation:dockChairNod 1.8s ease-in-out infinite}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #presBtn .pres-mascot-tie{animation:dockTie 1.8s ease-in-out infinite}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #playBtn .dock-icon-token{fill:currentColor;animation:dockPlayBall 1.25s cubic-bezier(.45,0,.25,1) infinite}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #playBtn .dock-icon-motion{animation:dockPlayArrow 1.25s ease-in-out infinite}
  html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] button:disabled{filter:saturate(.35)!important;opacity:.56!important}
  @keyframes dockTalkWave{0%,100%{opacity:.45;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)}}
  @keyframes dockChairNod{0%,100%{transform:rotate(0)}45%{transform:rotate(-3deg)}65%{transform:rotate(2deg)}}
  @keyframes dockTie{0%,100%{transform:translateY(0)}50%{transform:translateY(1px)}}
  @keyframes dockPlayBall{0%,100%{transform:translate(0,0)}50%{transform:translate(5px,-5px)}}
  @keyframes dockPlayArrow{0%,100%{transform:translateX(0);opacity:.7}50%{transform:translateX(2px);opacity:1}}
  .postcard{max-height:calc(100dvh - 18px)!important;overflow:hidden!important;padding:9px!important}
  .postcard .pc-band{margin-bottom:4px!important}.postcard .pc-sub{margin:4px 0!important}.pc-insights{margin-bottom:5px!important}.pc-insights article{padding:6px 5px!important}
  .postcard .pc-mini-pitch{height:min(34dvh,245px)!important;margin-bottom:5px!important}.postcard .pc-mini-player small{display:block!important;max-width:48px!important;margin-top:2px!important;padding:2px 4px!important;font-size:6px!important;letter-spacing:0!important}
  .postcard .pc-warning-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;margin-bottom:5px!important}.postcard .pc-warning{padding:5px!important}.postcard .pc-warning small{display:none!important}
  .postcard .pc-club-edit{margin:4px 0!important}.postcard .bact .btn{min-height:42px!important}
  .chair-picker-modal .cp-mechanics{gap:8px!important}.chair-picker-modal .cp-fx{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.chair-picker-modal .cp-fx-group{margin:0!important}.chair-picker-modal .cp-playstyle{padding:9px!important;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-bg)}.chair-picker-modal .cp-playstyle p{margin:5px 0 0!important;font-size:10px!important;line-height:1.4!important}
  .shop-buy-modal{position:fixed!important;left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;margin:0!important;border-radius:18px 18px 10px 10px!important}
}
@media(min-width:390px) and (max-width:760px){.prep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prep-drill{min-height:104px;grid-template-columns:30px 1fr;padding:9px}.prep-drill-icon{width:30px;height:30px}.prep-level{min-height:34px}}
@media(max-width:410px){.locker-tones{grid-template-columns:1fr}.chem-line-grid{grid-template-columns:1fr}}
@media(max-width:389px){.prep-drill{grid-template-columns:30px 1fr}}
body.reduced-motion .mobile-step-progress i,body.reduced-motion .locker-tone{transition:none!important}

/* Cash card: the help entry explains the mechanic; the detail entry opens the live ledger. */
.kasa-card .kasa-detail-link{position:absolute;left:10px;bottom:7px;z-index:3;padding:0;border:0;background:transparent;color:currentColor;font:700 8px/1 var(--mono);letter-spacing:.02em;opacity:.9;cursor:pointer}
.kasa-card .kasa-detail-link:hover,.kasa-card .kasa-detail-link:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:3px}
.kasa-card .kasa-detail-btn{top:6px!important;right:7px!important}
#kasaTile{padding-bottom:22px;cursor:pointer}
#kasaTile:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
#kasaTile .kasa-bar-wrap{display:none!important}

.cash-mechanic-sheet,.cash-detail-sheet{box-sizing:border-box;width:min(100%,620px);color:var(--text-primary)}
.cash-mechanic-sheet{
  padding:16px;
  border:1px solid #46535C;
  border-radius:15px;
  background:#27343C;
  color:#F3F5F4;
  overflow:hidden;
}
.cash-mechanic-sheet>header,.cash-detail-sheet>header{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;justify-content:start;gap:13px;margin-bottom:13px}
.cash-mechanic-sheet>header svg{box-sizing:border-box;display:block;width:48px;height:48px;padding:8px;border:1px solid #5E8294;border-radius:12px;background:#19303D;fill:none;stroke:#D7EDF5;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cash-mechanic-sheet>header>div{min-width:0;text-align:left}
.cash-mechanic-sheet header span,.cash-detail-sheet header span,.cash-history-head span{display:block;color:#BCC5C7;font:800 7px/1 var(--mono);letter-spacing:.14em}
.cash-mechanic-sheet h3,.cash-detail-sheet h3{margin:5px 0 0;color:#F3F5F4;font-size:clamp(20px,4vw,25px);line-height:1.05;overflow-wrap:anywhere}
.cash-mechanic-rules{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.cash-mechanic-rules article{box-sizing:border-box;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;min-width:0;min-height:82px;padding:12px;border:1px solid #41515B;border-radius:11px;background:#17242D}
.cash-mechanic-rules article>i{display:grid;place-items:center;width:30px;height:30px;border:1px solid #557A8C;border-radius:8px;background:#223D4B;color:#E3F3F8;font:900 8px/1 var(--mono);font-style:normal}
.cash-mechanic-rules article>div{min-width:0}
.cash-mechanic-rules b{display:block;color:#F3F5F4;font-size:12px;line-height:1.2}.cash-mechanic-rules p{margin:5px 0 0;color:#C4CCCD;font-size:9px;line-height:1.45}
.cash-mechanic-sheet>aside{margin:9px 0 12px;padding:10px 12px;border:1px solid #69591E;border-left:4px solid #D6A21F;border-radius:8px;background:#302D1E;color:#F3F5F4;font-size:9px;line-height:1.45}
.cash-mechanic-sheet>.btn,.cash-detail-sheet>.btn{width:100%;min-height:48px;margin:0}

.cash-detail-sheet{padding:14px;border:1px solid #46535C;border-radius:15px;background:#27343C;color:#F3F5F4}
.cash-detail-sheet>header{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:0 0 12px}
.cash-detail-sheet>header>div{min-width:0;text-align:left}
.cash-detail-sheet>header em{align-self:start;padding:6px 8px;border:1px solid currentColor;border-radius:9px;color:#8DC8E5;font:900 7px/1 var(--mono);font-style:normal;letter-spacing:.08em;white-space:nowrap}
.cash-detail-sheet.is-negative>header em{color:#FF806B}.cash-detail-sheet.is-positive>header em{color:#86D99B}
.cash-detail-hero{padding:13px;border:1px solid #41515B;border-radius:14px;background:#17242D;overflow:hidden}
.cash-detail-hero>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:3px 12px}.cash-detail-hero small{color:#BCC5C7;font:800 7px/1 var(--mono);letter-spacing:.13em}.cash-detail-hero>div:first-child>b{grid-row:1/3;grid-column:2;font-size:28px;line-height:1;color:#8DC8E5}.cash-detail-sheet.is-negative .cash-detail-hero>div:first-child>b{color:#FF806B}.cash-detail-sheet.is-positive .cash-detail-hero>div:first-child>b{color:#86D99B}
.cash-detail-hero p{margin:2px 0 0;color:#C4CCCD;font-size:9px}.cash-detail-hero p strong{color:#F3F5F4}
.cash-detail-hero>svg{display:block;width:100%;height:86px;margin-top:7px;overflow:visible}.cash-detail-hero>svg polyline{fill:none;stroke:#8DC8E5;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 6px rgba(141,200,229,.28))}.cash-detail-sheet.is-negative .cash-detail-hero>svg polyline{stroke:#FF806B}.cash-detail-hero>svg circle{fill:#17242D;stroke:#D7EDF5;stroke-width:3}.cash-detail-hero .cash-chart-grid{fill:none;stroke:#46535C;stroke-width:1;stroke-dasharray:4 4}
.cash-gauge{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;padding-top:8px;border-top:5px solid #3D4951}.cash-gauge>i{position:absolute;left:0;top:-5px;height:5px;border-radius:5px;background:linear-gradient(90deg,#FF806B,#D6A21F,#86D99B)}.cash-gauge span{color:#BCC5C7;font:800 6px/1.2 var(--mono)}.cash-gauge span:nth-of-type(2){text-align:center}.cash-gauge span:last-child{text-align:right}
.cash-detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0}.cash-detail-metrics article{min-width:0;padding:9px 8px;border:1px solid #41515B;border-radius:10px;background:#17242D}.cash-detail-metrics span{display:block;min-height:20px;color:#BCC5C7;font-size:7px;line-height:1.3}.cash-detail-metrics b{display:block;margin-top:4px;color:#F3F5F4;font-size:13px}.cash-detail-metrics .is-positive{color:#86D99B}.cash-detail-metrics .is-negative{color:#FF806B}
.cash-history{margin-bottom:10px;border:1px solid #41515B;border-radius:12px;background:#17242D;overflow:hidden}.cash-history-head{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;border-bottom:1px solid #41515B}.cash-history-head b{display:block;margin-top:4px;color:#F3F5F4;font-size:11px}.cash-history-head>em{display:grid;place-items:center;min-width:25px;height:25px;border-radius:8px;background:#33434D;color:#F3F5F4;font:900 8px/1 var(--mono);font-style:normal}
.cash-history ol{max-height:min(31dvh,260px);margin:0;padding:0;overflow:auto;list-style:none}.cash-history li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 11px;border-bottom:1px solid #34444E}.cash-history li:last-child{border-bottom:0}.cash-history li>i{display:grid;place-items:center;width:28px;height:28px;border:1px solid currentColor;border-radius:8px;font-size:13px;font-style:normal}.cash-history li.is-income>i{background:#18392A;color:#86D99B}.cash-history li.is-expense>i{background:#3A2022;color:#FF806B}
.cash-history li div b{display:block;color:#F3F5F4;font-size:9px}.cash-history li div span{display:block;margin-top:3px;color:#BCC5C7;font-size:7px}.cash-history li>strong{text-align:right;color:#F3F5F4;font-size:11px}.cash-history li.is-income>strong{color:#86D99B}.cash-history li.is-expense>strong{color:#FF806B}.cash-history li>strong small{display:block;margin-top:3px;color:#BCC5C7;font-size:6px}.cash-history-empty{padding:22px;text-align:center;color:#BCC5C7;font-size:9px}
.cash-detail-sheet>.btn{position:sticky;z-index:4;bottom:0;box-shadow:0 -10px 20px rgba(16,29,40,.34)}
@media(max-width:480px){.cash-detail-metrics{grid-template-columns:1fr 1fr}.cash-detail-sheet h3{font-size:19px}.cash-detail-hero{padding:10px}.cash-detail-hero>svg{height:72px}.cash-history ol{max-height:25dvh}}
@media(max-width:430px){.cash-mechanic-rules{grid-template-columns:1fr}.cash-mechanic-rules article{padding:9px}}

/* 2026-07 mobile presentation repair: a deliberate match-night landing and
   strict single-axis modal layouts. */
@media(max-width:760px){
  html.copa-mobile-game .mobile-game-landing{
    box-sizing:border-box;
    padding:max(72px,calc(env(safe-area-inset-top) + 58px)) 20px max(18px,calc(env(safe-area-inset-bottom) + 14px));
    background:
      linear-gradient(180deg,rgba(10,17,24,.28) 0%,rgba(10,17,24,.62) 54%,#0A1118 100%),
      radial-gradient(ellipse at 50% 32%,#1F6B45 0%,color-mix(in srgb,#1F6B45 42%,#101D28) 34%,#101D28 72%);
  }
  .mgl-atmosphere{inset:0;opacity:1;pointer-events:none}
  .mgl-atmosphere::before,.mgl-atmosphere::after{content:"";position:absolute;pointer-events:none}
  .mgl-atmosphere::before{
    inset:0;
    background:
      linear-gradient(118deg,transparent 0 35%,rgba(243,245,244,.035) 35.2% 35.6%,transparent 35.8%),
      linear-gradient(62deg,transparent 0 35%,rgba(243,245,244,.035) 35.2% 35.6%,transparent 35.8%);
  }
  .mgl-atmosphere::after{
    left:50%;bottom:-18%;width:112%;height:44%;
    border-radius:50% 50% 0 0;
    background:repeating-linear-gradient(90deg,#1F6B45 0 30px,color-mix(in srgb,#1F6B45 76%,#101D28) 30px 60px);
    transform:translateX(-50%) perspective(520px) rotateX(58deg);
    transform-origin:bottom;
    box-shadow:0 -18px 70px rgba(78,155,101,.1);
  }
  .mgl-atmosphere .mgl-light{
    position:absolute;top:11%;width:42%;height:48%;
    border-radius:0;
    background:linear-gradient(180deg,rgba(243,245,244,.12),transparent 80%);
    filter:blur(18px);
    opacity:.42;
    clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);
  }
  .mgl-atmosphere .mgl-light-l{left:-9%;transform:rotate(-10deg)}
  .mgl-atmosphere .mgl-light-r{right:-9%;transform:rotate(10deg)}
  .mgl-atmosphere .mgl-tunnel{
    display:none;
  }
  .mgl-atmosphere .mgl-pitch{
    position:absolute;left:50%;bottom:4%;width:min(92vw,460px);height:30%;
    transform:translateX(-50%) perspective(420px) rotateX(59deg);
    transform-origin:bottom;border:1px solid rgba(243,245,244,.12);
    background:
      linear-gradient(90deg,transparent 49.7%,rgba(243,245,244,.12) 49.8% 50.2%,transparent 50.3%),
      linear-gradient(180deg,transparent 68%,rgba(243,245,244,.12) 68.2% 68.8%,transparent 69%);
  }
  .mgl-content{justify-content:space-between;max-width:420px;min-height:0}
  .mgl-brand{margin:clamp(36px,9vh,92px) 0 0;text-align:left}
  .mgl-brand small{display:flex;align-items:center;gap:9px;color:#BCC2C2;font-size:8px}
  .mgl-brand small::before{content:"";width:24px;height:2px;background:var(--color-primary)}
  .mgl-brand h1{margin:9px 0 0;font-size:clamp(48px,15vw,66px);line-height:.88;letter-spacing:-.065em}
  .mgl-brand p{max-width:31ch;margin:14px 0 0;color:#E4E8E7;font-size:12px;line-height:1.55}
  .mgl-road{
    display:grid;grid-template-columns:repeat(4,1fr);gap:0;
    margin:22px 0 auto;padding:0;list-style:none;
    color:#AAB2B3;font:800 7px/1 var(--mono);letter-spacing:.11em;text-align:center;
  }
  .mgl-road li{position:relative;padding-top:18px}
  .mgl-road li::before{content:"";position:absolute;z-index:2;top:4px;left:50%;width:7px;height:7px;border:2px solid #AAB2B3;border-radius:50%;background:#101D28;transform:translateX(-50%)}
  .mgl-road li:first-child::before{border-color:var(--color-primary);background:var(--color-primary)}
  .mgl-road li:not(:last-child)::after{content:"";position:absolute;top:8px;left:calc(50% + 5px);width:calc(100% - 10px);height:1px;background:rgba(243,245,244,.2)}
  .mgl-bottom{position:relative;z-index:2}
  .mgl-save{margin:0 0 10px;padding:12px 13px;border-color:rgba(243,245,244,.16);border-radius:10px;background:rgba(10,17,24,.78);box-shadow:0 12px 34px rgba(10,17,24,.32)}
  .mgl-save h2{font-size:17px}
  .mgl-actions{gap:7px}
  .mgl-actions .btn{min-height:52px;border-radius:9px}
  html.copa-mobile-game body:not(.run-active) .top .tools{gap:6px}
  html.copa-mobile-game body:not(.run-active) .top .tools>button,
  html.copa-mobile-game body:not(.run-active) .top .tools #howtoToggle,
  html.copa-mobile-game body:not(.run-active) .top .tools #settingsBtn{
    width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
    border:1px solid rgba(243,245,244,.18)!important;border-radius:var(--radius-sm)!important;
    background:rgba(10,17,24,.64)!important;color:#F3F5F4!important;box-shadow:none!important;
  }

  /* The match route contains the match context and the live XI. Never hide it. */
  #hub[data-mobile-route="match"] .pitch-area>.pitch{display:block!important}
  #hub .pitch-area,#hub .pitch-area>.pitch{visibility:visible!important;opacity:1!important}
  #hub .pitch-area>.pitch{min-height:310px}

  .sheet-preparation{box-sizing:border-box;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;overflow:hidden!important}
  .prep-modal,.prep-modal *{box-sizing:border-box}
  .prep-modal{width:100%!important;max-width:100%!important;overflow-x:hidden!important;overscroll-behavior:contain}
  .prep-grid{width:100%;max-width:100%;overflow:hidden}
  .prep-drill{width:100%;max-width:100%;overflow:hidden}
  .prep-levels{min-width:0}

  .pen-modal,.pen-modal *{box-sizing:border-box}
  .pen-modal{overflow-x:hidden!important;overscroll-behavior:contain}
  .pen-modal .pen-goal{width:100%!important;max-width:100%!important;height:clamp(160px,31dvh,220px)!important}
  #phaserPenaltyStage{max-width:100%;overflow:hidden;border-radius:12px}
  .pen-actors,.pen-dir-grid,.pen-action-dock{width:100%;max-width:100%;min-width:0}
  .pen-modal .pen-dir-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:380px){
  .mgl-brand{margin-top:26px}
  .mgl-brand p{font-size:11px}
  .mgl-road{margin-top:16px}
  .mgl-save{padding-block:10px}
}
body.reduced-motion .mgl-road li::before{animation:none!important}

/* 2026 mobile game polish: onboarding, tactical landing and route isolation */
html.copa-mobile-game .howto-toggle{
  display:grid!important;place-items:center!important;padding:0!important;text-indent:0!important;
}
html.copa-mobile-game .howto-toggle svg{display:block!important;margin:0!important;transform:none!important}
html.copa-mobile-game.tournament-draw-open,
html.copa-mobile-game body.tournament-draw-open{overflow:hidden!important}
html.copa-mobile-game .mobile-legal-links .sdgrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
html.copa-mobile-game .mobile-legal-links .sdbtn{min-width:0!important;padding-inline:4px!important;font-size:8px!important;text-align:center!important}

.mgl-board-wrap{position:relative;margin:14px 0 10px;padding:10px;border:1px solid color-mix(in srgb,var(--text-on-dark) 13%,transparent);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--field-grass) 44%,var(--surface-dark)),var(--surface-dark));box-shadow:inset 0 1px color-mix(in srgb,var(--text-on-dark) 4%,transparent),var(--shadow-md);overflow:hidden}
.mgl-board-wrap>span{display:block;margin-bottom:7px;color:var(--text-secondary);font:800 7px/1 var(--mono);letter-spacing:.14em}
.mgl-tactical-board{display:block;width:100%;height:auto;color:var(--text-on-dark)}
.mgl-tactical-board>rect,.mgl-tactical-board>path,.mgl-tactical-board>circle{fill:none;stroke:color-mix(in srgb,var(--text-on-dark) 18%,transparent);stroke-width:1}
.mgl-routes path{fill:none;stroke:#F24A28;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:5 4;animation:mglRoute 3s linear infinite}
.mgl-players circle{fill:var(--surface-dark);stroke:var(--status-success);stroke-width:1.4;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--status-success) 30%,transparent));animation:mglPlayerPulse 2.8s ease-in-out infinite;animation-delay:calc(var(--i)*-.13s)}
.mgl-players g:nth-child(7) circle{fill:var(--action-primary);stroke:var(--text-on-dark)}
.mgl-players text{fill:#F3F5F4;font:700 5px/1 var(--mono);text-anchor:middle}
@keyframes mglRoute{to{stroke-dashoffset:-18}}
@keyframes mglPlayerPulse{50%{transform:translateY(-1.5px);transform-origin:center;opacity:.72}}
.mgl-road li::before{animation:mglRoadNode 2.4s ease-in-out infinite;animation-delay:calc(var(--road-index,0)*.2s)}
.mgl-road li:nth-child(2){--road-index:1}.mgl-road li:nth-child(3){--road-index:2}.mgl-road li:nth-child(4){--road-index:3}
@keyframes mglRoadNode{50%{box-shadow:0 0 0 5px rgba(242,74,40,.08)}}
.mgl-brand h1{font-family:var(--sans);font-weight:900;text-transform:uppercase}.mgl-brand h1::first-letter{letter-spacing:-.08em}

@media(max-width:760px){
  html.copa-mobile-game body.mobile-game-landing-open .mgl-content{display:grid;grid-template-rows:auto auto auto auto;align-content:center;gap:12px;min-height:calc(100dvh - 92px)}
  html.copa-mobile-game body.mobile-game-landing-open .mgl-brand{margin-top:clamp(8px,2dvh,22px)}
  html.copa-mobile-game body.mobile-game-landing-open .mgl-brand h1{font-size:clamp(42px,13vw,60px);letter-spacing:-.055em}
  html.copa-mobile-game body.mobile-game-landing-open .mgl-road{margin:8px 0 0}
  html.copa-mobile-game body.mobile-game-landing-open .mgl-board-wrap{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:180px;max-height:290px;margin:0;padding:10px 12px}
  html.copa-mobile-game body.mobile-game-landing-open .mgl-tactical-board{width:100%;height:100%;min-height:0}
  html.copa-mobile-game body.mobile-game-landing-open .mgl-bottom{padding-bottom:max(22px,env(safe-area-inset-bottom))}
  html.copa-mobile-game body.mobile-game-landing-open .mgl-actions{margin-top:8px}

  html.copa-mobile-game #introSetup{min-height:calc(100dvh - 90px);display:flex;flex-direction:column;padding:10px 12px max(18px,env(safe-area-inset-bottom))!important}
  html.copa-mobile-game .mobile-setup-nav{padding-top:54px}
  html.copa-mobile-game #introSetup [data-mobile-step]{margin:auto 0!important;width:100%;animation:mobileStepIn .3s ease-out}
  @keyframes mobileStepIn{from{opacity:0;transform:translateY(14px)}}
  html.copa-mobile-game .mobile-step-progress{margin-bottom:10px}
  html.copa-mobile-game .mobile-step-buttons{display:flex;justify-content:space-between;gap:10px}
  html.copa-mobile-game .mobile-step-buttons .btn{min-height:52px;border-radius:12px}

  html.copa-mobile-game #countryPick{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  html.copa-mobile-game #countryPick .mobile-country-card{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:112px!important;border-radius:14px!important;background:linear-gradient(155deg,var(--surface-elevated),color-mix(in srgb,var(--surface-bg) 80%,var(--field-grass)))!important;box-shadow:inset 0 1px color-mix(in srgb,var(--color-ink) 9%,transparent)}
  html.copa-mobile-game #countryPick .mobile-country-card img{width:46px!important;height:32px!important;object-fit:cover;border-radius:3px;box-shadow:var(--shadow-sm)}
  html.copa-mobile-game #countryPick .mobile-country-card.on{border-color:var(--color-primary)!important;box-shadow:inset 3px 0 var(--color-primary),0 8px 26px rgba(242,74,40,.12)}
  html.copa-mobile-game #countryPick .country-name{font:800 11px/1 var(--mono);letter-spacing:.05em}

  html.copa-mobile-game #formpick{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;max-height:min(66dvh,620px);overflow-y:auto;padding:2px 2px 18px;scrollbar-width:thin}
  html.copa-mobile-game #formpick .mobile-formation-card{position:relative;display:flex!important;flex-direction:column;justify-content:flex-end;min-height:160px!important;padding:12px!important;border-radius:14px!important;text-align:left!important;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--surface-elevated) 92%,var(--field-grass)),var(--surface-bg))!important}
  html.copa-mobile-game #formpick .form-dot-preview{position:absolute;inset:10px 10px 38px;display:grid!important;place-items:center!important;visibility:visible!important;opacity:.95!important;transform:none!important;background:transparent!important;padding:0!important;box-shadow:none!important}
  html.copa-mobile-game #formpick .form-dot-preview svg{display:block!important;width:100%!important;height:100%!important;visibility:visible!important;transform:rotate(90deg)!important;color:var(--status-success)}
  html.copa-mobile-game #formpick .formation-card-kicker{display:none!important}
  html.copa-mobile-game #formpick .formation-card-name{position:relative;z-index:2;display:block;min-height:16px;color:var(--text-primary);font:900 12px/1 var(--mono);letter-spacing:.04em}
  html.copa-mobile-game #formpick .mobile-formation-card.sel .formation-card-name{color:#FFFFFF!important}
  html.copa-mobile-game #formpick .mobile-formation-card.sel{border-color:var(--color-primary)!important;box-shadow:inset 0 -3px var(--color-primary),0 12px 32px rgba(242,74,40,.1)}
  html.copa-mobile-game #formpick .mobile-formation-card.locked{filter:saturate(.4);opacity:.58}

  html.copa-mobile-game #chairpick{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;max-height:min(65dvh,620px);overflow:auto;padding:3px 3px 22px}
  html.copa-mobile-game #chairpick .mobile-chair-card{display:grid!important;grid-template-rows:116px 42px 36px;min-height:194px!important;padding:0!important;border:1px solid var(--border-subtle)!important;border-radius:16px!important;overflow:hidden;text-align:left!important;background:var(--surface-elevated)!important;box-shadow:0 8px 22px rgba(10,17,24,.16)!important}
  html.copa-mobile-game #chairpick .chairthumb{position:relative!important;inset:auto!important;width:100%!important;height:116px!important;object-fit:contain!important;object-position:center bottom!important;background:linear-gradient(135deg,var(--field-grass),var(--surface-dark))!important;border-bottom:1px solid var(--border-subtle)}
  html.copa-mobile-game #chairpick .chair-name-row{display:flex!important;align-items:center;justify-content:center;gap:7px;padding:7px 10px!important;background:var(--surface-bg)}
  html.copa-mobile-game #chairpick .chairbtn-name{position:static!important;display:block!important;width:auto!important;padding:0!important;border:0!important;background:transparent!important;font-size:14px!important;text-align:center}
  html.copa-mobile-game #chairpick .chair-name-row .setup-mastery{position:static!important;display:inline-flex!important;align-items:center;gap:2px;margin:0!important;padding:3px 5px!important;transform:none!important;border:1px solid currentColor;border-radius:999px;background:color-mix(in srgb,currentColor 10%,var(--surface-dark));font:900 8px/1 var(--mono)}
  html.copa-mobile-game #chairpick .chair-mobile-meta{display:flex;flex-wrap:wrap;align-content:center;align-items:center;gap:4px 7px;padding:7px 10px}.chair-mobile-meta b,.chair-mobile-meta em{font:700 7px/1.35 var(--mono);font-style:normal}.chair-mobile-meta b{padding:3px 5px;border:1px solid currentColor;border-radius:999px;color:var(--status-positive-text);white-space:nowrap}.chair-mobile-meta em{flex:1 1 100%;color:var(--text-secondary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  html.copa-mobile-game #chairpick .chair-detail-link{display:flex;align-items:center;padding:8px 10px;border-top:1px solid var(--border-subtle);background:var(--surface-bg);color:var(--text-primary);font:800 8px/1 var(--mono);letter-spacing:.08em}
  html.copa-mobile-game #chairpick .mobile-chair-card.sel{border-color:var(--color-primary)!important;box-shadow:inset 0 0 0 1px var(--color-primary),0 12px 34px rgba(242,74,40,.16)!important}
  html[data-theme="dark"] #chairpick .chair-mobile-meta,
  html[data-theme="dark"] #chairpick .chair-detail-link{background:#101D28!important}
  html[data-theme="dark"] #chairpick .chair-mobile-meta b,
  html[data-theme="dark"] #chairpick .chair-mobile-meta em,
  html[data-theme="dark"] #chairpick .chair-detail-link{color:#F3F5F4!important}
  html.copa-mobile-game body.mobile-game-setup-open .v7-cta-stack{position:sticky!important;bottom:0;display:grid!important;grid-template-columns:minmax(0,.38fr) minmax(0,1fr);gap:8px;padding:10px 0 max(4px,env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--surface-bg) 22%)!important}
  html.copa-mobile-game body.mobile-game-setup-open .v7-cta-stack .v7-summary{display:none!important}
  html.copa-mobile-game body.mobile-game-setup-open .v7-cta-stack #startBtn{grid-column:1/-1;grid-row:2;min-height:56px;border-radius:12px}
  html.copa-mobile-game body.mobile-game-setup-open .v7-cta-stack .advanced-wrap{grid-column:1;grid-row:2;display:grid}
  html.copa-mobile-game .advanced-toggle{width:100%;min-height:56px;border:1px solid var(--border-strong)!important;border-radius:12px!important;background:var(--surface-elevated)!important;color:var(--color-ink)!important;font-size:8px!important}

  html.copa-mobile-game #draft{height:auto!important;min-height:calc(100dvh - 80px)!important;max-height:none!important;overflow:visible!important;padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
  html.copa-mobile-game #draft .draft-cols,html.copa-mobile-game #draft .draft-right{overflow:visible!important;max-height:none!important}
  html.copa-mobile-game #draft #pitch{min-height:760px}

  html.copa-mobile-game .native-hub-nav{position:sticky;top:0;z-index:20;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;background:color-mix(in srgb,var(--surface-bg) 92%,transparent);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:14px}
  html.copa-mobile-game .native-hub-nav button{display:flex!important;align-items:center;justify-content:center;gap:7px;min-height:50px;border:0;border-radius:10px;background:transparent;color:var(--color-slate);font:800 9px/1 var(--mono);letter-spacing:.08em}
  html.copa-mobile-game .native-hub-nav button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  html.copa-mobile-game .native-hub-nav button.active{background:color-mix(in srgb,var(--color-primary) 14%,var(--surface-elevated));color:var(--color-primary);box-shadow:inset 0 -2px var(--color-primary)}
  html.copa-mobile-game #hub .native-hub-nav{
    --nav-gap:6px;box-sizing:border-box!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:min(620px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;
    margin:0 auto 12px!important;justify-self:center!important;align-self:center!important;gap:var(--nav-gap)!important;padding:6px!important;
    border-color:color-mix(in srgb,var(--border-strong) 68%,transparent)!important;border-radius:16px!important;
    background:linear-gradient(145deg,color-mix(in srgb,var(--surface-elevated) 96%,transparent),color-mix(in srgb,var(--surface-bg) 90%,transparent))!important;
    box-shadow:var(--shadow-md),inset 0 1px rgba(255,255,255,.04)!important;overflow:hidden
  }
  html.copa-mobile-game #hub .native-hub-nav button{
    --tab-tone:#F24A28;--tab-rgb:242,74,40;position:relative;isolation:isolate;min-width:0!important;min-height:58px!important;
    justify-content:flex-start!important;gap:9px!important;padding:8px 12px!important;border:1px solid transparent!important;border-radius:11px!important;
    color:color-mix(in srgb,var(--tab-tone) 48%,var(--color-slate))!important;white-space:nowrap!important;overflow:hidden!important;
    transition:color .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .16s ease
  }
  html.copa-mobile-game #hub .native-hub-nav button[data-native-target="market"]{--tab-tone:#D6A21F;--tab-rgb:214,162,31}
  html.copa-mobile-game #hub .native-hub-nav button[data-native-target="training"]{--tab-tone:#276A8B;--tab-rgb:39,106,139}
  html[data-theme="dark"].copa-mobile-game #hub .native-hub-nav button[data-native-target="training"]{--tab-tone:#7DD3FC;--tab-rgb:125,211,252}
  html.copa-mobile-game #hub .native-hub-nav button[data-native-target="career"]{--tab-tone:var(--status-success);--tab-rgb:80,165,121}
  html.copa-mobile-game #hub .native-hub-nav button::before{
    content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(118deg,rgba(var(--tab-rgb),.18),rgba(var(--tab-rgb),.035) 62%,transparent);opacity:0;transition:opacity .22s ease
  }
  html.copa-mobile-game #hub .native-hub-nav button::after{
    content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:var(--tab-tone);opacity:0;transform:scaleX(.25);transition:opacity .22s ease,transform .22s ease
  }
  html.copa-mobile-game #hub .native-hub-nav button:active{transform:scale(.98)}
  html.copa-mobile-game #hub .native-hub-nav button:focus-visible{outline:2px solid var(--tab-tone)!important;outline-offset:-2px}
  html.copa-mobile-game #hub .native-hub-nav button.active{
    color:var(--tab-tone)!important;border-color:color-mix(in srgb,var(--tab-tone) 58%,var(--border-subtle))!important;
    background:color-mix(in srgb,var(--tab-tone) 8%,var(--surface-elevated))!important;
    box-shadow:0 7px 20px rgba(var(--tab-rgb),.12),inset 0 0 0 1px rgba(var(--tab-rgb),.08)!important
  }
  html.copa-mobile-game #hub .native-hub-nav button.active::before,
  html.copa-mobile-game #hub .native-hub-nav button.active::after{opacity:1}
  html.copa-mobile-game #hub .native-hub-nav button.active::after{transform:scaleX(1)}
  html.copa-mobile-game #hub .native-hub-tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis;font:900 9px/1 var(--mono);letter-spacing:.105em}
  html.copa-mobile-game #hub .native-hub-tab-count{position:absolute;z-index:2;right:7px;top:6px;left:auto;display:grid;place-items:center;box-sizing:border-box;min-width:25px;height:16px;padding:0 5px;border:1px solid color-mix(in srgb,var(--tab-tone) 54%,var(--border-subtle));border-radius:7px;background:color-mix(in srgb,var(--tab-tone) 13%,var(--surface-elevated));box-shadow:0 2px 8px rgba(var(--tab-rgb),.12);color:var(--tab-tone);font:900 7px/1 var(--mono);font-style:normal;letter-spacing:.04em;text-align:center}
  html.copa-mobile-game #hub .native-hub-market-dot{position:absolute;z-index:3;right:9px;top:8px;box-sizing:border-box;width:9px;height:9px;border:2px solid var(--surface-elevated);border-radius:50%;background:var(--tab-tone);box-shadow:0 0 0 0 rgba(var(--tab-rgb),.55);pointer-events:none;animation:hubMarketNoticePulse 1.45s ease-out infinite}
  html.copa-mobile-game #hub .native-hub-market-dot.hidden{display:none!important}
  html.copa-mobile-game #hub .native-hub-nav .hub-tab-svg{flex:0 0 26px;width:26px!important;height:26px!important;overflow:visible}
  html.copa-mobile-game #hub .native-hub-nav .hub-tab-icon-frame{fill:rgba(var(--tab-rgb),.055);stroke-width:1.7}
  html.copa-mobile-game #hub .native-hub-nav .hub-tab-motion{stroke:var(--tab-tone);stroke-dasharray:4 3}
  html.copa-mobile-game #hub .native-hub-nav .hub-tab-token{fill:var(--tab-tone);stroke:var(--surface-bg);stroke-width:1.2;transform-box:fill-box;transform-origin:center}
  html.copa-mobile-game #hub .native-hub-nav button.active .hub-tab-svg-match .hub-tab-token{animation:hubMatchBall 1.35s cubic-bezier(.45,0,.25,1) infinite}
  html.copa-mobile-game #hub .native-hub-nav button.active .hub-tab-svg-market .hub-tab-token{animation:hubMarketCoin 1.5s ease-in-out infinite}
  html.copa-mobile-game #hub .native-hub-nav button.active .hub-tab-svg-market .hub-tab-motion{animation:hubMarketShutter 1.5s ease-in-out infinite}
  html.copa-mobile-game #hub .native-hub-nav button.active .hub-tab-svg-training .hub-tab-token{animation:hubTrainingPulse 1.35s ease-in-out infinite}
  html.copa-mobile-game #hub .native-hub-nav button.active .hub-tab-svg-training .hub-tab-motion{animation:hubTrainingLift 1.35s ease-in-out infinite}
  html.copa-mobile-game #hub .native-hub-nav button.active .hub-tab-svg-career .hub-tab-token{animation:hubCareerStep 1.65s ease-in-out infinite}
  html.copa-mobile-game #hub .native-hub-nav button.active .hub-tab-svg-career .hub-tab-motion{animation:hubCareerStar 1.65s ease-in-out infinite}
  @keyframes hubMatchBall{0%,100%{transform:translate(0,0) scale(.9)}48%{transform:translate(7px,-7px) scale(1.08)}}
  @keyframes hubMarketCoin{0%,100%{transform:translateY(0) rotateY(0)}50%{transform:translateY(-2px) rotateY(180deg)}}
  @keyframes hubMarketShutter{0%,100%{transform:translateX(0)}50%{transform:translateX(1.5px)}}
  @keyframes hubTrainingPulse{0%,100%{transform:scale(.8);opacity:.65}50%{transform:scale(1.18);opacity:1}}
  @keyframes hubTrainingLift{0%,100%{transform:translateY(1px)}50%{transform:translateY(-1px)}}
  @keyframes hubCareerStep{0%,100%{transform:scale(.82);opacity:.68}50%{transform:scale(1.18);opacity:1}}
  @keyframes hubCareerStar{0%,100%{transform:translateY(1px)}50%{transform:translateY(-1px)}}
  @keyframes hubMarketNoticePulse{0%{box-shadow:0 0 0 0 rgba(var(--tab-rgb),.55);transform:scale(.9)}55%{box-shadow:0 0 0 6px rgba(var(--tab-rgb),0);transform:scale(1)}100%{box-shadow:0 0 0 0 rgba(var(--tab-rgb),0);transform:scale(.9)}}
  body.reduced-motion .native-hub-nav *{animation:none!important;transition:none!important}
  @media (prefers-reduced-motion:reduce){html.copa-mobile-game #hub .native-hub-nav *{animation:none!important;transition:none!important}}
  @media (max-width:410px){
    html.copa-mobile-game #hub .native-hub-nav{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;--nav-gap:4px;padding:5px!important}
    html.copa-mobile-game #hub .native-hub-nav button{min-height:54px!important;gap:3px!important;padding:7px 4px!important}
    html.copa-mobile-game #hub .native-hub-nav .hub-tab-svg{flex-basis:19px;width:19px!important;height:19px!important}
    html.copa-mobile-game #hub .native-hub-tab-label{font-size:7px;letter-spacing:.035em}
    html.copa-mobile-game #hub .native-hub-tab-count{left:auto;right:5px;top:5px;min-width:23px;height:15px;padding-inline:4px}
    html.copa-mobile-game #hub .native-hub-market-dot{right:7px;top:7px}
    html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #talkBtn,
    html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #presBtn,
    html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #playBtn{gap:4px!important;padding-inline:5px!important}
    html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #talkBtn svg,
    html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #presBtn svg,
    html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #playBtn svg{flex-basis:20px;width:20px!important;height:20px!important}
    html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #talkBtn span,
    html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #presBtn span,
    html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #playBtn span{font:900 7.5px/1 var(--mono)!important;letter-spacing:.02em!important}
  }
  html.copa-mobile-game #hub[data-mobile-route="market"] .hcol-l,
  html.copa-mobile-game #hub[data-mobile-route="training"] .hubcols,
  html.copa-mobile-game #hub[data-mobile-route="market"] .hub-action-panel,
  html.copa-mobile-game #hub[data-mobile-route="career"] .hubcols{display:none!important}
  html.copa-mobile-game #hub[data-mobile-route="market"] .roundtag,
  html.copa-mobile-game #hub[data-mobile-route="training"] .roundtag,
  html.copa-mobile-game #hub[data-mobile-route="career"] .roundtag{display:none!important}
  html.copa-mobile-game #hub[data-mobile-route="match"] .hcol-r>#shopLbl,
  html.copa-mobile-game #hub[data-mobile-route="match"] .hcol-r>#shopcards{display:none!important}
  html.copa-mobile-game #hub[data-mobile-route="market"] .hcol-r{display:block!important;width:100%!important}
  html.copa-mobile-game #hub[data-mobile-route="training"] .mobile-training-route{display:block!important}
  html.copa-mobile-game #hub[data-mobile-route="career"] .mobile-career-route{display:block!important}
  html.copa-mobile-game #mobileActionDock.mobile-route-suppressed{display:none!important}
  .mobile-career-route{display:none;padding:20px 6px 110px}.mobile-career-route header span{color:var(--color-primary);font:800 8px/1 var(--mono);letter-spacing:.15em}.mobile-career-route header h2{margin:7px 0 18px}.mobile-career-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.mobile-career-metrics article{padding:14px 9px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-elevated)}.mobile-career-metrics small{display:block;color:var(--color-slate);font:700 7px/1.2 var(--mono)}.mobile-career-metrics b{display:block;margin-top:8px;font-size:22px;color:var(--color-primary)}
  .mobile-training-route{display:none;padding:14px 6px 110px}.mobile-training-route>.prep-modal{width:100%;max-width:none;margin:0;border:1px solid color-mix(in srgb,var(--status-info) 45%,var(--border-subtle));border-radius:16px;background:linear-gradient(150deg,color-mix(in srgb,var(--status-info) 7%,var(--surface-elevated)),var(--surface-elevated));box-shadow:var(--shadow-md)}.mobile-training-route>.prep-modal>header>span{color:var(--status-info)}
  .mobile-opponent-analysis{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 12px 10px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--status-info) 42%,var(--border-subtle));border-radius:11px;background:color-mix(in srgb,var(--status-info) 8%,var(--surface-bg))}.mobile-opponent-analysis>div{display:grid;min-width:0;gap:3px}.mobile-opponent-analysis small{color:var(--status-info);font:900 6px/1 var(--mono);letter-spacing:.12em}.mobile-opponent-analysis b{overflow:hidden;color:var(--text-primary);font:900 12px/1 var(--disp);text-overflow:ellipsis;white-space:nowrap}.mobile-opponent-analysis span{color:var(--color-slate);font:800 7px/1 var(--mono)}.mobile-opponent-analysis .mobile-training-scout{display:inline-flex!important;flex:0 0 auto;align-items:center;gap:6px;min-height:38px;padding:7px 10px;border-color:var(--status-info);color:var(--status-info);white-space:nowrap}
.mobile-career-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:10px;padding:4px;border:1px solid var(--border-subtle);border-radius:11px;background:var(--surface-elevated)}.mobile-career-tabs button{min-width:0;min-height:38px;border:0;border-radius:8px;background:transparent;color:var(--color-slate);font:800 7px/1 var(--mono)}.mobile-career-tabs button.active{background:color-mix(in srgb,var(--color-primary) 13%,var(--surface-bg));color:var(--color-primary);box-shadow:inset 0 -2px var(--color-primary)}.mobile-career-panel{overflow:hidden;border:1px solid var(--border-subtle);border-radius:13px;background:var(--surface-elevated)}.mobile-career-panel>.meta-career-hero,.mobile-career-panel>.meta-mastery-grid,.mobile-career-panel>.meta-museum-summary{margin:0!important;border:0!important;border-radius:0!important}.mobile-career-panel .meta-career-disclosure{margin-inline:10px}
.mobile-career-inline{width:100%;max-width:none;margin:0;box-shadow:var(--shadow-md)}

  html.copa-mobile-game #hub .hub-stat-row>.mtile,
  html.copa-mobile-game #hub .hub-stat-row>.kasa-card{background:linear-gradient(145deg,var(--surface-elevated),color-mix(in srgb,var(--surface-bg) 82%,var(--metric-accent,var(--status-success))))!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-sm)!important}
  html.copa-mobile-game body.run-active,
  html.copa-mobile-game body.run-active .wrap,
  html.copa-mobile-game body.run-active #hub{overflow-x:hidden!important;overflow-y:visible!important}
  html.copa-mobile-game #tournamentHubPanel .tg-hub-card{border:1px solid var(--border-subtle)!important;border-radius:14px!important;background:var(--surface-elevated)!important;overflow:hidden}

  .locker-scene[data-target="defence"] i:nth-child(-n+2),.locker-scene[data-target="attack"] i:nth-last-child(-n+2),.locker-scene[data-target="youth"] i:not(.captain),.locker-scene[data-target="star"] .captain{filter:drop-shadow(0 0 8px var(--color-primary));transform:translateY(-4px)}
}
body.reduced-motion .mgl-routes path,body.reduced-motion .mgl-players circle,body.reduced-motion .mgl-road li::before{animation:none!important}
html[data-theme="dark"] #chairpick .chair-mobile-meta,
html[data-theme="dark"] #chairpick .chair-detail-link{background:#101D28!important}
html[data-theme="dark"] #chairpick .chair-mobile-meta b,
html[data-theme="dark"] #chairpick .chair-mobile-meta em,
html[data-theme="dark"] #chairpick .chair-detail-link{color:#F3F5F4!important}

/* Compact market context: the treasury owns the financial context, cards do not repeat it. */
.market-decision-head{gap:7px;padding:9px;background-color:var(--surface-elevated);background-image:linear-gradient(135deg,color-mix(in srgb,var(--market-tone) 8%,transparent),transparent 72%)}
.market-condition{justify-self:start;min-height:0;padding:6px 9px;border:1px solid color-mix(in srgb,var(--market-tone) 44%,var(--border-subtle));border-radius:999px;background:color-mix(in srgb,var(--market-tone) 12%,var(--surface-bg));color:var(--market-tone)}
.market-condition span{font-size:7px}.market-condition b{margin-left:6px;color:currentColor;font-size:7px;letter-spacing:.06em}
.market-cash-panel{padding:9px 10px 8px;border:1px solid var(--border-subtle);border-radius:10px;background-color:var(--surface-bg);background-image:linear-gradient(145deg,color-mix(in srgb,var(--market-tone) 5%,transparent),transparent 65%)}
.market-money{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 0 8px;border:0}
.market-money span{gap:4px;padding:0 10px}.market-money span:first-child{padding-left:0}.market-money span:last-child{padding-right:0}
.market-money small{color:var(--color-slate);font:850 6px/1 var(--mono);letter-spacing:.08em}.market-money b{font-size:13px}
.market-decision-head[data-cash-tone="good"]{--cash-tone:var(--status-success)}
.market-decision-head[data-cash-tone="watch"]{--cash-tone:var(--status-warning)}
.market-decision-head[data-cash-tone="risk"],.market-decision-head[data-cash-tone="critical"]{--cash-tone:var(--status-risk)}
.market-decision-head[data-cash-tone] .market-money span:first-child b{color:var(--cash-tone)}
.market-cash-track{position:relative;height:7px;overflow:visible;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--status-risk) 30%,var(--surface-muted)),color-mix(in srgb,var(--status-warning) 25%,var(--surface-muted)) 55%,color-mix(in srgb,var(--status-success) 22%,var(--surface-muted)))}
.market-cash-track i{display:block;width:calc(var(--cash-ratio)*100%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--status-risk),var(--cash-tone));transition:width .35s ease}
.market-cash-track em{position:absolute;left:calc(var(--cash-ratio)*100%);top:50%;width:11px;height:11px;border:2px solid var(--surface-elevated);border-radius:50%;background:var(--cash-tone);box-shadow:0 0 0 2px color-mix(in srgb,var(--cash-tone) 26%,transparent);transform:translate(-50%,-50%);transition:left .35s ease}
.market-cash-labels{display:flex;justify-content:space-between;margin-top:6px;color:var(--color-slate);font:800 5.5px/1 var(--mono)}
.market-card-impact{grid-template-columns:1fr}.market-card-impact span{grid-template-columns:auto 1fr;align-items:center}.market-card-impact b{justify-self:end}
#freeAgentRow .free-agent-impact{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Training uses restrained motion and a distinct contextual accent per drill. */
.prep-drill{--drill-tone:var(--status-info);position:relative;overflow:hidden;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}
.prep-drill:hover,.prep-drill:focus-within{border-color:color-mix(in srgb,var(--drill-tone) 58%,var(--border-subtle));transform:translateY(-1px)}
.prep-drill.active{border-color:var(--drill-tone);box-shadow:inset 3px 0 var(--drill-tone);background:color-mix(in srgb,var(--drill-tone) 7%,var(--surface-bg))}
.prep-drill-icon{background:color-mix(in srgb,var(--drill-tone) 13%,var(--surface-bg));color:var(--drill-tone);transition:transform .2s ease,background-color .2s ease}
.prep-drill:focus-within .prep-drill-icon,.prep-drill:hover .prep-drill-icon{transform:rotate(-5deg) scale(1.06)}
.prep-drill .prep-level.active{border-color:var(--drill-tone);background:var(--drill-tone);color:#fff}
.prep-kind-attack{--drill-tone:#F25D42}.prep-kind-defence{--drill-tone:#4D92D6}.prep-kind-setpiece{--drill-tone:#D39B31}.prep-kind-penalty{--drill-tone:#E35B69}.prep-kind-chemistry{--drill-tone:#55A978}.prep-kind-recovery{--drill-tone:#45A7A2}.prep-kind-analysis{--drill-tone:#806FD2}
.mobile-opponent-analysis .mobile-training-scout{display:grid!important;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:150px;min-height:42px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--status-info) 60%,var(--border-default));border-radius:9px;background:color-mix(in srgb,var(--status-info) 11%,var(--surface-elevated));color:var(--status-info);font:900 7px/1 var(--mono);white-space:nowrap}
.mobile-training-scout svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mobile-training-scout .scout-scan{animation:copaScoutScan 1.8s ease-in-out infinite}.mobile-training-scout i{font:900 13px/1 var(--mono);font-style:normal;transition:transform .18s ease}.mobile-training-scout:hover i,.mobile-training-scout:focus-visible i{transform:translateX(2px)}
@keyframes copaScoutScan{0%,100%{transform:translateX(-1px);opacity:.45}50%{transform:translateX(2px);opacity:1}}
body.reduced-motion .prep-drill,body.reduced-motion .prep-drill-icon,body.reduced-motion .mobile-training-scout .scout-scan,body.reduced-motion .market-cash-track i,body.reduced-motion .market-cash-track em{animation:none!important;transition:none!important;transform:none!important}

/* Setup chrome belongs to the stepper, not the formation licence flow.
   Key visibility to the durable step value so lazy progression updates cannot
   expose landing statistics or the final action while formations are selected. */
html.copa-mobile-game #introSetup>.metaline,
html.copa-mobile-game #introSetup>.v7-footer-block,
html.copa-mobile-game #introSetup>.contact-patreon-row{display:none!important}
html.copa-mobile-game #introSetup:not([data-mobile-current-step="3"])>.v7-cta-stack{display:none!important}

/* 2026-07-27 Android UI coherence pass */
.guide-book-icon{display:block;transform-origin:center}
.guide-book-page{transform-box:fill-box;transform-origin:left center;animation:copaGuidePage 3.2s ease-in-out infinite}
body.reduced-motion .guide-book-page{animation:none}

.mgl-shape{fill:none;stroke:color-mix(in srgb,var(--status-success) 34%,transparent);stroke-width:.8;stroke-dasharray:3 4}
.mgl-meta{display:grid;gap:6px;margin:0 0 8px}
.mgl-career,.mgl-world{display:grid;align-items:center;border:1px solid color-mix(in srgb,var(--text-on-dark) 14%,transparent);border-radius:10px;background:rgba(10,17,24,.58)}
.mgl-career{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px 9px}
.mgl-career span{grid-column:1/-1;color:var(--color-primary);font:900 7px/1 var(--mono);letter-spacing:.14em}
.mgl-career b{color:#F3F5F4;font:800 7px/1 var(--mono);text-align:center;white-space:nowrap}
.mgl-world{grid-template-columns:repeat(4,1fr);padding:7px}
.mgl-world b{display:grid;gap:2px;color:#F3F5F4;font:900 11px/1 var(--mono);text-align:center}
.mgl-world b+ b{border-left:1px solid rgba(255,255,255,.1)}
.mgl-world small{color:#AAB2B3;font:700 5.5px/1 var(--mono);letter-spacing:.06em}
.mgl-actions{justify-items:center}
.mgl-actions .btn{width:min(100%,400px);margin-inline:auto}
.mgl-actions .mgl-arena-entry{width:min(100%,400px);margin-inline:auto;min-height:52px}

.formation-name-row{position:relative;z-index:3;display:inline-flex;align-items:center;gap:7px;min-width:0}
.formation-name-row .lockicon{position:static!important;flex:0 0 auto;margin:0!important;transform:none!important}
.setup-mastery .mastery-star,.style-mastery .mastery-star{color:inherit!important}

.style-select-modal{width:min(640px,calc(100vw - 20px))}
.style-choice-modern .sst{justify-content:flex-start}
.style-choice-modern .style-mastery{order:2}
.style-choice-modern .style-impact-value{order:3}
.style-impact-grid{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px}
.style-impact-grid .is-positive{grid-row:1}
.style-impact-grid .is-negative{grid-row:2}
.style-impact-grid span{box-sizing:border-box;width:fit-content!important;min-width:min(220px,68%)!important;max-width:100%!important;padding-inline:10px 16px!important}

.postcard .pc-sub{gap:7px!important}
.postcard .pc-meta-chip{display:inline-flex!important;align-items:center;gap:4px;padding:4px 7px!important;border:1px solid var(--border-subtle);border-radius:999px;background:var(--surface-bg)}
.pc-insights article{border-color:color-mix(in srgb,var(--insight-tone) 58%,var(--border-subtle))!important;background:color-mix(in srgb,var(--insight-tone) 20%,var(--surface-bg))!important;box-shadow:inset 0 0 24px color-mix(in srgb,var(--insight-tone) 6%,transparent)}
.pc-insights em{color:var(--insight-tone)!important;text-shadow:0 0 14px color-mix(in srgb,var(--insight-tone) 22%,transparent)}
.pc-insights .is-strong em,.pc-insights .is-safe em{color:#79D596!important}
.pc-insights .is-risk em{color:#F0C44D!important}
.pc-insights .is-debt em{color:#FF765D!important}
.mobile-autofill-presets button{color:#F3F5F4!important;background:#27343C!important}
.mobile-autofill-presets button:nth-child(1){border-color:var(--status-success)!important}
.mobile-autofill-presets button:nth-child(2){border-color:var(--status-info)!important}
.mobile-autofill-presets button:nth-child(3){border-color:var(--status-warning)!important}
.mobile-autofill-presets button:nth-child(4){border-color:var(--status-risk)!important}

@media(max-width:760px){
  html.copa-mobile-game body.mobile-game-landing-open .mobile-game-landing{overflow-y:auto}
  html.copa-mobile-game body.mobile-game-landing-open .mobile-game-landing{justify-content:center}
  html.copa-mobile-game body.mobile-game-landing-open .mgl-content{
    box-sizing:border-box;
    flex:0 1 420px;
    grid-template-columns:minmax(0,1fr);
    justify-items:stretch;
    width:min(420px,calc(100vw - 40px))!important;
    max-width:none;
    margin-inline:auto!important;
    padding-bottom:200px;
  }
  html.copa-mobile-game body.mobile-game-landing-open .mgl-actions{
    position:fixed;z-index:6;left:50%;right:auto;
    bottom:max(14px,env(safe-area-inset-bottom));
    box-sizing:border-box;
    width:min(420px,calc(100vw - 40px));
    max-width:none;
    margin:0!important;
    padding-top:12px;
    transform:translateX(-50%);
    background:linear-gradient(180deg,transparent,#0A1118 36%);
  }
  html.copa-mobile-game body.mobile-game-landing-open :is(.mgl-brand,.mgl-road,.mgl-board-wrap,.mgl-meta,.mgl-bottom){width:100%;box-sizing:border-box}
  html.copa-mobile-game body.mobile-game-landing-open .mgl-actions :is(.btn,.mgl-arena-entry){width:100%}
  html.copa-mobile-game body.mobile-game-landing-open .mgl-content{gap:8px!important;padding-top:48px;align-content:start!important}
  html.copa-mobile-game body.mobile-game-landing-open .mgl-brand{margin:2px 0 0!important;text-align:center}
  html.copa-mobile-game body.mobile-game-landing-open .mgl-brand h1{margin-top:8px!important;font-size:clamp(38px,11.5vw,52px)!important;letter-spacing:-.04em!important;text-align:center}
  html.copa-mobile-game body.mobile-game-landing-open .mgl-brand p{max-width:34ch;margin:8px auto 0;text-align:center}
  html.copa-mobile-game body.mobile-game-landing-open .mgl-board-wrap{min-height:132px!important;max-height:190px!important}
  html.copa-mobile-game body.mobile-game-landing-open .mgl-bottom{padding-bottom:max(14px,env(safe-area-inset-bottom))!important}
  html.copa-mobile-game body.mobile-game-setup-open:not(.mobile-game-setup-final) #introSetup .v7-cta-stack{display:none!important}

  html.copa-mobile-game #formpick .mobile-formation-card>.setup-mastery{
    position:absolute!important;z-index:5;top:15px!important;right:15px!important;bottom:auto!important;left:auto!important;
    display:inline-flex!important;align-items:center!important;gap:2px;padding:4px 6px!important;border:1px solid currentColor;border-radius:999px;
    background:color-mix(in srgb,currentColor 12%,var(--surface-dark));font:900 8px/1 var(--mono)
  }
  html.copa-mobile-game #formpick .formation-name-row{width:100%}
  html.copa-mobile-game #formpick .formation-name-row .formation-card-name{width:auto}

  html.copa-mobile-game #draft #rollstage{display:grid!important;gap:7px}
  html.copa-mobile-game #draft #rollbtns{order:1}
  html.copa-mobile-game #draft #rollstage #draftThumbDock{order:2;width:100%;box-sizing:border-box;margin:0!important}
  html.copa-mobile-game #draft #rollstage #draftThumbDock:not(.has-undo){display:none!important}
  html.copa-mobile-game #draft #rollstage #draftThumbDock #allBtn{display:none!important}
  html.copa-mobile-game #draft #rollstage #draftThumbDock.has-undo #allBtn{display:flex!important}
  html.copa-mobile-game #draft #dicebox{order:3}
  html.copa-mobile-game #draft #optstage{display:flex;flex-direction:column;gap:7px}
  html.copa-mobile-game #draft #optstage.hidden{display:none!important}
  html.copa-mobile-game #draft #opts{order:1}
  html.copa-mobile-game #draft #draftThumbDock{order:2;width:100%;box-sizing:border-box;margin:2px 0 0!important}
  html.copa-mobile-game #draft #rerollBtn{order:3;margin-top:0!important}
  html.copa-mobile-game #draft #rerollDesc{order:4}
  html.copa-mobile-game #draft #optmsg{order:5}

  html.copa-mobile-game #hub #kasaTile .kasa-detail-btn{
    inset:0 0 auto auto!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
    display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;padding:6px!important;
    border:0!important;border-radius:0!important;background:transparent!important;color:var(--color-ink)!important;
    font:900 8px/1 var(--mono)!important
  }
  html.copa-mobile-game #hub .vsbar .mid .vsscout{display:none!important}
  html.copa-mobile-game #hub .vsbar .side.opp{display:flex!important;position:relative}
  html.copa-mobile-game #hub[data-mobile-route="match"] #feedwrap{order:99!important;margin-top:14px!important;margin-bottom:104px!important}
  html.copa-mobile-game #hub #styletag{border-color:var(--metric-accent,var(--color-primary))!important;color:#F3F5F4!important}

  html.copa-mobile-game .tournament-draw .td-head{align-items:center;padding:10px 14px!important}
  html.copa-mobile-game .tournament-draw .td-head h2{margin:4px 0 0;font-size:20px!important}
  html.copa-mobile-game .tournament-draw .td-progress{min-width:70px}
  html.copa-mobile-game .tournament-draw .td-progress b{font-size:27px}
  html.copa-mobile-game .tournament-draw .td-stage{gap:4px!important;padding:0!important}
  html.copa-mobile-game .tournament-draw #phaserDrawStage{display:none!important}
  html.copa-mobile-game .tournament-draw .td-group-stage{order:1;display:grid;gap:5px}
  html.copa-mobile-game .tournament-draw .td-groups{order:1;padding:7px 14px 4px!important;gap:7px}
  html.copa-mobile-game .tournament-draw .td-groups{scrollbar-width:none}
  html.copa-mobile-game .tournament-draw .td-groups::-webkit-scrollbar{display:none}
  html.copa-mobile-game .tournament-draw .td-group{flex-basis:72vw!important;border-radius:10px;overflow:hidden}
  html.copa-mobile-game .tournament-draw .td-group li{min-height:28px!important}
  html.copa-mobile-game .tournament-draw .td-group-nav{margin:0 auto 3px}
  html.copa-mobile-game .tournament-draw .td-swipe-tip{display:none!important}
  html.copa-mobile-game .tournament-draw .td-machine{
    order:2!important;display:grid!important;grid-template-columns:1fr;align-items:center;gap:7px;
    min-height:0!important;margin:0 14px;padding:12px!important;border:1px solid var(--border-strong)!important;border-radius:14px;background:var(--surface-elevated);box-shadow:0 10px 28px rgba(10,17,24,.18)
  }
  html.copa-mobile-game .tournament-draw .td-machine>.td-pot-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:54px;padding:8px 10px 8px 12px;border:1px solid var(--border-default);border-radius:10px;background:color-mix(in srgb,var(--color-slate) 7%,var(--surface-bg))}
  html.copa-mobile-game .tournament-draw .td-pot-card>.td-machine-top{display:flex!important;grid-column:1;color:var(--text-primary);font-size:11px}
  html.copa-mobile-game .tournament-draw .td-pot-card>.td-machine-top small{display:none!important}
  html.copa-mobile-game .tournament-draw .td-pot-card>.td-ball{display:grid!important;grid-column:2;justify-self:end;width:48px!important;height:48px!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--text-primary)!important}
  html.copa-mobile-game .tournament-draw .td-pot-card>.td-ball span{font-size:27px!important}
  html.copa-mobile-game .tournament-draw .td-pot-card>.td-ball i{display:none!important}
  html.copa-mobile-game .tournament-draw .td-machine>.td-live{display:block!important;grid-column:1;min-height:18px;text-align:left}
  html.copa-mobile-game .tournament-draw .td-machine>.td-live:empty{display:none!important}
  html.copa-mobile-game .tournament-draw .td-machine>.td-transfer-band{grid-column:1/-1;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;min-height:38px;margin:0!important;padding:7px 10px;border:1px solid color-mix(in srgb,var(--color-primary) 42%,var(--border-subtle));border-radius:9px;background:color-mix(in srgb,var(--color-primary) 8%,var(--surface-bg))}
  html.copa-mobile-game .tournament-draw .td-machine>.td-transfer-band span,
  html.copa-mobile-game .tournament-draw .td-machine>.td-transfer-band b,
  html.copa-mobile-game .tournament-draw .td-machine>.td-transfer-band em{grid-column:auto!important;grid-row:1!important;white-space:nowrap}
  html.copa-mobile-game .tournament-draw .td-machine>.td-actions{display:grid!important;grid-column:1/-1;position:static!important;padding:0!important;background:none!important}
  html.copa-mobile-game .tournament-draw .td-machine>.td-motion-note{grid-column:1/-1}
}

/* Hub status cards share one footprint and a strong state-driven color system. */
@media(max-width:760px){
  html.copa-mobile-game #hub .hub-stat-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:6px!important}
  html.copa-mobile-game #hub .hub-stat-row>#chemTile,
  html.copa-mobile-game #hub .hub-stat-row>#powTile,
  html.copa-mobile-game #hub .hub-stat-row>#trustTile,
  html.copa-mobile-game #hub .hub-stat-row>#kasaTile{
    box-sizing:border-box!important;min-width:0!important;min-height:88px!important;height:88px!important;margin:0!important;padding:9px 8px!important;
    border:1px solid color-mix(in srgb,var(--metric-accent) 72%,var(--border-subtle))!important;border-left:4px solid var(--metric-accent)!important;border-radius:12px!important;
    background:linear-gradient(145deg,color-mix(in srgb,var(--metric-accent) 38%,#101D28),color-mix(in srgb,var(--metric-accent) 18%,#101D28))!important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--metric-accent) 12%,transparent),var(--shadow-sm)!important
  }
  html.copa-mobile-game #hub .hub-stat-row .mh,
  html.copa-mobile-game #hub .hub-stat-row .ms,
  html.copa-mobile-game #hub #kasaTile .kasa-status-badge,
  html.copa-mobile-game #hub #kasaTile .kasa-metric-lbl{color:#F3F5F4!important;text-shadow:none!important}
  html.copa-mobile-game #hub #kasaTile .kasa-main-val,
  html.copa-mobile-game #hub #kasaTile .kasa-metric-val{color:var(--metric-accent)!important}
  html.copa-mobile-game #hub #kasaTile .kasa-bar-wrap,
  html.copa-mobile-game #hub #kasaTile .kasa-sub{display:none!important}
  html.copa-mobile-game #hub #kasaTile .kasa-metrics{display:block!important;margin:3px 0 0!important}
  html.copa-mobile-game #hub #kasaTile .kasa-status-badge{overflow:hidden;padding:0!important;background:transparent!important;font-size:7px!important;white-space:nowrap;text-overflow:ellipsis}
  html.copa-mobile-game #hub #kasaTile .kasa-main-val{margin:3px 0 1px!important;font-size:19px!important;line-height:1!important}
  html.copa-mobile-game #hub #kasaTile .kasa-metric{display:flex!important;align-items:center;justify-content:space-between;gap:3px;padding:0!important}
  html.copa-mobile-game #hub #kasaTile .kasa-metric-lbl{overflow:hidden;font-size:6px!important;white-space:nowrap;text-overflow:ellipsis}
  html.copa-mobile-game #hub #kasaTile .kasa-metric-val{font-size:9px!important;white-space:nowrap}
}

/* Opaque Android/WebView fallbacks for contextual hub metrics. The explicit
   dark base remains visible even when color-mix() is unsupported. */
html.copa-mobile-game #hub .hub-stat-row>:is(#chemTile,#powTile,#trustTile)[data-metric-tone="worst"]{
  background:linear-gradient(145deg,rgba(218,61,46,.42),rgba(218,61,46,.18)),#101D28!important
}
html.copa-mobile-game #hub .hub-stat-row>:is(#chemTile,#powTile,#trustTile)[data-metric-tone="weak"]{
  background:linear-gradient(145deg,rgba(242,95,64,.34),rgba(242,95,64,.14)),#101D28!important
}
html.copa-mobile-game #hub .hub-stat-row>:is(#chemTile,#powTile,#trustTile)[data-metric-tone="average"]{
  background:linear-gradient(145deg,rgba(214,162,31,.38),rgba(214,162,31,.15)),#101D28!important
}
html.copa-mobile-game #hub .hub-stat-row>:is(#chemTile,#powTile,#trustTile)[data-metric-tone="good"]{
  background:linear-gradient(145deg,rgba(78,155,101,.4),rgba(78,155,101,.16)),#101D28!important
}
html.copa-mobile-game #hub .hub-stat-row>:is(#chemTile,#powTile,#trustTile)[data-metric-tone="elite"]{
  background:linear-gradient(145deg,rgba(31,107,69,.54),rgba(31,107,69,.2)),#101D28!important
}
html.copa-mobile-game #hub .hub-stat-row>#kasaTile.kasa-deep-debt{
  background:linear-gradient(145deg,rgba(66,1,2,.72),rgba(218,61,46,.2)),#101D28!important
}
html.copa-mobile-game #hub .hub-stat-row>#kasaTile.kasa-debt{
  background:linear-gradient(145deg,rgba(218,61,46,.42),rgba(218,61,46,.16)),#101D28!important
}
html.copa-mobile-game #hub .hub-stat-row>#kasaTile.kasa-zero{
  background:linear-gradient(145deg,rgba(214,162,31,.38),rgba(214,162,31,.15)),#101D28!important
}
html.copa-mobile-game #hub .hub-stat-row>#kasaTile.kasa-positive{
  background:linear-gradient(145deg,rgba(78,155,101,.4),rgba(78,155,101,.16)),#101D28!important
}
html.copa-mobile-game #hub .hub-stat-row>#kasaTile.kasa-rich{
  background:linear-gradient(145deg,rgba(31,107,69,.54),rgba(31,107,69,.2)),#101D28!important
}
.style-choice-modern .sst{display:flex!important;align-items:center;gap:7px}.style-impact-value{margin-left:auto;color:var(--status-positive-text);font:900 13px/1 var(--mono)}.style-impact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:8px}.style-impact-grid span{padding:7px 8px;border:1px solid transparent;border-radius:7px;font:700 8px/1.35 var(--mono)}.style-impact-grid .is-positive{color:#F3F5F4;background:#1F6B45;border-color:#4E9B65;background:color-mix(in srgb,var(--status-success) 12%,var(--surface-bg))}.style-impact-grid .is-negative{color:#F3F5F4;background:#420102;border-color:#DA3D2E;background:color-mix(in srgb,var(--status-critical) 10%,var(--surface-bg))}
.legacy-choice .ssd{line-height:1.55}.legacy-choice .ssd{color:var(--color-slate)}.legacy-choice:nth-child(1) .ssd,.legacy-choice:nth-child(3) .ssd{color:var(--status-positive-text)}.legacy-choice:nth-child(2) .ssd{color:var(--status-warning-text)}
.setup-mastery,.style-mastery,.mastery-star{color:var(--status-warning-text)!important}.tier-0{color:var(--color-slate)!important}.tier-1{color:var(--text-secondary)!important}.tier-2{color:var(--status-success)!important}.tier-3{color:var(--risk-fortune)!important}.tier-4,.tier-5{color:var(--action-primary)!important;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--action-primary) 28%,transparent))}
.result #againBtn{margin-top:22px!important}.result .final-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch}.result .storytile,.result .econtile{min-width:0!important;width:100%!important;background:var(--surface-elevated)!important;border:1px solid var(--border-subtle)!important}
@media(max-width:760px){.result .final-row{grid-template-columns:1fr!important}.result .storytile,.result .econtile{display:block!important}.result #againBtn{margin-top:28px!important}}
html.copa-mobile-game.tournament-draw-open,
html.copa-mobile-game body.run-active.tournament-draw-open{overflow:hidden!important}

/* Draft decision surface: three comparable candidates and reachable controls. */
.draft-candidate-gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important}
.opt-card-shell{display:flex;flex-direction:column;gap:6px;min-width:0}
.opt-card-shell>.opt{flex:1}
.opt-detail-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:34px;padding:6px 10px;border:1px solid var(--border-default);border-radius:8px;background:var(--surface-muted);color:var(--text-primary);font:850 8px/1 var(--mono);letter-spacing:.08em;cursor:pointer;transition:border-color var(--tr-fast),background var(--tr-fast),color var(--tr-fast)}
.opt-detail-btn:hover:not(:disabled),.opt-detail-btn:focus-visible{border-color:var(--color-primary);background:color-mix(in srgb,var(--surface-elevated) 82%,var(--color-primary) 18%);color:var(--action-primary)}
.opt-detail-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
.opt-detail-btn:disabled{cursor:not-allowed;opacity:.5}
.draft-candidate-gallery .opt{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px 8px;min-width:0;padding:12px}
.draft-candidate-gallery .opt .mid{grid-column:1/-1;grid-row:2;min-width:0}
.draft-candidate-gallery .opt .price{grid-column:3;grid-row:1}
.draft-candidate-gallery .opt .ovb{grid-column:1;grid-row:1}
.opt-forecast{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:3px}
.opt-forecast>span{display:grid;grid-template-columns:1fr auto;gap:4px 6px;align-items:center;min-width:0;padding:7px 8px;border:1px solid var(--border-subtle);border-radius:8px;background:color-mix(in srgb,var(--surface-bg) 72%,transparent)}
.opt-forecast b,.opt-forecast em{font:800 7px/1 var(--mono);font-style:normal;letter-spacing:.06em}
.opt-forecast b{color:var(--color-slate)}.opt-forecast em{font-size:9px}.opt-forecast em.is-positive{color:var(--status-positive-text)}.opt-forecast em.is-negative{color:var(--status-negative-text)}
.opt-forecast i{position:relative;grid-column:1/-1;height:3px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--color-slate) 17%,transparent)}
.opt-forecast i::after{position:absolute;inset:0 auto 0 0;width:var(--forecast);border-radius:inherit;background:linear-gradient(90deg,var(--status-success),var(--color-primary));content:""}
.draft-thumb-dock{display:grid;margin:8px 0 2px;padding:7px;border:1px solid var(--border-subtle);border-radius:10px;background:#17242D;box-shadow:var(--shadow-sm)}
.draft-quick-actions{display:grid;grid-template-columns:1fr;gap:7px}.draft-thumb-dock.has-undo .draft-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-quick-actions>.btn{width:100%;min-width:0;min-height:46px;margin:0!important;padding:9px 8px!important;font-size:8px!important;line-height:1.25!important;white-space:normal}

@media(max-width:760px){
  html.copa-mobile-game .draft-candidate-gallery{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(79%,1fr);gap:9px!important;overflow-x:auto;padding:2px 12% 7px 1px;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
  html.copa-mobile-game .draft-candidate-gallery::-webkit-scrollbar{display:none}
  html.copa-mobile-game .draft-candidate-gallery .opt-card-shell{scroll-snap-align:start;scroll-snap-stop:always}
  html.copa-mobile-game .draft-candidate-gallery .opt{scroll-snap-align:start;scroll-snap-stop:always;min-height:210px}
  html.copa-mobile-game .draft-candidate-gallery .opt-detail-btn{min-height:40px;font-size:9px}
  html.copa-mobile-game .draft-thumb-dock{position:relative;z-index:2;bottom:auto;margin:7px 0 2px;padding:7px;border-color:var(--border-default);background:#17242D;box-shadow:none}
  html.copa-mobile-game #draft .draft-left{gap:6px!important}
  html.copa-mobile-game #draftBudgetSlot .draft-kasa-card{margin-bottom:1px!important}
  html.copa-mobile-game #draft .draft-hint{padding-top:1px;margin-bottom:2px}
  html.copa-mobile-game #draftKasaTile{border-left-width:3px!important;background:#17242D!important}
  html.copa-mobile-game #draftKasaTile.kasa-rich{background:linear-gradient(rgba(78,155,101,.13),rgba(78,155,101,.05)),#17242D!important}
  html.copa-mobile-game #draftKasaTile.kasa-positive{background:linear-gradient(rgba(78,155,101,.09),rgba(78,155,101,.03)),#17242D!important}
  html.copa-mobile-game #draftKasaTile.kasa-zero{background:linear-gradient(rgba(214,162,31,.12),rgba(214,162,31,.03)),#17242D!important}
  html.copa-mobile-game #draftKasaTile.kasa-debt{background:linear-gradient(rgba(218,61,46,.13),rgba(218,61,46,.04)),#17242D!important}
  html.copa-mobile-game #draftKasaTile.kasa-deep-debt{background:linear-gradient(rgba(66,1,2,.34),rgba(218,61,46,.06)),#17242D!important}
  .style-select-modal{box-sizing:border-box;display:flex;flex-direction:column;width:calc(100vw - 40px);max-height:calc(100dvh - 20px);padding:14px 12px 0;overflow:hidden}
  .style-select-modal .stylelist{min-height:0;overflow-y:auto;padding:1px 1px 12px;overscroll-behavior:contain}
  .style-select-modal>.bact{position:relative;z-index:2;flex:0 0 auto;margin:0 -12px!important;padding:10px 12px max(12px,env(safe-area-inset-bottom))!important;border-top:1px solid var(--border-subtle);background:#17242D!important}
  .style-select-modal>.bact .btn{width:100%;min-height:48px;margin:0!important}
  .formation-unlock-modal{max-height:calc(100dvh - 20px);overflow-y:auto}
}
#hub[data-mobile-route="market"] #shopcards>.cardtile{height:228px!important;min-height:228px!important}
#freeAgentRow .free-agent-card{height:auto!important;min-height:172px!important;border:1px solid color-mix(in srgb,var(--fa-tone) 58%,var(--border-subtle));border-left:4px solid var(--fa-tone);background-color:var(--surface-elevated)!important;background-image:linear-gradient(145deg,color-mix(in srgb,var(--fa-tone) 12%,transparent),transparent 62%)!important;box-shadow:0 7px 18px rgba(10,17,24,.2),inset 0 1px rgba(255,255,255,.025)}#freeAgentRow .free-agent-card.unaffordable{opacity:1;border-style:solid;filter:none}#freeAgentRow .free-agent-card .ct-head{background-color:var(--surface-muted);border-bottom-color:var(--border-default)}#freeAgentRow .free-agent-main{grid-template-columns:38px minmax(0,1fr);min-height:54px;padding:8px 9px 4px;background-color:transparent}#freeAgentRow .free-agent-icon{width:38px;height:38px;border-color:color-mix(in srgb,var(--fa-tone) 45%,var(--border-subtle));background-color:var(--surface-muted);background-image:linear-gradient(145deg,color-mix(in srgb,var(--fa-tone) 17%,transparent),transparent);color:var(--fa-tone)}#freeAgentRow .free-agent-card .ct-name{font-size:12px;-webkit-line-clamp:1}#freeAgentRow .free-agent-impact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px 8px 7px}#freeAgentRow .free-agent-impact span{display:grid;gap:2px;min-width:0;padding:5px;border:1px solid var(--border-subtle);border-radius:6px;background-color:var(--surface-bg);color:var(--color-slate);font:750 5.5px/1 var(--mono)}#freeAgentRow .free-agent-impact b{overflow:hidden;color:var(--text-primary);font-size:8px;text-overflow:ellipsis;white-space:nowrap}#freeAgentRow .free-agent-impact span:nth-child(2) b{color:var(--fa-tone)}#freeAgentRow .free-agent-impact .is-negative{color:var(--status-risk)}#freeAgentRow .free-agent-lock{display:flex;align-items:center;gap:5px;margin:0 8px 5px;padding:5px 7px;border:1px solid color-mix(in srgb,var(--status-warning) 55%,var(--border-subtle));border-radius:7px;background-color:var(--surface-bg);background-image:linear-gradient(color-mix(in srgb,var(--status-warning) 10%,transparent),color-mix(in srgb,var(--status-warning) 10%,transparent));color:var(--status-warning-text);font:800 6.5px/1.25 var(--mono)}#freeAgentRow .free-agent-lock.hidden{display:none}#freeAgentRow .free-agent-lock svg{flex:0 0 12px;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#freeAgentRow .free-agent-actions{display:grid!important;grid-template-columns:1fr;gap:5px;min-height:38px!important;padding:6px 8px!important;border-top:1px solid var(--border-subtle);background-color:var(--surface-muted)}#freeAgentRow .free-agent-actions button{min-width:0!important;min-height:30px!important;height:30px!important;padding:4px!important;border:1px solid var(--border-default);border-radius:6px;background-color:var(--surface-bg);color:var(--text-primary);font:900 7px/1 var(--mono)}#freeAgentRow .free-agent-actions .free-agent-review{border-color:var(--fa-tone);background-color:var(--surface-bg);background-image:linear-gradient(90deg,color-mix(in srgb,var(--fa-tone) 14%,transparent),transparent)}
.free-agent-detail,.free-agent-confirm{box-sizing:border-box;width:min(480px,calc(100vw - 20px));padding:10px 14px 0}.free-agent-detail header{display:flex;align-items:center;justify-content:space-between}.free-agent-detail header span,.free-agent-confirm>span{color:var(--fa-tone,var(--color-primary));font:900 7px/1 var(--mono);letter-spacing:.14em}.free-agent-detail header>b{padding:4px 8px;border:1px solid var(--border-default);border-radius:7px;font:900 11px/1 var(--mono)}.free-agent-detail-id{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center;margin:12px 0}.free-agent-detail-id>i{display:grid;place-items:center;width:46px;height:46px;border:1px solid color-mix(in srgb,var(--fa-tone) 48%,var(--border-subtle));border-radius:10px;background:color-mix(in srgb,var(--fa-tone) 15%,var(--surface-bg));color:var(--fa-tone);font:900 14px/1 var(--mono);font-style:normal}.free-agent-detail h3,.free-agent-confirm h3{margin:0;font-size:20px}.free-agent-detail-id p{margin:4px 0 0;color:var(--color-slate);font:750 8px/1 var(--mono)}.free-agent-detail-id p b{color:var(--fa-tone)}.free-agent-detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px}.free-agent-detail-metrics span,.free-agent-confirm>div:not(.bact){display:grid;gap:4px;padding:9px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-bg)}.free-agent-detail-metrics span,.free-agent-confirm small{color:var(--color-slate);font:750 7px/1 var(--mono)}.free-agent-detail-metrics b,.free-agent-confirm b{color:var(--text-primary);font-size:12px}.free-agent-detail .is-negative,.free-agent-confirm .is-negative{color:var(--status-risk)}.free-agent-detail-note,.free-agent-confirm p{margin:10px 0;color:var(--color-slate);font-size:10px;line-height:1.45}.free-agent-detail>.bact,.free-agent-confirm>.bact{margin:12px -14px 0!important;padding:10px 14px max(12px,env(safe-area-inset-bottom))!important;background:var(--surface-elevated)!important}.free-agent-confirm{display:grid;grid-template-columns:1fr 1fr;gap:7px}.free-agent-confirm>span,.free-agent-confirm h3,.free-agent-confirm p,.free-agent-confirm>.bact{grid-column:1/-1}
.free-agent-compare-title{margin:4px 0 7px;color:var(--color-slate);font:900 7px/1 var(--mono);letter-spacing:.12em}.free-agent-versus{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:6px;align-items:stretch}.free-agent-versus article{position:relative;display:grid;gap:5px;min-width:0;padding:10px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-bg)}.free-agent-versus article.is-candidate{border-color:color-mix(in srgb,var(--fa-tone) 65%,var(--border-subtle));background:color-mix(in srgb,var(--fa-tone) 9%,var(--surface-bg))}.free-agent-versus>i{display:grid;place-items:center;color:var(--fa-tone);font:900 15px/1 var(--mono);font-style:normal}.free-agent-versus small{color:var(--color-slate);font:850 6px/1 var(--mono);letter-spacing:.08em}.free-agent-versus b{overflow:hidden;color:var(--text-primary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.free-agent-versus span{color:var(--color-slate);font:750 7px/1.2 var(--mono)}.free-agent-versus em{position:absolute;right:7px;top:7px;padding:3px 5px;border-radius:99px;background:color-mix(in srgb,var(--status-success) 14%,var(--surface-bg));color:var(--status-positive-text);font:900 8px/1 var(--mono);font-style:normal}.free-agent-versus em.is-negative{background:color-mix(in srgb,var(--status-risk) 13%,var(--surface-bg));color:var(--status-negative-text)}.free-agent-detail-lock,.free-agent-empty-compare{display:flex;align-items:center;gap:7px;margin-top:9px;padding:8px 9px;border:1px solid color-mix(in srgb,var(--status-warning) 55%,var(--border-subtle));border-radius:8px;background:color-mix(in srgb,var(--status-warning) 9%,var(--surface-bg));color:var(--status-warning-text);font:800 7px/1.3 var(--mono)}.free-agent-detail-lock svg{flex:0 0 15px;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.relationship-modal{box-sizing:border-box;width:min(520px,calc(100vw - 20px));padding:14px 16px 0}.relationship-modal header{display:flex;align-items:center;justify-content:space-between;gap:12px}.relationship-modal header span{color:var(--color-primary);font:900 7px/1 var(--mono);letter-spacing:.14em}.relationship-modal header b{padding:4px 7px;border:1px solid var(--border-subtle);border-radius:99px;color:var(--status-warning-text);font:900 7px/1 var(--mono)}.relationship-modal h3{margin:15px 0 6px;color:var(--text-primary);font-size:21px}.relationship-modal>p{margin:0 0 12px;color:var(--color-slate);font-size:10px;line-height:1.5}.relationship-choices{display:grid;gap:7px;margin:0 -2px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.relationship-choices button{display:grid;gap:4px;width:100%;min-height:58px;padding:10px 12px;text-align:left;border:1px solid var(--border-default);border-radius:9px;background:var(--surface-bg);color:var(--text-primary)}.relationship-choices button:hover,.relationship-choices button:focus-visible{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--surface-bg))}.relationship-choices b{font:900 9px/1 var(--mono);letter-spacing:.06em}.relationship-choices small{color:var(--color-slate);font-size:9px;line-height:1.35}.chair-relationship-btn{width:100%;margin-top:8px!important;border-color:color-mix(in srgb,var(--status-warning) 55%,var(--border-subtle))!important;color:var(--status-warning-text)!important}
.market-condition>div{display:grid;gap:3px;min-width:0}.market-condition small{color:var(--color-slate);font:750 7px/1.25 var(--mono);letter-spacing:0;text-transform:none}

/* Final interaction pass: keep the dock on one row and make routes usable at every viewport. */
#hub .hub-action-panel .actionbtns{position:relative!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:64px!important;grid-auto-rows:0!important;gap:7px!important;width:100%!important;max-width:none!important;min-height:64px!important;height:64px!important;overflow:hidden!important}
#hub .hub-action-panel .actionbtns>#talkBtn{grid-column:1;grid-row:1}
#hub .hub-action-panel .actionbtns>.presbtngp{grid-column:2;grid-row:1;display:block!important;min-width:0!important;width:100%!important;height:64px!important;margin:0!important}
#hub .hub-action-panel .actionbtns>#playBtn{grid-column:3;grid-row:1}
#hub .hub-action-panel .actionbtns:has(#talkBtn.hidden){grid-template-columns:repeat(2,minmax(0,1fr))!important}
#hub .hub-action-panel .actionbtns:has(#talkBtn.hidden)>.presbtngp{grid-column:1}
#hub .hub-action-panel .actionbtns:has(#talkBtn.hidden)>#playBtn{grid-column:2}
#hub .hub-action-panel #talkBtn,#hub .hub-action-panel #presBtn,#hub .hub-action-panel #playBtn{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:100%!important;min-width:0!important;height:64px!important;min-height:64px!important;margin:0!important;padding:8px!important;overflow:hidden!important;white-space:nowrap!important}
#hub .hub-action-panel #talkBtn span,#hub .hub-action-panel #presBtn span,#hub .hub-action-panel #playBtn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#hub .hub-action-panel #talkBtn svg,#hub .hub-action-panel #presBtn svg,#hub .hub-action-panel #playBtn svg{flex:0 0 22px!important;width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important}
#hub .hub-action-panel .presbtnlabel{display:none!important}
#hub .hub-action-panel #playBtn{border-color:#F24A28!important;background:#F24A28!important;color:#101D28!important;box-shadow:0 5px 14px rgba(242,74,40,.24)!important}
#hub .hub-action-panel #playBtn .dock-play-arrow{flex:0 0 auto;overflow:visible;font:900 20px/1 var(--mono);text-overflow:clip}
#hub .hub-action-panel{border:1px solid #46535C!important;background:#27343C!important;box-shadow:0 -8px 24px rgba(10,17,24,.28)!important}
html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] .mobile-action-dock-inner{padding:6px!important;border:1px solid #46535C!important;border-radius:15px!important;background:#27343C!important;box-shadow:0 -8px 24px rgba(10,17,24,.28)!important}
html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] .hub-action-panel{padding:0!important;border:0!important;border-radius:11px!important;background:#27343C!important;box-shadow:none!important}
html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #playBtn{border-color:#F24A28!important;background:#F24A28!important;color:#101D28!important;box-shadow:0 5px 14px rgba(242,74,40,.24)!important}
html.copa-mobile-game .mobile-action-dock[data-dock-kind="hub"] #playBtn .dock-play-arrow{flex:0 0 auto;overflow:visible;font:900 20px/1 var(--mono);text-overflow:clip}
.prep-drill mark{display:inline-block;margin-top:5px;padding:3px 6px;border-radius:9px;background:color-mix(in srgb,var(--status-success) 18%,var(--surface-bg));color:var(--status-positive-text);font:900 7px/1 var(--mono);letter-spacing:.06em}.prep-drill mark.is-muted{background:color-mix(in srgb,var(--color-slate) 10%,var(--surface-bg));color:var(--color-slate)}.prep-drill.is-recommended{border-color:color-mix(in srgb,var(--status-success) 64%,var(--border-subtle));box-shadow:inset 3px 0 var(--status-success)}
.prep-grid>.prep-drill:last-child:nth-child(odd){grid-column:1/-1}
.market-card-impact span,#freeAgentRow .free-agent-impact span{font-size:7px!important}.market-card-impact b,#freeAgentRow .free-agent-impact b{font-size:9px!important}.ct-contract,.ct-cost-line,.ct-detail{font-size:max(7px,.62rem)!important}
.mobile-training-route,.mobile-career-route{display:none}

@media(max-width:760px){
  #hub .hub-action-panel .actionbtns{grid-template-rows:56px!important;min-height:56px!important;height:56px!important}
  #hub .hub-action-panel .actionbtns>.presbtngp,#hub .hub-action-panel #talkBtn,#hub .hub-action-panel #presBtn,#hub .hub-action-panel #playBtn{height:56px!important;min-height:56px!important}
  html.copa-mobile-game #hub .native-hub-tab-label{font-size:8.5px!important;letter-spacing:.045em!important}
}

@media(max-width:480px){
  #hub>.native-hub-nav button{
    flex-direction:column!important;
    gap:3px!important;
    padding:6px 3px!important;
  }
  #hub>.native-hub-nav .hub-tab-svg{
    flex-basis:20px!important;
    width:20px!important;
    height:20px!important;
  }
  #hub>.native-hub-nav .native-hub-tab-label{
    display:block!important;
    max-width:100%;
    overflow:hidden;
    font-size:7.5px!important;
    line-height:1!important;
    letter-spacing:.025em!important;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}

@media(min-width:761px){
  #hub>.native-hub-nav{--nav-tone:var(--color-primary);box-sizing:border-box;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:min(820px,100%);margin:0 auto 16px;padding:7px;border:1px solid var(--border-subtle);border-radius:16px;background:linear-gradient(145deg,var(--surface-elevated),var(--surface-bg));box-shadow:var(--shadow-sm)}
  #hub>.native-hub-nav button{--tab-tone:var(--color-primary);position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:54px;padding:8px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:color-mix(in srgb,var(--tab-tone) 48%,var(--color-slate));font:900 9px/1 var(--mono);letter-spacing:.08em;overflow:hidden}
  #hub>.native-hub-nav button[data-native-target="market"]{--tab-tone:#D6A21F}#hub>.native-hub-nav button[data-native-target="training"]{--tab-tone:#276A8B}html[data-theme="dark"] #hub>.native-hub-nav button[data-native-target="training"]{--tab-tone:#7DD3FC}#hub>.native-hub-nav button[data-native-target="career"]{--tab-tone:var(--status-success)}
  #hub>.native-hub-nav button.active{border-color:color-mix(in srgb,var(--tab-tone) 58%,var(--border-subtle));background:color-mix(in srgb,var(--tab-tone) 11%,var(--surface-elevated));color:var(--tab-tone);box-shadow:inset 0 -2px var(--tab-tone)}
  #hub>.native-hub-nav svg{flex:0 0 25px;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  #hub>.native-hub-nav .native-hub-tab-count{position:absolute;right:7px;top:5px;font:900 7px/1 var(--mono);font-style:normal}
  #hub[data-mobile-route="match"] .hcol-r>#shopLbl,#hub[data-mobile-route="match"] .hcol-r>#shopcards,#hub[data-mobile-route="match"] #freeAgentRow{display:none!important}
  #hub[data-mobile-route="market"] .hcol-l,#hub[data-mobile-route="market"] .hub-action-panel,#hub[data-mobile-route="training"] .hubcols,#hub[data-mobile-route="training"] .hub-action-panel,#hub[data-mobile-route="career"] .hubcols,#hub[data-mobile-route="career"] .hub-action-panel{display:none!important}
  #hub[data-mobile-route="market"] .hubcols{display:block!important}#hub[data-mobile-route="market"] .hcol-r{display:block!important;width:100%!important}
  #hub[data-mobile-route="training"] .mobile-training-route,#hub[data-mobile-route="career"] .mobile-career-route{display:block!important;padding:16px 0 28px}
  #hub[data-mobile-route="training"] .roundtag,#hub[data-mobile-route="career"] .roundtag,#hub[data-mobile-route="market"] .roundtag{display:none!important}
}

/*
 * Wide web visual repair.
 * Keep this explicitly outside the native/mobile presentation: the web shell
 * was inheriting compact tablet measurements on desktop-sized viewports.
 */
@media(min-width:1000px){
  html:not(.copa-mobile-game) body.run-active,
  html:not(.copa-mobile-game) body.run-active #app,
  html:not(.copa-mobile-game) body.run-active #hub,
  html:not(.copa-mobile-game) body.run-active #hub .hubcols,
  html:not(.copa-mobile-game) body.run-active #hub .hcol-l{
    height:auto!important;
    max-height:none!important;
    overflow-y:visible!important;
  }
  html:not(.copa-mobile-game) body.run-active #hub{
    padding-bottom:56px!important;
  }
  html:not(.copa-mobile-game) #draft .draft-cols{
    display:grid!important;
    grid-template-columns:minmax(0,1.3fr) minmax(390px,.8fr)!important;
    gap:24px!important;
    width:min(1180px,calc(100vw - 56px))!important;
    max-width:none!important;
    height:auto!important;
    min-height:calc(100vh - 150px);
    margin:0 auto!important;
    padding:14px 0 26px!important;
    overflow:visible!important;
  }
  html:not(.copa-mobile-game) #draft .draft-left,
  html:not(.copa-mobile-game) #draft .draft-right{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
  }
  html:not(.copa-mobile-game) #draft .draft-left{
    padding:18px!important;
    border:1px solid var(--border-subtle);
    border-radius:16px;
    background:linear-gradient(145deg,var(--surface-elevated),var(--surface-bg));
    box-shadow:var(--shadow-sm);
  }
  html:not(.copa-mobile-game) #draft .draft-right{
    align-self:start!important;
  }
  html:not(.copa-mobile-game) #draft .draft-right .pitch{
    width:100%!important;
    max-width:470px!important;
    margin-inline:auto!important;
  }
  html:not(.copa-mobile-game) #draft .draft-candidate-gallery{
    grid-template-columns:repeat(3,minmax(170px,1fr))!important;
    gap:12px!important;
  }
  html:not(.copa-mobile-game) #draft .draft-candidate-gallery .opt{
    min-height:222px!important;
    padding:14px!important;
  }
  html:not(.copa-mobile-game) #draft .draft-candidate-gallery .opt .name{
    font-size:13px!important;
    line-height:1.2!important;
  }
  html:not(.copa-mobile-game) #draft .draft-candidate-gallery .opt .desc,
  html:not(.copa-mobile-game) #draft .draft-candidate-gallery .opt small{
    font-size:9px!important;
    line-height:1.45!important;
  }
  html:not(.copa-mobile-game) #chairpick .mobile-chair-card{
    display:grid!important;
    grid-template-rows:116px 44px 36px!important;
    min-height:196px!important;
    padding:0!important;
    overflow:hidden!important;
    text-align:left!important;
    background:linear-gradient(160deg,var(--surface-elevated),var(--surface-bg))!important;
  }
  html:not(.copa-mobile-game) #chairpick .chairthumb{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:116px!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    background:linear-gradient(135deg,var(--field-grass),var(--surface-dark))!important;
  }
  html:not(.copa-mobile-game) #chairpick .chair-name-row{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:9px 10px!important;
  }
  html:not(.copa-mobile-game) #chairpick .chairbtn-name{
    position:static!important;
    display:block!important;
    width:auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    font-size:14px!important;
    line-height:1.1!important;
  }
  html:not(.copa-mobile-game) #chairpick .chair-name-row .setup-mastery{
    position:static!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:2px!important;
    margin:0!important;
    padding:3px 5px!important;
    transform:none!important;
    border:1px solid currentColor!important;
    border-radius:999px!important;
    font:900 8px/1 var(--mono)!important;
  }
  html:not(.copa-mobile-game) #chairpick .chair-mobile-meta{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:start!important;
    gap:7px!important;
    padding:5px 10px 9px!important;
  }
  html:not(.copa-mobile-game) #chairpick .chair-mobile-meta b,
  html:not(.copa-mobile-game) #chairpick .chair-mobile-meta em{
    font-size:8px!important;
    line-height:1.35!important;
  }
  html:not(.copa-mobile-game) #chairpick .chair-detail-link{
    display:block!important;
    padding:9px 10px!important;
    border-top:1px solid var(--border-subtle)!important;
    font-size:8px!important;
  }

  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hubcols{
    grid-template-columns:minmax(0,1fr) 336px!important;
    gap:18px!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hcol-r{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    justify-self:stretch!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hub-action-panel{
    position:sticky!important;
    top:12px!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    padding:10px!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hub-action-panel .actionbtns{
    gap:8px!important;
    height:72px!important;
    min-height:72px!important;
    grid-template-rows:72px!important;
    overflow:visible!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hub-action-panel .actionbtns>.presbtngp,
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hub-action-panel #talkBtn,
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hub-action-panel #presBtn,
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hub-action-panel #playBtn{
    flex-direction:column!important;
    height:72px!important;
    min-height:72px!important;
    gap:4px!important;
    padding:7px 5px!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hub-action-panel #talkBtn span,
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hub-action-panel #presBtn span,
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hub-action-panel #playBtn span{
    font-size:7px!important;
    letter-spacing:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  html:not(.copa-mobile-game) #hub .hub-stat-row>.mtile,
  html:not(.copa-mobile-game) #hub .hub-stat-row>.kasa-card{
    height:68px!important;
    min-height:68px!important;
    padding:8px 10px!important;
  }
  html:not(.copa-mobile-game) #hub .hub-stat-row .mtile .mh,
  html:not(.copa-mobile-game) #hub .hub-stat-row .kasa-metric-lbl{
    font-size:8px!important;
    line-height:1.1!important;
    letter-spacing:.07em!important;
  }
  html:not(.copa-mobile-game) #hub .hub-stat-row .mtile .mv,
  html:not(.copa-mobile-game) #hub .hub-stat-row .kasa-main-val{
    font-size:18px!important;
    line-height:1!important;
  }
  html:not(.copa-mobile-game) #hub .hub-stat-row .mtile .ms,
  html:not(.copa-mobile-game) #hub .hub-stat-row .kasa-metric-val{
    font-size:8px!important;
    line-height:1.15!important;
  }

  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] .hubcols,
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] .hcol-r{
    display:block!important;
    width:min(1180px,calc(100vw - 56px))!important;
    max-width:1180px!important;
    margin-inline:auto!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] .hcol-r{
    box-sizing:border-box;
    padding:0!important;
    border:0!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] #shopcards,
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] #freeAgentRow .shopcards{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(280px,1fr))!important;
    gap:16px!important;
    width:100%!important;
    max-width:none!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] #freeAgentRow{
    width:100%!important;
    max-width:none!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] .feedwrap{
    display:none!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] #shopcards>.cardtile{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    justify-self:stretch!important;
    height:284px!important;
    min-height:284px!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] #freeAgentRow .free-agent-card{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    justify-self:stretch!important;
    height:180px!important;
    min-height:180px!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] #shopcards>.cardtile .ct-body{
    padding:14px 16px 10px!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] #shopcards>.cardtile .ct-name,
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] #freeAgentRow .ct-name{
    font-size:16px!important;
    line-height:1.15!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] #shopcards>.cardtile .ct-desc{
    min-height:0!important;
    font-size:11px!important;
    line-height:1.5!important;
    -webkit-line-clamp:4;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] .market-card-impact span,
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] #freeAgentRow .free-agent-impact span{
    padding:8px!important;
    font-size:8px!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] .market-card-impact b,
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] #freeAgentRow .free-agent-impact b{
    font-size:11px!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] #shopcards>.cardtile .ct-foot{
    min-height:48px!important;
    padding:8px 12px!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] #shopcards>.cardtile .ct-contract,
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] #shopcards>.cardtile .ct-detail,
  html:not(.copa-mobile-game) #hub[data-mobile-route="market"] #freeAgentRow button{
    font-size:9px!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="career"] .mobile-career-tabs{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0 0 16px!important;
    padding:6px!important;
    border:1px solid var(--border-subtle)!important;
    border-radius:13px!important;
    background:var(--surface-elevated)!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="career"] .mobile-career-tabs button{
    min-width:0!important;
    min-height:42px!important;
    padding:8px 12px!important;
    border:1px solid transparent!important;
    border-radius:9px!important;
    background:transparent!important;
    color:var(--color-slate)!important;
    font:800 9px/1 var(--mono)!important;
    letter-spacing:.06em!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="career"] .mobile-career-tabs button.active{
    border-color:color-mix(in srgb,var(--status-success) 55%,var(--border-subtle))!important;
    background:color-mix(in srgb,var(--status-success) 12%,var(--surface-bg))!important;
    color:var(--status-success)!important;
    box-shadow:inset 0 -2px var(--status-success)!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="career"] .mobile-career-panel{
    overflow:hidden!important;
    border:1px solid var(--border-subtle)!important;
    border-radius:14px!important;
    background:var(--surface-elevated)!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="training"] .mobile-training-route,
  html:not(.copa-mobile-game) #hub[data-mobile-route="career"] .mobile-career-route{
    box-sizing:border-box!important;
    width:min(1180px,calc(100vw - 56px))!important;
    max-width:1180px!important;
    margin-inline:auto!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="training"] .mobile-training-route>.prep-modal{
    box-sizing:border-box!important;
    padding:20px!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="training"] .mobile-opponent-analysis{
    margin:0 0 14px!important;
    padding:12px 14px!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="training"] .mobile-opponent-analysis>div{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="training"] .mobile-opponent-analysis small{
    font-size:7px!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="training"] .mobile-opponent-analysis b{
    font-size:14px!important;
  }
  html:not(.copa-mobile-game) #hub[data-mobile-route="training"] .mobile-opponent-analysis span{
    padding:5px 8px;
    border-radius:999px;
    background:color-mix(in srgb,var(--status-info) 12%,var(--surface-bg));
    font-size:8px!important;
  }

  html:not(.copa-mobile-game) .tournament-draw .td-stage{
    grid-template-columns:minmax(0,1fr) 300px!important;
    gap:22px!important;
  }
  html:not(.copa-mobile-game) .tournament-draw .td-groups{
    grid-auto-columns:minmax(180px,calc(25% - 8px))!important;
    gap:10px!important;
    padding-right:0!important;
  }
  html:not(.copa-mobile-game) .tournament-draw .td-machine{
    min-width:0!important;
    padding:14px!important;
  }
}
/* Three-match, non-power metaprogression objectives. */
.club-file-select{width:min(720px,calc(100vw - 28px));padding:22px;color:#f4f7f7}
.club-file-select header>span,.club-file-panel-head>span,.chair-history-note>small{font-size:11px;font-weight:800;letter-spacing:.18em;color:#ff4b2b}
.club-file-select h3{margin:7px 0 6px;font-size:clamp(22px,4vw,32px)}
.club-file-select header p{margin:0;color:#b6c0c4;line-height:1.5;max-width:62ch}
.club-file-options{display:grid;gap:10px;margin-top:18px}
.club-file-options button{display:grid;grid-template-columns:44px minmax(0,1fr) 22px;gap:13px;align-items:center;width:100%;padding:15px;border:1px solid #3b4b54;border-radius:15px;background:#172731;color:#f4f7f7;text-align:left}
.club-file-options button:hover,.club-file-options button:focus-visible{border-color:#ff4b2b;background:#1d303b;transform:translateY(-1px)}
.club-file-options button>i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#0e1c25;color:#ff5a38;font-style:normal;font-size:21px}
.club-file-options button span{display:grid;gap:4px;min-width:0}.club-file-options button b{font-size:16px}.club-file-options button small{color:#c0c9cd;line-height:1.35}.club-file-options button em{color:#6cd391;font-size:11px;font-style:normal;font-weight:800;letter-spacing:.06em}
.club-file-options button>strong{color:#ff5a38;font-size:20px}
.club-file-panel{margin:0 0 14px;padding:14px;border:1px solid #3a4a53;border-left:4px solid #ff4b2b;border-radius:15px;background:#14232c}
.club-file-panel-pending{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;color:#f4f7f7;text-align:left}.club-file-panel-pending span{display:grid;gap:4px}.club-file-panel-pending small{color:#ff5a38;font-size:10px;font-weight:900;letter-spacing:.14em}.club-file-panel-pending b{font-size:15px}.club-file-panel-pending em{flex:0 0 auto;color:#ff5a38;font-size:11px;font-style:normal;font-weight:900;letter-spacing:.08em}
.club-file-panel.is-complete{border-left-color:#56bd7a}.club-file-panel.is-failed{border-left-color:#df4b48}
.club-file-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.club-file-panel-head em{padding:4px 8px;border-radius:999px;background:#0c1921;color:#dbe2e4;font-size:10px;font-style:normal;font-weight:800;letter-spacing:.08em}
.club-file-panel-body{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;margin-top:10px}.club-file-panel-body>i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#223540;color:#ff5938;font-style:normal;font-size:18px}
.club-file-panel-body b{font-size:16px}.club-file-panel-body p{margin:3px 0 5px;color:#c4cdd0;line-height:1.4}.club-file-panel-body small{color:#73cb91;font-weight:700}
.club-file-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.club-file-checks i{display:grid;place-items:center;height:29px;border:1px solid #40515a;border-radius:8px;background:#101e27;color:#87949a;font-style:normal;font-weight:900}.club-file-checks i.is-pass{border-color:#4fae70;background:#173526;color:#72d292}.club-file-checks i.is-miss{border-color:#9a3e3b;background:#351b1e;color:#ff7168}
.chair-history-note{display:grid;gap:2px;padding:11px 12px;border:1px solid #3c4d56;border-left:3px solid #ff4b2b;border-radius:10px;background:#14232c}
.chair-history-note b{color:#f4f7f7}.chair-history-note span{color:#aeb9bd;font-size:12px}
@media(max-width:620px){.club-file-select{padding:17px}.club-file-options button{padding:13px;grid-template-columns:38px minmax(0,1fr) 18px}.club-file-options button>i{width:38px;height:38px}.club-file-options button small{font-size:12px}}

/* 2026-07-28 interaction and readability pass */
#hub .hub-action-panel #talkBtn{justify-content:center!important;gap:7px!important;padding-inline:8px!important;border-color:#365D46!important;background:#1F6B45!important;color:#FFFFFF!important;opacity:1!important}
#hub .hub-action-panel #talkBtn:disabled{background:#20352A!important;color:#DDE3E2!important;opacity:.72!important}
#hub .hub-action-panel #talkBtn svg{flex-basis:18px!important;width:18px!important;height:18px!important}
#hub .hub-action-panel #presBtn{border:1px solid #557A8C!important;background:#223D4B!important;color:#F3F5F4!important;opacity:1}
#hub .hub-action-panel #presBtn.locked{background:#223540!important;color:#C4CDD0!important;opacity:.72!important}
#hub .hub-action-panel .presbtngp{box-sizing:border-box!important;display:block!important;width:100%!important;height:64px!important;min-height:64px!important;overflow:visible!important;padding:0!important;border:0!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important}
#hub .hub-action-panel #presBtn{width:100%!important;height:64px!important;min-height:64px!important;margin:0!important;padding:8px!important;border-radius:9px!important}
#hub .hub-action-panel #presBtn .chair-action-ico{flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important}
@media(max-width:760px){#hub .hub-action-panel .presbtngp,#hub .hub-action-panel #presBtn{height:56px!important;min-height:56px!important}}

#hub #kasaTile.kasa-rich{--cash-value-text:var(--status-on-error)}
#hub #kasaTile.kasa-positive{--cash-value-text:var(--status-positive-text)}
#hub #kasaTile.kasa-zero{--cash-value-text:var(--status-warning-text)}
#hub #kasaTile.kasa-debt{--cash-value-text:var(--status-negative-text)}
#hub #kasaTile.kasa-deep-debt{--cash-value-text:var(--status-critical-text)}
#hub .hub-stat-row #kasaTile.kasa-card .kasa-main-val{display:inline-flex!important;width:max-content;max-width:100%;padding:2px 5px!important;border:1px solid #46535C!important;border-radius:5px!important;background-color:#0A1118!important;background-image:linear-gradient(135deg,#0A1118,#27343C)!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 2px 7px rgba(10,17,24,.22)!important;color:var(--cash-value-text,#F3F5F4)!important;text-shadow:none!important}
#hub #kasaTile .kasa-metric-val{display:inline-flex!important;width:max-content;max-width:100%;padding:2px 5px!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:4px!important;background:#FFFFFF!important;box-shadow:0 1px 4px rgba(10,17,24,.2)!important;color:var(--metric-accent)!important;text-shadow:none!important}
#hub #kasaTile .kasa-detail-link{font-family:var(--mono)!important;font-size:8px!important;font-weight:700!important;letter-spacing:0!important;text-decoration:none!important}
#hub #kasaTile .kasa-metrics{position:absolute!important;right:8px!important;bottom:6px!important;width:auto!important;margin:0!important}
#hub #kasaTile .kasa-metric{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important}
#hub #kasaTile .kasa-metric-lbl{font-size:6px!important;line-height:1!important}
@media(max-width:760px){html.copa-mobile-game #hub #kasaTile .kasa-main-val{padding:2px 4px!important;font-size:18px!important}html.copa-mobile-game #hub #kasaTile .kasa-metrics{right:6px!important;bottom:6px!important}html.copa-mobile-game #hub #kasaTile .kasa-metric{display:flex!important;align-items:center!important;justify-content:flex-end!important}html.copa-mobile-game #hub #kasaTile .kasa-detail-link{left:8px!important;bottom:8px!important}}
@media(max-width:760px){
  html.copa-mobile-game #hub #kasaTile .kasa-detail-link{
    position:static!important;
    align-self:flex-start!important;
    min-height:0!important;
    height:auto!important;
    margin-top:4px!important;
    padding:0!important;
  }
  html.copa-mobile-game #hub #kasaTile .kasa-metric-lbl{display:none!important}
}
@media(max-width:760px){
  html.copa-mobile-game #hub .hub-stat-row #chemTile,
  html.copa-mobile-game #hub .hub-stat-row #powTile,
  html.copa-mobile-game #hub .hub-stat-row #trustTile,
  html.copa-mobile-game #hub .hub-stat-row #kasaTile{height:88px!important;min-height:88px!important;padding:9px 7px!important}
  html.copa-mobile-game #hub .hub-stat-row #kasaTile .kasa-metrics{display:block!important}
}

/* Narrow web draft: keep money values and transfer prices fully readable. */
@media(max-width:760px){
  html:not(.copa-mobile-game) #draft .draft-candidate-gallery{
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:clamp(156px,72%,210px)!important;
    gap:9px!important;
    padding:2px 12% 7px 1px!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  html:not(.copa-mobile-game) #draft .draft-candidate-gallery::-webkit-scrollbar{display:none}
  html:not(.copa-mobile-game) #draft .draft-candidate-gallery .opt-card-shell{
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  html:not(.copa-mobile-game) #draft .draft-candidate-gallery .opt{
    min-height:210px!important;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  #draft #draftKasaTile{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(62px,.72fr) minmax(130px,1.28fr)!important;
    grid-template-areas:
      "cash-head cash-head"
      "cash-value cash-metrics"
      "cash-bar cash-bar"!important;
    align-items:end!important;
    gap:6px!important;
    width:100%!important;
    height:auto!important;
    min-height:112px!important;
    padding:10px!important;
  }
  #draft #draftKasaTile .kasa-top-row{
    grid-area:cash-head!important;
    min-width:0!important;
    margin:0!important;
  }
  #draft #draftKasaTile .kasa-status-badge{
    display:block!important;
    max-width:46%!important;
    overflow:hidden!important;
    color:var(--cash-text,var(--text-primary))!important;
    font-size:7px!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #draft #draftKasaTile .kasa-main-val{
    grid-area:cash-value!important;
    min-width:0!important;
    margin:0!important;
    overflow:visible!important;
    font-size:clamp(21px,5.2vw,28px)!important;
    white-space:nowrap!important;
  }
  #draft #draftKasaTile .kasa-metrics{
    grid-area:cash-metrics!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:end!important;
    gap:8px!important;
    min-width:0!important;
    margin:0!important;
  }
  #draft #draftKasaTile .kasa-metric{
    display:grid!important;
    gap:3px!important;
    min-width:0!important;
    text-align:right!important;
  }
  #draft #draftKasaTile .kasa-metric-lbl{
    overflow:hidden!important;
    font-size:clamp(6px,1.55vw,8px)!important;
    line-height:1.1!important;
    letter-spacing:.45px!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #draft #draftKasaTile .kasa-metric-val{
    max-width:100%!important;
    overflow:visible!important;
    font-size:clamp(11px,2.7vw,14px)!important;
    line-height:1!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
  #draft #draftKasaTile .kasa-metric-sep{display:none!important}
  #draft #draftKasaTile .kasa-bar-wrap{
    grid-area:cash-bar!important;
    min-width:0!important;
    margin:0!important;
    padding-top:2px!important;
  }
  #draft .draft-candidate-gallery .opt{
    grid-template-columns:44px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    padding:12px 10px!important;
  }
  #draft .draft-candidate-gallery .opt .ovb{
    grid-column:1!important;
    grid-row:1!important;
    width:44px!important;
    height:44px!important;
    font-size:18px!important;
  }
  #draft .draft-candidate-gallery .opt .mid{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    padding-right:52px!important;
  }
  #draft .draft-candidate-gallery .opt .pn{
    font-size:15px!important;
    line-height:1.08!important;
  }
  #draft .draft-candidate-gallery .opt .meta{
    margin-top:3px!important;
  }
  #draft .draft-candidate-gallery .opt .opt-forecast{
    grid-column:1/-1!important;
    grid-row:2!important;
  }
  #draft .draft-candidate-gallery .opt .price{
    position:absolute!important;
    z-index:5!important;
    top:12px!important;
    right:9px!important;
    bottom:auto!important;
    left:auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    display:block!important;
    width:auto!important;
    max-width:calc(100% - 78px)!important;
    margin:0!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
  #draft .draft-candidate-gallery .opt .price .p{
    box-sizing:border-box!important;
    display:block!important;
    min-width:44px!important;
    max-width:100%!important;
    padding:4px 6px!important;
    overflow:visible!important;
    font-size:clamp(13px,3vw,16px)!important;
    line-height:1!important;
    text-align:center!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
  #draft .draft-candidate-gallery .opt .price .cant-lbl{
    max-width:100%!important;
    overflow:hidden!important;
    font-size:6px!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #draft .draft-candidate-gallery .opt .price .discount-badge{
    margin-top:4px!important;
    font-size:7px!important;
  }
}

@media(max-width:620px){
  html:not(.copa-mobile-game) #hub .hub-stat-row > .mtile,
  html:not(.copa-mobile-game) #hub .hub-stat-row > .kasa-card,
  html:not(.copa-mobile-game) #hub .hub-stat-row #kasaTile{
    height:72px!important;
    min-height:72px!important;
    justify-content:flex-start!important;
    padding:6px!important;
  }
  html:not(.copa-mobile-game) #hub .hub-stat-row #kasaTile .kasa-main-val{
    margin:4px 0 0!important;
  }
  html:not(.copa-mobile-game) #hub #kasaTile .kasa-detail-link{
    position:static!important;
    align-self:flex-start!important;
    min-height:0!important;
    height:auto!important;
    margin-top:auto!important;
    padding:0!important;
    color:var(--color-slate)!important;
    font-size:5.8px!important;
    line-height:1!important;
  }
  .mobile-training-route>.prep-modal>header>span,
  .mobile-opponent-analysis small{
    color:var(--status-info-text)!important;
    opacity:1!important;
  }
  html[data-theme="dark"] .mobile-training-route>.prep-modal>header>span,
  html[data-theme="dark"] .mobile-opponent-analysis small{
    color:#7DD3FC!important;
  }
  .mobile-training-route>.prep-modal>header>h3,
  .mobile-opponent-analysis b{
    color:var(--text-primary)!important;
    opacity:1!important;
  }
}

@media(min-width:761px){
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hub-action-panel #talkBtn,
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hub-action-panel #presBtn,
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hub-action-panel #playBtn{flex-direction:row!important;gap:4px!important;padding:7px 5px!important}
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hub-action-panel #talkBtn span,
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hub-action-panel #presBtn span,
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hub-action-panel #playBtn span{font-size:6px!important;letter-spacing:0!important}
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hub-action-panel #talkBtn svg,
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hub-action-panel #presBtn svg,
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hub-action-panel #playBtn svg{flex-basis:14px!important;width:14px!important;height:14px!important}
  html:not(.copa-mobile-game) #hub[data-mobile-route="match"] .hub-action-panel #playBtn .dock-play-arrow{font-size:13px!important}
}

#hub #feedwrap{min-height:110px!important}
#hub [id="feed"]{display:grid!important;min-height:0!important;visibility:visible!important;opacity:1!important}
#hub [id="feed"]>.feeditem{display:block!important;visibility:visible!important;opacity:1!important;content-visibility:visible!important;color:var(--text-primary)!important;background:color-mix(in srgb,var(--surface-elevated) 90%,#FFFFFF 10%)!important}
#hub [id="feed"]>.feeditem+.feeditem{border-top:1px solid var(--border-subtle)}

#hub #shopLbl,#hub #freeAgentRow>.free-agent-section-head{box-sizing:border-box;display:flex!important;width:100%;min-height:58px;align-items:center;justify-content:space-between;margin:0 0 10px!important;padding:9px 10px!important;border:1px solid var(--border-default)!important;border-radius:12px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--status-info) 9%,var(--surface-elevated)),var(--surface-elevated))!important;box-shadow:var(--shadow-sm)}
#hub #shopLbl::after{display:none!important}
#hub #shopLbl .shop-label-wrap{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px}
#hub #shopLbl .shop-label-title,#hub .free-agent-section-title{display:inline-flex;align-items:center;gap:7px}
#hub #freeAgentRow>.free-agent-section-head{background:linear-gradient(135deg,color-mix(in srgb,var(--status-success) 10%,var(--surface-elevated)),var(--surface-elevated))!important}
#hub .shop-reroll-btn{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 10px;border:1px solid var(--border-default);border-radius:9px;background:var(--surface-muted);color:var(--text-primary);font:900 7px/1 var(--mono);cursor:pointer}
#hub .shop-reroll-btn.is-rewarded{border-color:var(--status-warning);color:var(--status-warning-text)}
#hub .shop-reroll-btn:disabled{cursor:not-allowed;opacity:.55}

@media(max-width:760px){
  #hub[data-mobile-route="market"] #shopcards,
  #hub[data-mobile-route="market"] #freeAgentRow .shopcards{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:8px!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  #hub[data-mobile-route="market"] #shopcards>.cardtile,
  #hub[data-mobile-route="market"] #freeAgentRow .free-agent-card{
    box-sizing:border-box!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    justify-self:stretch!important;
  }
  #hub[data-mobile-route="market"] #shopcards>.cardtile:nth-child(3){
    grid-column:1/-1!important;
    width:100%!important;
  }
}

.free-agent-detail{border-radius:15px;background:linear-gradient(155deg,color-mix(in srgb,var(--fa-tone) 11%,var(--surface-elevated)),var(--surface-elevated) 45%)!important}
.free-agent-versus article.is-current{border-color:#DDE3E2!important;background:#F3F5F4!important;color:#101D28!important}
.free-agent-versus article.is-current b{color:#101D28!important}
.free-agent-versus article.is-current small,.free-agent-versus article.is-current span{color:#52616A!important}
.free-agent-versus article.is-candidate{border-color:color-mix(in srgb,var(--fa-tone) 75%,var(--border-subtle))!important;background:color-mix(in srgb,var(--fa-tone) 16%,var(--surface-bg))!important}
.free-agent-versus strong{color:var(--power-tone,var(--fa-tone))!important;font:900 11px/1 var(--mono)}
.free-agent-detail-metrics span:nth-child(odd){background:color-mix(in srgb,var(--status-info) 9%,var(--surface-bg))}
.free-agent-detail-metrics span:nth-child(even){background:color-mix(in srgb,var(--fa-tone) 10%,var(--surface-bg))}

.mobile-opponent-analysis{border-left:4px solid var(--status-info)!important;background:linear-gradient(115deg,color-mix(in srgb,var(--status-info) 13%,var(--surface-elevated)),var(--surface-elevated))!important;box-shadow:var(--shadow-sm)}
.mobile-opponent-analysis .mobile-training-scout{background:#223D4B!important;color:#D7EDF5!important;cursor:pointer!important}
.mobile-opponent-analysis .mobile-training-scout svg{display:block!important;color:currentColor!important}

.prep-help-modal{box-sizing:border-box;width:min(600px,calc(100vw - 24px));padding:20px}
.prep-help-modal header>span{color:var(--status-info);font:900 8px/1 var(--mono);letter-spacing:.15em}
.prep-help-modal h3{margin:6px 0 5px;font-size:22px}.prep-help-modal header>p{margin:0 0 15px;color:var(--text-secondary);font-size:10.5px;line-height:1.45}
.prep-help-modal>div{display:grid;gap:7px}
.prep-help-modal article{--help-tone:var(--status-info);display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--help-tone) 30%,var(--border-subtle));border-radius:10px;background:linear-gradient(105deg,color-mix(in srgb,var(--help-tone) 9%,var(--surface-bg)),var(--surface-bg))}
.prep-help-modal article>i{display:grid;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,var(--help-tone) 56%,var(--border-subtle));border-radius:10px;background:color-mix(in srgb,var(--help-tone) 18%,#17242D);color:#F3F5F4;font:900 13px/1 var(--mono);font-style:normal;box-shadow:inset 0 -2px rgba(0,0,0,.16)}.prep-help-modal article:nth-child(2){--help-tone:#D39B31}.prep-help-modal article:nth-child(3){--help-tone:#F25D42}.prep-help-modal article:nth-child(4){--help-tone:#45A7A2}.prep-help-modal article:nth-child(5){--help-tone:#E35B69}.prep-help-modal article:nth-child(6){--help-tone:#55A978}
.prep-help-modal article p{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 9px;margin:0}.prep-help-modal article b{font-size:13px}.prep-help-modal article em{align-self:center;padding:5px 7px;border:1px solid color-mix(in srgb,var(--status-info) 32%,var(--border-subtle));border-radius:999px;background:color-mix(in srgb,var(--status-info) 18%,var(--surface-elevated));color:#D7EDF5;font:900 8px/1 var(--mono);font-style:normal;letter-spacing:.035em;white-space:nowrap}.prep-help-modal article small{grid-column:1/-1;color:var(--text-secondary);font-size:10.5px;line-height:1.45}
.prep-help-modal>.btn{width:100%;margin-top:13px}
@media(max-width:520px){.prep-help-modal article p{grid-template-columns:1fr}.prep-help-modal article em,.prep-help-modal article small{grid-column:1}.prep-help-modal article em{justify-self:start;white-space:normal}}

.nephew-picker{box-sizing:border-box;width:min(620px,calc(100vw - 24px));padding:20px}
.nephew-picker>.kithdr{text-align:center}.nephew-picker>.kitsub{margin:5px 0 15px;text-align:center}
.nephew-picker-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
.nephew-picker-grid .sstyle{box-sizing:border-box;display:grid!important;min-width:0!important;min-height:106px!important;align-content:center;justify-items:center;gap:6px!important;margin:0!important;padding:12px 8px!important;text-align:center!important;border-radius:12px!important}
.nephew-picker-grid .sstyle .sst{font-size:15px!important}.nephew-picker-grid .sstyle .ssd{font-size:8px!important}
@media(max-width:420px){.nephew-picker{padding:16px 11px}.nephew-picker-grid{gap:6px!important}.nephew-picker-grid .sstyle{min-height:94px!important;padding:9px 5px!important}.nephew-picker-grid .sstyle .sst{font-size:12px!important}}