/* One clubhouse system: stadium surfaces, ticket edges, scoreboard type. */
:root{--club-bg:#101f29;--club-surface:#19333b;--club-raised:#23423f;--club-stroke:#496a60;--club-ink:#f3eedc;--club-soft:#b9ccc0;--club-lime:#cfdfa0;--club-gold:#e5c786}
.club-ui{background:radial-gradient(ellipse at 12% 0,#315c4938,transparent 600px),var(--club-bg);color:var(--club-ink);min-height:100dvh}
.club-ui body,.club-ui main,.club-ui section,.club-ui article{min-width:0}
.game-icon{width:22px;height:22px;display:inline-block;flex:none;vertical-align:middle}
.club-ui>header{position:relative;isolation:isolate;display:flex;align-items:center;flex-wrap:nowrap;gap:12px;max-width:1184px;height:auto;min-height:80px;overflow:visible;padding:18px 24px;border-bottom:1px solid #496a6055;background:transparent}
.club-ui>header .brand{min-width:0;gap:8px;font-size:14px;letter-spacing:.045em;line-height:1.4;overflow-wrap:anywhere}
.club-ui>header .brand>span:has(svg){flex:none;display:flex}.club-ui>header .brand svg{width:26px;height:26px}
.club-ui>header a.settings-link{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:auto;min-height:44px;max-width:none;padding:10px 12px!important;border:1px solid #78927a;border-radius:8px;border-bottom-width:1px;box-shadow:0 3px 0 #071c23;overflow:visible;background:linear-gradient(145deg,#294b44,#1a333c);font:600 12px/1.4 Arial!important;letter-spacing:0;text-transform:none;color:var(--club-ink)}
.club-ui>header .settings-link .game-icon{width:18px;height:18px}
.club-ui .mode-shell{max-width:1152px;margin:24px auto 56px;padding:0 24px}
.club-ui h1{font-size:clamp(32px,4.7vw,54px);line-height:1.08;letter-spacing:-1.6px;margin:14px 0}
.club-ui h2{font-size:24px;line-height:1.2;letter-spacing:-.5px}.club-ui h3{line-height:1.25;letter-spacing:-.2px}
.club-ui p{line-height:1.6}.club-ui .eyebrow{font:10px/1.5 'Courier New',monospace;letter-spacing:1.8px;color:var(--club-lime)}
.club-ui :is(.gallery-intro,.mode-lede){font:14px/1.65 Arial;color:var(--club-soft);max-width:620px;margin:12px 0 20px}
.club-ui :is(button,.cta,.result-link){touch-action:manipulation}
.club-ui button:not(.card-button,.slot-player,.field-player,.receipt-card,.pack-tile,.mode-card,.order-grip,.remove-slot){border-radius:7px;font:600 12px/1.35 Arial;border:1px solid var(--club-stroke);background:linear-gradient(145deg,#2b4b43,#203c3c);color:var(--club-ink);padding:11px 15px;min-height:44px;transition:background .15s,transform .15s}
.club-ui button:not(:disabled):hover{filter:brightness(1.1)}.club-ui button:disabled{opacity:.48;cursor:default;filter:none}
.club-ui :is(.cta,.result-link){display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;margin:0;padding:13px 19px;border:1px solid #dfebbd;border-radius:7px;box-shadow:0 3px 0 #638458;background:linear-gradient(140deg,#d9e9ac,#b3ce88);color:#15312d;font:700 13px/1.4 Arial;text-decoration:none}
.club-ui :is(.cta,.result-link)::after{content:'';width:14px;height:14px;background:currentColor;clip-path:polygon(0 43%,70% 43%,45% 18%,57% 7%,100% 50%,57% 93%,45% 82%,70% 57%,0 57%)}
.club-ui a:focus-visible,.club-ui button:focus-visible{outline:2px solid var(--club-gold);outline-offset:4px}
.club-ui :is(input,select){font-size:16px!important;min-height:46px;border-radius:7px!important;max-width:100%;accent-color:var(--club-lime)}
.club-ui progress{appearance:none;display:block;overflow:hidden;width:100%;height:8px;border:0;border-radius:8px;background:#0e2830;color:var(--club-lime);accent-color:var(--club-lime)}
.club-ui progress::-webkit-progress-bar{background:#0e2830;border-radius:8px}.club-ui progress::-webkit-progress-value{background:linear-gradient(90deg,#719d78,#d4e8a8);border-radius:8px}.club-ui progress::-moz-progress-bar{background:#c9dfa0;border-radius:8px}
.club-ui .diamond-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:5px;margin:0 0 24px;border:1px solid #486b5d;border-radius:10px;box-shadow:0 4px 0 #0a1821;background:#132b33}
.club-ui .diamond-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:62px;border:0;border-radius:6px;background:transparent;color:#b6ccbd;font:600 11px Arial;padding:8px 2px}
.club-ui .diamond-nav a::before{display:none}.club-ui .diamond-nav a .game-icon{width:20px;height:20px}.club-ui .diamond-nav a[aria-current]{background:linear-gradient(135deg,#d6e5a8,#b3cf8b);box-shadow:inset 0 -3px #7c9d6b;color:#193b32}.club-ui .diamond-nav a:hover:not([aria-current]){background:#27453e}
.club-ui .back-link{margin:10px 16px 14px 0;font:11px/1.5 Arial;color:var(--club-lime)}
.club-ui .admin-entry{justify-content:flex-end;margin:-12px 0 12px}.club-ui .admin-entry a{font:10px Arial;padding:6px 9px;opacity:.7}
.club-ui .club-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;max-width:1104px;margin:24px auto 0;padding:24px 0 calc(24px + env(safe-area-inset-bottom));border-top:1px solid #45655580;color:#9db7aa}
.club-footer>span{display:flex;gap:10px;align-items:center;font:9px monospace;letter-spacing:1px}.club-footer nav{display:flex;gap:18px;flex-wrap:wrap}.club-footer nav a{font:11px Arial;padding:8px 0;color:#c6d6bf}
.club-ui :is(dialog,.player-details){color:var(--club-ink);border:1px solid #829876;border-radius:12px;background:#163039;box-shadow:0 22px 80px #03131be6;max-height:90dvh;max-width:calc(100% - 24px)}
.club-ui dialog::backdrop{background:#071720c9;backdrop-filter:blur(6px)}.club-ui dialog h2{font-size:23px;letter-spacing:-.5px}
.club-ui .detail-top{border-bottom:1px solid #557565;background:#19343c;padding:12px 16px}
/* Collection: three phone cards, four tablet cards, five/six desktop cards. */
.club-ui .catalog-filters{padding:16px;border-radius:10px;border-top:2px solid var(--club-lime);gap:12px;margin:20px 0;background:linear-gradient(125deg,#23413d,#16313a)}
.club-ui .catalog-filters label{font-size:9px;letter-spacing:.06em;gap:6px}.club-ui .catalog-filters label:first-child{grid-column:1/-1}.club-ui .catalog-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
.club-ui .catalog-filters select{padding:8px 5px;font-size:12px!important}.club-ui .catalog-filters input{padding:10px}
.club-ui .card-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;margin:18px 0 24px}
.club-ui .card-gallery .player-card{border-width:1px;box-shadow:2px 3px 0 #07151d;max-width:none;border-radius:5px}
.club-ui .card-gallery .card-art{height:88px}.club-ui .card-gallery .card-top{left:4px;right:4px;top:4px}
.club-ui .card-gallery .card-ovr{min-width:25px;padding:4px 3px;border-bottom-width:2px}.club-ui .card-gallery .card-ovr strong{font-size:20px}.club-ui .card-gallery .card-ovr small{display:none}
.club-ui .card-gallery .card-position{font-size:8px;padding:4px}.club-ui .card-gallery .card-copy{padding:7px 5px;gap:4px;border-top-width:1px}
.club-ui .card-gallery .card-series{display:none}.club-ui .card-gallery .card-name{font-size:11px;line-height:1.2;min-height:27px;letter-spacing:0}
.club-ui .card-gallery .card-team{font:9px/1.3 Arial;min-height:24px}.club-ui .card-gallery .card-rarity{font-size:8px}.club-ui .card-gallery .card-stats{margin:3px 0 0;padding-top:6px}.club-ui .card-gallery .card-stats strong{font-size:12px}.club-ui .card-gallery .card-stats small{font-size:7px}.club-ui .card-gallery .card-button>span{display:block;font:9px/1.4 Arial;color:#b3c9b9;margin:5px 0 0}
.club-ui .catalog-note{margin:14px 0}.club-ui .gallery-footnote{font-size:9px}.club-ui #catalog-freshness{font-size:10px!important}
/* Play and Team: a clear route to the field, with room around the saved game. */
.club-ui #resume-game:not(:empty){margin:24px 0 28px;padding:16px;display:flex;align-items:center;border:1px solid #827b55;border-left:3px solid var(--club-gold);border-radius:9px;background:linear-gradient(100deg,#3b4534,#1c3538)}
.club-ui #resume-game .cta{margin:0;box-shadow:none;background:transparent;color:#f2dfac;border:0;justify-content:flex-start;padding:4px 0}
.club-ui .mode-grid{gap:16px;margin:24px 0 30px}.club-ui .mode-tile{box-shadow:0 4px #0a2027;border-radius:10px}.club-ui .mode-tile img{height:130px;object-fit:cover}.club-ui .mode-tile>span{padding:16px;border-top:1px solid #709369;background:linear-gradient(125deg,#26443c,#172f39)}.club-ui .mode-tile strong{font:700 16px/1.2 Arial;letter-spacing:.03em}.club-ui .mode-tile small{font:11px/1.5 Arial;color:#bbd2c0}
.club-ui .cpu-setup{border:1px solid #72896b;border-radius:12px;border-top:3px solid var(--club-gold);box-shadow:0 10px 25px #081c2540;background:linear-gradient(140deg,#25473f,#18313b);padding:0 20px 20px}
.club-ui .matchup-banner{padding:24px 20px;border-bottom-color:#667f64}.club-ui .matchup-banner h2{font-size:32px;font-weight:700}.club-ui .game-options{gap:16px}.club-ui .game-options select{width:100%!important;margin:0}.club-ui .cpu-setup .roster-actions{margin:24px 0;gap:12px}.club-ui .cpu-setup .roster-actions .cta{flex:1;white-space:normal;min-width:110px}
.team-track-link{display:flex;align-items:center;gap:14px;border:1px solid #7c865f;border-radius:10px;padding:16px;margin:20px 0;background:linear-gradient(110deg,#3b4935,#1c363c);color:#ebdfb6}.team-track-link>.game-icon{width:34px;height:34px}.team-track-link>span{flex:1}.team-track-link strong{display:block;font-size:16px}.team-track-link small{display:block;font:11px/1.5 Arial;color:#bfd1bd;margin-top:4px}.team-track-link .track-link-action{flex:none;font:bold 11px Arial}
.club-ui .roster-section{margin:26px 0}.club-ui .roster-section h2{text-transform:uppercase;font:700 19px Arial;letter-spacing:.04em}.club-ui .roster-row{border-radius:8px;background:linear-gradient(110deg,#223d3d,#142f39);box-shadow:0 2px #0a2027}.club-ui .roster-save{z-index:6;border:1px solid #6b856a;border-radius:8px;background:#1c393cf2;backdrop-filter:blur(12px);margin:24px 0 0;box-shadow:0 -6px 24px #071d2870}.club-ui #roster-save{background:var(--club-lime);color:#17382e}.club-ui .field-board{border-color:#527e63;box-shadow:inset 0 0 0 6px #193e34,0 12px 25px #071a2545}
/* Reward hall and the permanent XP trail. */
.club-ui .challenge-heading h1{font-size:clamp(32px,4.7vw,48px);margin:10px 0 20px}.club-ui .challenge-heading button{padding:10px;min-width:44px}
.club-ui .challenge-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.club-ui .challenge-heading button{flex:none}
.club-ui .challenge-tabs{gap:4px;padding:4px;border:1px solid #48695f;border-radius:9px;background:#142b33;margin:6px 0 18px}.club-ui .challenge-tabs a{border:0;border-radius:5px;padding:14px 6px;font-size:12px}.club-ui .challenge-tabs [aria-current]{background:#344f43;color:#e0eabf;box-shadow:inset 0 -2px #bfd899}
.club-ui :is(#progress-status,#solo-status,#content-status){font:11px/1.5 Arial;min-height:0;color:#9eb9ac}
.club-ui #resume-progress:not(:empty){margin:18px 0 24px;padding:16px;border:1px solid #726c50;border-left:3px solid #d8bf79;border-radius:8px;background:#293c35}.club-ui #resume-progress a{font:600 13px Arial;color:#e6d4a3}.club-ui #resume-progress p{font:11px/1.5 Arial;color:#b7cabe;margin:8px 0 0}
.club-ui .moments-banner{min-height:170px;padding:22px;margin:24px 0 16px;background:linear-gradient(120deg,#274841,#18303b);border:1px solid #527b62;border-radius:12px}.club-ui .moments-banner img{width:56%;opacity:.55;right:0}.club-ui .moments-banner h2{font-size:34px}.club-ui .moments-banner p{font-size:12px}.club-ui .moments-banner div{max-width:75%}
.moment-filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.club-ui .moment-filters button{min-height:40px;padding:10px 15px;font-size:11px}.club-ui .moment-filters [aria-pressed=true]{background:var(--club-lime);color:#16382d;border-color:var(--club-lime)}
.club-ui #moment-count{margin-left:auto;font:10px monospace;align-self:center;color:#b8cdbd}
.club-ui :is(#starter-challenges,#challenge-list,#moment-list){grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.club-ui .mission-card,.club-ui #starter-challenges .mission-card{display:flex;flex-direction:column;gap:8px;padding:0 14px 14px;background:linear-gradient(135deg,#203d3e,#142e38);border:1px solid #456e61;border-top:2px solid var(--moment-color,#a5c694);border-radius:10px;position:relative;overflow:hidden;min-width:0}
.club-ui .mission-card .challenge-art,.club-ui #starter-challenges .challenge-art{width:calc(100% + 28px);height:auto;aspect-ratio:1.8;object-fit:cover;margin:0 -14px 6px;background:#18323b;max-width:none}
.club-ui .mission-card h3,.club-ui #starter-challenges h3{font:700 16px/1.2 Arial;min-height:0;letter-spacing:-.2px;margin:0}
.club-ui .mission-card p,.club-ui #starter-challenges p{font:12px/1.5 Arial;color:#d0ddcf;margin:0}.club-ui .mission-card small{font:10px/1.45 Arial;color:#b3c8b7;margin:0}
.club-ui .mission-card .moment-reward{display:flex;gap:5px;flex-wrap:wrap;color:#dfd19a;font:700 10px Arial;padding-top:4px}.moment-reward span{padding:5px 6px;border:1px solid #93835355;border-radius:4px;background:#333f3260}
.club-ui .mission-card>a,.club-ui #starter-challenges .mission-card>a{display:flex;align-items:center;justify-content:center;min-height:44px;font:700 11px Arial;line-height:1.2;margin:8px 0 0;padding:11px 5px;border-radius:6px;background:#cbdca0;color:#18392d;margin-top:auto}
.club-ui .mission-card .mission-tag,.club-ui #starter-challenges .mission-tag{font:8px/1.2 monospace;letter-spacing:.04em;top:10px;left:10px;padding:5px 6px;border:1px solid #bad5b455;backdrop-filter:blur(4px);background:#102732dc;color:#e3ead1;border-radius:4px}
.club-ui .mission-card[data-complete=true]{opacity:1}.club-ui .mission-card[data-complete=true] .mission-tag{background:#c8dca2;color:#19372d}.club-ui .mission-score{margin:2px 0;align-self:flex-start;width:46px;height:46px}
.rewards-hero,.xp-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #72886a;border-top:3px solid var(--club-gold);border-radius:12px;background:radial-gradient(ellipse at 90% 50%,#6a744653,transparent 65%),linear-gradient(120deg,#2c493d,#172f39);padding:26px;margin:24px 0}
.rewards-hero>div,.xp-hero>div{position:relative;z-index:1;max-width:70%}.rewards-hero h2,.xp-hero h1{font-size:clamp(28px,4vw,42px);line-height:1.05;margin:12px 0}.rewards-hero p,.xp-hero p{font:13px/1.6 Arial;color:#c4d5c2}.rewards-hero>.game-icon,.xp-hero>.game-icon{position:absolute;right:5%;top:50%;transform:translateY(-50%) rotate(8deg);width:120px;height:120px;color:#deca89;opacity:.35}
.xp-hero .club-balance{display:block;font:700 clamp(34px,6vw,58px)/1.1 monospace;color:#f2dda0;margin:14px 0}.xp-hero .eyebrow{color:#e2c77d}
.rewards-hero>.hero-emblem,.xp-hero>.hero-emblem{position:absolute;right:5%;top:50%;transform:translateY(-50%) rotate(8deg);color:#deca89;opacity:.3}.hero-emblem .game-icon{width:120px;height:120px}
.reward-path-link{display:flex;gap:12px;align-items:center;padding:15px 18px;margin:14px 0 24px;border:1px solid #77845a;border-radius:9px;background:#344634}.reward-path-link strong{font-size:16px;flex:1}.reward-path-link span{font:11px Arial;color:#d8e5b8}
.track-summary{display:grid;grid-template-columns:1fr auto;gap:20px;border:1px solid #4c6d5d;border-radius:10px;background:linear-gradient(130deg,#203e3d,#173039);padding:20px;margin:20px 0 24px}.track-summary h3{font-size:20px;margin:8px 0}.track-summary p{font:12px/1.5 Arial;color:#bad0ba}.track-summary progress{margin-top:16px}.track-summary-badge{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-left:1px solid #506e59;padding-left:20px;color:#e5d090}.track-summary-badge strong{font:700 28px monospace}.track-summary-badge span{font:8px monospace;letter-spacing:1px;text-align:center}
.club-ui #xp-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;position:relative;margin:24px 0 32px}
.club-ui .track-reward{padding:0;overflow:hidden;border:1px solid #45655b;border-radius:10px;background:#172f38;box-shadow:0 4px 0 #081e27;position:relative}
.reward-top{display:flex;justify-content:space-between;gap:8px;padding:11px 12px;background:#213d3d;border-bottom:1px solid #47614f;font:9px/1.3 monospace;color:#c2d4bd}
.reward-art{height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(ellipse at center,#9a975435,transparent 70%),repeating-linear-gradient(130deg,#243c3900 0 20px,#51754c12 20px 21px);color:#e2c987;border-bottom:1px solid #48625150}
.reward-art>.game-icon{width:48px;height:48px;filter:drop-shadow(0 3px 0 #071c27)}.reward-art strong{font:700 22px monospace;letter-spacing:1px}.reward-art .pack-artwork{height:116px;width:100px;margin:0;filter:drop-shadow(3px 5px 0 #09252a)}
.reward-copy{display:flex;flex-direction:column;gap:9px;padding:15px}.reward-copy .eyebrow{font-size:8px;letter-spacing:1px}.reward-copy h3{font:700 17px/1.2 Arial;margin:0;min-height:40px}.reward-status{display:flex;align-items:center;gap:6px;font:10px/1.4 Arial;color:#a9c1b4}.reward-status .game-icon{width:14px;height:14px}
.club-ui .track-reward button{width:100%;margin:2px 0 0}.club-ui .track-reward[data-state=ready]{border-color:#decb84;box-shadow:0 4px 0 #5d6542,0 0 24px #d8c4830d}.track-reward[data-state=ready] .reward-top{background:#40523c;color:#f0e0a3}.club-ui .track-reward[data-state=ready] button{background:linear-gradient(120deg,#efdaa0,#cfb570);border-color:#e5d199;color:#24372c}.track-reward[data-state=claimed] .reward-status{color:#c6dd9f}.club-ui .track-reward[data-state=claimed] button{opacity:1;background:#213e36;border-color:#3f6652;color:#a9c78e}
.club-ui :is(#collections,#duplicates){margin:32px 0;padding:24px;border:1px solid #47695b;border-radius:12px;background:linear-gradient(130deg,#203b3b,#162e38)}
.club-ui :is(#collections,#duplicates)>p{font:12px/1.65 Arial;color:#b5cabe;max-width:780px}
.club-ui :is(#set-list,#duplicate-list) .progress-card{padding:18px;background:#122c35;border:1px solid #486454;border-radius:8px}.club-ui .progress-card p{max-width:none}.club-ui .progress-card li{font-size:12px;line-height:1.5}.club-ui .progress-card li select{margin-top:8px;width:100%}.club-ui .progress-card h3{font-size:18px}.club-ui #duplicate-list .progress-card button{width:100%}
.earn-rules{margin:24px 0;padding:18px 20px;border:1px dashed #607657;border-radius:9px;background:#213831}.earn-rules summary{font:600 13px Arial;cursor:pointer;min-height:24px}.earn-rules p{font:12px/1.65 Arial;color:#bed0bc;max-width:720px}
/* Packs, shop, club hub, lobby and campaigns share the same finished surfaces. */
.club-ui .pack-heading,.club-ui .shop-heading{border:1px solid #688466;border-top:3px solid #d1dca0;border-radius:12px;padding:22px;background:linear-gradient(105deg,#294b3fee,#18333cdd),url('../assets/modes/draft.svg') right center/auto 100%;box-shadow:0 4px #0a2229;margin-bottom:22px}
.club-ui .shop-heading h1{font-size:clamp(30px,4vw,48px)}.club-ui .club-balance{color:#e7d292}.club-ui .shop-heading .club-balance{font:700 19px monospace}.club-ui .pack-heading h1{font-size:34px}
.club-ui .pack-shelf{border-radius:12px;padding:16px;gap:14px;background:repeating-linear-gradient(0deg,#203d3833 0 1px,#163039 1px 34px)}.club-ui .pack-tile{border:1px solid #5c7a61;border-bottom:3px solid #728f66;border-radius:8px;padding:14px 10px 18px;background:radial-gradient(ellipse at 50% 30%,#83a96545,transparent 70%)}.club-ui .pack-tile .pack-artwork{max-width:160px}.club-ui .pack-tile strong{font-size:14px}.club-ui .pack-tile span{font:10px monospace;letter-spacing:.03em}
.club-ui #shop-offers{gap:18px}.club-ui .shop-offer{border:1px solid #6f8566;border-top:3px solid #b9cd95;border-radius:12px;padding:18px;background:radial-gradient(ellipse at 0 0,#627f4240,transparent 70%),#19343a;grid-template-columns:110px minmax(0,1fr);gap:12px 18px}.club-ui .shop-offer[data-tier=elite_v1]{border-color:#b59e68}.club-ui .shop-offer[data-tier=diamond_v1]{border-color:#73b4cb}.club-ui .shop-offer h3{font-size:22px}.club-ui .shop-offer button{background:#ccdba0;color:#19372e}.club-ui .shop-offer .offer-odds{margin-top:10px}.club-ui .shop-offer .offer-odds summary{min-height:44px;display:flex;align-items:center}
.club-ui .bp-wallet{border:1px solid #8d9267;border-radius:8px;background:#132e36;color:#e5d494}.club-ui .hub-heading h1{font-size:42px}.club-ui .starter-welcome{border:1px solid #638568;border-top:3px solid #c0d899;background:linear-gradient(120deg,#2a4b3f,#19343d);border-radius:12px}.club-ui .hub-links{gap:12px}.club-ui .hub-links>a,.club-ui .hub-links>button{border-radius:9px;background:linear-gradient(125deg,#2d4b41,#1d353c);border:1px solid #58775e;padding:18px}
.club-ui .club-more{border:1px solid #446857;border-radius:9px;padding:18px;background:#18323a}.club-ui .club-more a{border-top:1px solid #45625155;font-size:13px}
.club-ui .mode-card{border-radius:12px;border:1px solid #597f65;box-shadow:0 5px #08212a}.club-ui .mode-copy{padding:22px}.club-ui .mode-copy strong{font-size:28px}.club-ui .duel-card{background:linear-gradient(120deg,#293c52dd,#172e39de),url('../assets/moments/electric.svg') center/cover}.club-ui .locked-card{background:linear-gradient(120deg,#263d39,#172e38);opacity:.65}
.club-ui .progress-nav{gap:8px;margin:22px 0;padding:5px;border:1px solid #486858;background:#152e35;border-radius:9px}.club-ui .progress-nav a{font:12px Arial;padding:12px;border:0;border-radius:5px;background:#28443c;color:#d0dec2}
.club-ui #signed-content>:is(#seasons,#draft,#territory,#customize,#player-progress,#captain-section,#releases,#marketplace){padding:24px;margin:24px 0;border:1px solid #50725f;border-top:3px solid #a6c58b;border-radius:12px;background:linear-gradient(125deg,#25433bdd,#172f38)}
.club-ui #signed-content>:is(#seasons,#draft,#territory,#customize,#player-progress,#captain-section,#releases,#marketplace)>p{font:13px/1.7 Arial;max-width:800px;color:#bdcfbf}
.club-ui :is(#seasons,#draft,#territory)>h2{min-height:92px;display:flex;align-items:center;margin:-24px -24px 20px;padding:24px;background:linear-gradient(90deg,#193b3ae8,#193b3a33),url('../assets/modes/seasons.svg') right center/auto 170% no-repeat;border-bottom:1px solid #4b6a58;font-style:italic;text-transform:uppercase;letter-spacing:.02em}
.club-ui #draft>h2{background-image:linear-gradient(90deg,#193b3ae8,#193b3a33),url('../assets/modes/draft.svg')}.club-ui #territory>h2{background-image:linear-gradient(90deg,#193b3ae8,#193b3a33),url('../assets/modes/territory.svg')}
.club-ui .solo-table{font:12px/1.5 Arial;border-collapse:collapse}.club-ui .solo-table th{color:#c9dca7;background:#142f34}.club-ui .solo-table td,.club-ui .solo-table th{padding:12px 7px;border-bottom:1px solid #466957}.club-ui .solo-table tr:nth-child(even){background:#25443855}
.club-ui :is(#captain-form,#listing-form,#identity-form){padding:18px;border-radius:9px;background:#142f37;border:1px solid #47694f;margin:20px 0}.club-ui form label{font:11px/1.5 Arial;color:#c5d4ba}.club-ui form p{font:12px/1.6 Arial}
.club-ui .rank-player{background:linear-gradient(135deg,#2b4248,#18313a);border-radius:10px}.club-ui .rank-player progress{margin:14px 0}
.lobby-hero{border:1px solid #667d75;border-top:3px solid #abcadd;border-radius:12px;padding:26px;background:linear-gradient(110deg,#23434be8,#18303ac4),url('../assets/moments/electric.svg') right center/auto 180% no-repeat;margin:20px 0}.lobby-hero p{max-width:640px;font-size:13px;color:#bed3c9}.club-ui #duel-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.club-ui #duel-actions button{background:#c9dca0;color:#193b30;min-width:130px}.club-ui #duel-recent>article,.club-ui #trade-list>article{padding:16px;border:1px solid #4d6d5f;border-radius:8px;margin:10px 0;background:#19333c}
.club-ui .account-shell{gap:40px;margin:40px auto 64px}.club-ui .account-intro{padding:26px 0}.club-ui .account-intro h1{font-size:clamp(38px,5vw,62px)}.club-ui .club-mark .game-icon{width:150px;height:150px;stroke-width:1;color:#cadc9e;filter:drop-shadow(5px 7px 0 #315342)}.club-ui .account-card{padding:28px;border:1px solid #587c64;border-top:3px solid #d2dfa1;border-radius:12px;background:linear-gradient(125deg,#223f3b,#172f39);box-shadow:0 10px 40px #071f2540}.club-ui .account-card input{background:#122c35;border-color:#607e68}.club-ui .account-tabs button[aria-pressed=true]{background:#cbdca0;color:#1d3a30}.club-ui .account-card .text-button{background:none;border:0;font-size:12px;color:#c5d8b3;padding-left:0}.club-ui .account-card .cta{background:#d0dfa2;color:#19392e}
.club-ui .admin-grid>section{background:#1a353a;border:1px solid #4e705d;border-radius:10px}.club-ui .admin-tabs{gap:8px}.club-ui table{max-width:100%}
.club-ui .roster-shell .group-bench .roster-rows{grid-template-columns:1fr!important}
.club-ui .roster-shell .group-bench .roster-row{padding:7px 62px 7px 4px;min-height:105px;display:flex;flex-wrap:nowrap;gap:5px}
.club-ui .roster-shell .group-bench .remove-slot{position:absolute;right:5px;top:5px;width:30px;min-height:30px;padding:0!important}
.club-ui .roster-shell .group-bench .mini-card img{height:57px}.club-ui .roster-shell .group-bench .mini-name{font-size:13px}.club-ui .roster-shell .group-bench .mini-team{display:block;font-size:9px}
.club-ui .roster-row .order-controls button{padding:0!important;width:27px;min-width:27px;min-height:38px}.club-ui .order-controls .game-icon{width:16px;height:16px}.club-ui .order-grip .game-icon{width:15px;height:26px}.club-ui .remove-slot .game-icon{width:14px;height:14px}
.club-ui .hub-links strong{overflow-wrap:anywhere;font-size:17px}.club-ui .hub-links span{overflow-wrap:anywhere;font-size:9px}.club-ui .hub-links>a,.club-ui .hub-links>button{padding:14px 10px}
.club-ui .pack-seal-mark .game-icon{width:60px;height:60px}.club-ui .unrevealed-card .game-icon{width:34px;height:34px}
.club-ui .account-card .cta{margin-top:24px}.club-ui .pack-heading,.club-ui .shop-heading{background-repeat:no-repeat}
.club-ui .objective-number.done::after{content:'';width:12px;height:8px;border-bottom:2px solid currentColor;border-left:2px solid currentColor;transform:rotate(-45deg) translate(1px,-2px)}
.club-ui #duel-recent>a{padding:16px;margin:10px 0;background:#1c383e;border:1px solid #4e6d5b;border-radius:8px;font-size:13px}
.club-ui .reference-rules{border-top:1px solid #4d705858;margin:14px 0 20px;padding-top:12px}.reference-rules summary{font:600 12px Arial;color:#c9dbb9;cursor:pointer;padding:8px 0;min-height:36px}.reference-rules p{font:12px/1.65 Arial;color:#b6cbbd;max-width:820px}
.reward-unlocked{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:20px;margin:18px 0;border:1px solid #d5bd72;border-radius:10px;background:radial-gradient(ellipse at 0 50%,#b8983855,transparent 80%),#294534;animation:reward-arrival .4s ease-out}
.reward-unlocked>.game-icon{width:40px;height:40px;color:#efdb94}.reward-unlocked>div{flex:1;min-width:150px}.reward-unlocked strong{display:block;font-size:19px;margin-top:7px}.reward-unlocked p{font:12px/1.5 Arial;color:#c9dcbf;margin:6px 0}.reward-unlocked .eyebrow{color:#e7d096}.reward-unlocked .cta{font-size:12px;min-height:44px}
@keyframes reward-arrival{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.club-ui .section-emblem{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#375747;border:1px solid #718b63;border-radius:10px;margin-bottom:16px;color:#dbd2a0}.club-ui .section-emblem .game-icon{width:29px;height:29px}
.club-ui #releases .section-emblem{color:#8dcced;border-color:#6f99a1;background:#2a4854}.club-ui #marketplace .section-emblem{color:#e8c891;border-color:#9c885f;background:#454c39}
@media(min-width:600px){.club-ui .card-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.club-ui .card-gallery .card-art{height:118px}.club-ui .card-gallery .card-name{font-size:13px;min-height:32px}.club-ui .card-gallery .card-team{font-size:10px}.club-ui .card-gallery .card-copy{padding:9px}.club-ui .card-gallery .card-stats strong{font-size:14px}.club-ui .card-gallery .card-stats small{font-size:8px}.club-ui .diamond-nav a{flex-direction:row;min-height:48px;gap:10px;font-size:12px}.club-ui #xp-list{grid-template-columns:repeat(3,minmax(0,1fr))}.club-ui #moment-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:900px){.club-ui .card-gallery{grid-template-columns:repeat(5,minmax(0,1fr))}.club-ui .catalog-filters{grid-template-columns:2fr repeat(6,minmax(0,1fr))}.club-ui .catalog-filters label:first-child{grid-column:auto}.club-ui .catalog-filters select{font-size:11px!important}.club-ui #xp-list{grid-template-columns:repeat(4,minmax(0,1fr))}.club-ui :is(#starter-challenges,#challenge-list){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1150px){.club-ui .card-gallery{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:600px){.club-ui>header{min-height:76px;padding:16px;gap:10px}.club-ui>header .brand{font-size:12px}.club-ui>header .brand span{font-size:9px}.club-ui .mode-shell{padding:0 16px;margin:20px auto 40px}.club-ui .club-footer{margin:24px 16px 0;padding:22px 0 30px}.club-footer nav{gap:16px}.club-ui .mode-tile img{height:104px}.club-ui .mode-tile>span{padding:13px}.club-ui .mode-tile strong{font-size:14px}.club-ui .mode-grid{gap:12px}.club-ui .pack-heading{padding:16px}.club-ui .pack-heading h1{font-size:28px}.club-ui .shop-heading{padding:16px}.club-ui .shop-heading .club-balance{font-size:16px}.club-ui .shop-offer{padding:14px;grid-template-columns:95px minmax(0,1fr);gap:8px 14px}.club-ui .shop-offer h3{font-size:20px}.club-ui .cpu-setup{padding:0 16px 16px}.club-ui .matchup-banner{margin:0 -16px 18px;padding:22px 16px}.club-ui .matchup-banner h2{font-size:28px}.club-ui .game-options{gap:12px}.club-ui .team-track-link{padding:14px;gap:10px}.team-track-link .track-link-action{font-size:10px}.club-ui .moments-banner{padding:20px;min-height:152px}.club-ui .moments-banner h2{font-size:30px}.club-ui .mission-card,.club-ui #starter-challenges .mission-card{padding:0 10px 12px;gap:8px}.club-ui .mission-card .challenge-art,.club-ui #starter-challenges .challenge-art{width:calc(100% + 20px);margin:0 -10px 4px;aspect-ratio:1.45}.club-ui .mission-card h3,.club-ui #starter-challenges h3{font-size:15px}.club-ui .mission-card p,.club-ui #starter-challenges p{font-size:11px}.club-ui .mission-card .mission-tag,.club-ui #starter-challenges .mission-tag{font-size:7px;top:8px;left:8px}.club-ui .mission-card small{font-size:9px}.club-ui :is(#starter-challenges,#challenge-list,#moment-list){gap:12px}.rewards-hero,.xp-hero{padding:22px 18px}.rewards-hero>.game-icon,.xp-hero>.game-icon{width:86px;height:86px;right:3%}.rewards-hero>div,.xp-hero>div{max-width:77%}.xp-hero p{font-size:12px}.reward-top{font-size:8px;padding:10px 9px}.reward-copy{padding:13px 11px;gap:9px}.reward-copy h3{font-size:16px}.reward-art{height:112px}.reward-art .pack-artwork{height:106px;width:91px}.club-ui #xp-list{gap:12px}.track-summary{padding:16px;gap:12px}.track-summary-badge{padding-left:12px}.track-summary h3{font-size:18px}.track-summary .eyebrow{font-size:8px}.club-ui :is(#collections,#duplicates){padding:18px 14px}.club-ui #signed-content>:is(#seasons,#draft,#territory,#customize,#player-progress,#captain-section,#releases,#marketplace){padding:18px}.club-ui :is(#seasons,#draft,#territory)>h2{margin:-18px -18px 18px;padding:18px}.club-ui .account-shell{padding:0 16px;gap:16px;margin-top:12px}.club-ui .account-intro{padding:8px 0}.club-ui .account-card{padding:22px}.club-ui .mode-copy{padding:18px}.club-ui .mode-copy strong{font-size:24px}}
@media(max-width:350px){.club-ui>header .brand{font-size:11px;gap:5px}.club-ui>header .brand>span:not(:has(svg)){display:none}.club-ui>header a.settings-link{padding:9px!important;font-size:11px!important}.club-ui .mode-shell{padding:0 12px}.club-ui .card-gallery .card-art{height:77px}.club-ui .card-gallery .card-name{font-size:10px}.club-ui .card-gallery .card-team{font-size:8px}.club-ui .card-gallery{gap:10px 6px}.club-ui .catalog-filters{padding:12px;gap:10px 6px}.club-ui .catalog-filters select{font-size:10px!important}.club-ui .diamond-nav a{font-size:10px}.club-ui .track-summary-badge span{font-size:7px}.club-ui .mission-card h3{font-size:14px}.club-ui .team-track-link .track-link-action{display:none}}
@media(prefers-reduced-motion:reduce){.club-ui *, .club-ui *::before,.club-ui *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* All four main modes share one illustration treatment and card structure. */
.club-ui .mode-grid .mode-card{background:#172b32}.club-ui .mode-grid .mode-art{height:auto;aspect-ratio:2;width:100%;background:#19333b;flex:none}.club-ui .mode-grid .mode-art img{display:block;width:100%;height:100%;object-fit:cover}.club-ui .mode-grid .mode-copy{flex:1;gap:10px}.club-ui .mode-grid .mode-action{margin-top:auto;padding-top:14px}.club-ui .mode-grid .mode-copy>strong{min-height:2.4em}.club-ui .mode-grid .mode-kicker{line-height:1.5;min-height:3em}.club-ui .mode-grid .mode-copy>span:not(.mode-kicker):not(.mode-action){min-height:3em}