/* Familiar Hockey Battle phone layout, with a freshly drawn city and HUD. */
:root{--bg:#121716;--panel:#242a27;--panel2:#303834;--line:#3b443e;--text:#f4f5ed;--muted:#a2afa4;--accent:#f2cb50;--blue:#80c0d9;--radius:8px;font-family:Arial,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{background:#0d1213;color:var(--text);font-size:13px;min-width:320px}
body:before{content:'';position:fixed;inset:-30px;z-index:-1;background:linear-gradient(#0b1219e8,#101713f5),url('./assets/arena.webp?v=dee609a06a635319') center/cover;filter:blur(8px);pointer-events:none}
button,input,select{font-family:inherit}
button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #fff4a6;outline-offset:3px}
.game-shell{width:min(100%,620px);margin:0 auto;min-height:100dvh;background:#191e1b;box-shadow:0 0 100px #0009;position:relative;padding-bottom:calc(73px + env(safe-area-inset-bottom))}
.game-hud{position:sticky;top:0;z-index:30;background:#181d1a;box-shadow:0 4px 12px #0004}
.currency-bar{display:grid;grid-template-columns:1.15fr 1.1fr 1fr 40px;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(#161b18,#0d110f);border-bottom:1px solid #323b33;min-height:48px}
.hud-resource{display:flex;gap:7px;align-items:center;min-width:0}
.hud-resource>.icon{width:22px;height:22px;stroke-width:2.1;color:#d1dcd6;filter:drop-shadow(0 1px 1px #000)}
.hud-resource.coins>.icon{color:#a2cb73}.hud-resource.gold>.icon{color:#f4cc4d;fill:#f4cc4d25}
.hud-resource strong{display:block;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:21px;line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap}
.hud-resource small{display:block;color:#97a398;font-size:7px;text-transform:uppercase;letter-spacing:.9px;margin-top:2px;line-height:1}
.shop-button{display:grid;place-items:center;width:38px;height:34px;padding:0;border:1px solid #ffe98a;border-radius:5px;background:linear-gradient(#ffe67d,#e5ba34);color:#343a21;box-shadow:inset 0 1px 0 #fff7b6,0 2px 3px #0005}
.shop-button .icon{width:22px;height:22px;stroke-width:2.1}
.club-profile{display:flex;align-items:center;gap:12px;padding:10px 13px 12px;background:linear-gradient(110deg,#262c26,#191e1b);position:relative}
.club-emblem{flex-shrink:0;padding:3px;border:1px solid #8e9b8f;border-radius:10px;background:linear-gradient(145deg,#424f43,#151d18 55%);box-shadow:inset 0 0 0 2px #141b15,0 2px 5px #0007;width:65px;height:72px;display:grid;place-items:center}
.club-emblem .crest{width:53px;height:60px;filter:drop-shadow(0 2px 3px #0007)}
.club-profile-info{flex:1;min-width:0;align-self:center}
.club-profile-name{font-size:17px;font-family:Oswald,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:20px;line-height:1.25}
.club-level-row{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:5px 0 7px;font-size:11px;color:#dce0d7;white-space:nowrap}
.club-level-row b{font-size:13px;color:#fff}.club-level-row>span>small{font-size:9px;color:#939d90;margin-left:7px}
.club-xp{display:flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;color:#f2d77c;font-size:11px}.club-xp .icon{width:13px;height:13px;fill:#e4b542;stroke:#f2ca55}.club-xp small{color:#9da58f;font-size:10px}
.club-xp-bar{height:9px;background:#0d120f;border:1px solid #48513c;border-radius:2px;box-shadow:0 1px 0 #ffffff0b;overflow:hidden}
.club-xp-bar>span{display:block;height:100%;background:linear-gradient(#e7ba48,#bb8d28);min-width:2px;box-shadow:1px 0 6px #f3c95255}
.hud-settings{position:absolute;right:7px;top:7px;width:27px;height:27px;display:grid;place-items:center;border:0;background:transparent;color:#9ca799;padding:0}.hud-settings .icon{width:17px;height:17px}
.energy-bar{height:24px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#263221;border-top:1px solid #5c7d40;border-bottom:1px solid #678148}
.energy-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(#77a83d,#4a7d24);border-right:1px solid #b6d26f;transition:width .5s linear}
.energy-bar>span{position:relative;display:flex;align-items:center;gap:5px;font-size:12px;line-height:1;text-shadow:0 1px 2px #233719}
.energy-bar>span>.icon{width:17px;height:17px;color:#eaf9d5;stroke-width:2.5}.energy-bar strong{font-weight:700;font-variant-numeric:tabular-nums}.energy-cap{font-size:11px;font-weight:400;color:#d0e0c1}
.energy-bar>button{position:absolute;right:0;top:0;bottom:0;width:37px;border:0;border-left:1px solid #8aa34b;background:linear-gradient(#e1d879,#b4b447);color:#304322;display:grid;place-items:center;padding:0}.energy-bar>button .icon{width:18px;height:18px}
.game-main{display:block;min-width:0}.screen-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;background:linear-gradient(#282f29,#202620);border-bottom:1px solid #414a3d;min-height:43px}
.screen-title>div{display:flex;align-items:baseline;gap:10px;min-width:0}.screen-title h1{font-size:18px;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.screen-title>div>span{font-size:9px;color:#96a292}
.time-control{display:flex;align-items:center;justify-content:center;gap:4px;background:#121a14;border:1px solid #485142;border-radius:4px;color:#cfce9e;font-size:10px;padding:5px 7px;min-width:44px;min-height:28px;white-space:nowrap;margin:0}.time-control .icon{width:12px;height:12px}
.game-nav{position:fixed;z-index:40;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,620px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 0 env(safe-area-inset-bottom);background:#101511;border-top:1px solid #566048;box-shadow:0 -3px 12px #0005}
.game-nav button{height:71px;border:0;border-right:1px solid #2b342a;border-radius:0;background:linear-gradient(#222a22,#101510);color:#acb6a6;position:relative;padding:9px 1px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:700;letter-spacing:.25px}
.game-nav button:last-child{border-right:0}.game-nav .icon{height:27px;width:27px;stroke-width:1.9;filter:drop-shadow(0 2px 1px #0007)}
.game-nav button.active{background:linear-gradient(#efca55,#c59c32);color:#252e21;box-shadow:inset 0 2px 0 #fff1a1}.game-nav button.active .icon{stroke-width:2.5;filter:drop-shadow(0 1px 0 #ffef9c)}
.game-nav button:hover:not(.active){background:#34402f;color:#fff}.nav-ping{position:absolute;right:24%;top:9px;background:#f2c94c;width:7px;height:7px;border:1px solid #3a442d;border-radius:50%}
.game-footnote{display:flex;align-items:center;justify-content:center;gap:5px;color:#758371;font-size:9px;padding:15px 10px 13px;border-top:1px solid #30392d;line-height:1.5;text-align:center}.game-footnote .icon{width:11px;height:11px}
.city-map{position:relative;isolation:isolate;aspect-ratio:1;overflow:hidden;background:#b1c1bd;border-bottom:1px solid #626f62}
.city-art{display:block;width:100%;height:100%;object-fit:cover}.city-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 35px #213a3544;z-index:1;background:linear-gradient(#142d3120,transparent 13%,transparent 85%,#152b3033)}
.city-strength{position:absolute;z-index:5;left:12px;top:10px;display:flex;gap:12px;padding:5px 9px;background:#1b2927d9;border:1px solid #aec7b363;border-radius:5px;box-shadow:0 2px 5px #0002;color:#f0f5e8;font-size:12px;font-family:Oswald,sans-serif}
.city-strength span{display:flex;gap:5px;align-items:center}.city-strength .icon{width:14px;height:14px;color:#e7d794}.city-strength span+span .icon{color:#9acbe0}
.city-quest{position:absolute;right:11px;top:10px;z-index:5;padding:5px 9px 6px;width:95px;border:1px solid #b6c7a670;border-radius:5px;background:#253629e8;color:#fff;box-shadow:0 2px 5px #0002}
.city-quest>span:first-child{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.5px}.city-quest b{color:#e8d27b;font-size:10px}.quest-gauge{display:block;height:4px;margin-top:4px;background:#0b140d;border-radius:1px;overflow:hidden}.quest-gauge i{display:block;height:100%;background:#a7bd58;min-width:2px}
.city-shortcuts{position:absolute;z-index:6;left:2.7%;top:15%;display:flex;flex-direction:column;gap:clamp(17px,3.7vw,27px)}
.city-shortcut{position:relative;display:block;width:clamp(45px,9vw,65px);height:clamp(45px,9vw,65px);padding:2px;border:3px solid #52646a;border-radius:50%;color:#273d40;background:radial-gradient(ellipse at 35% 23%,#fff,#d6e8df 72%);box-shadow:inset 0 0 0 2px #ffffff9c,0 3px 5px #253e3c65;transition:transform .18s}
.city-shortcut:hover{transform:translateY(-2px);border-color:#e5bb4e}.city-shortcut>svg{width:100%;height:100%}.city-shortcut>span{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);border:1px solid #b4c0af59;background:#263a35ed;padding:2px 5px;white-space:nowrap;color:#f6f5d9;font-size:8px;line-height:1.15;border-radius:3px;box-shadow:0 1px 2px #0002}
.shortcut-badge{position:absolute;right:-5px;top:-5px;border-radius:50%;background:linear-gradient(#ecad4b,#cf6327);border:1px solid #ffe0a0;min-width:20px;height:20px;display:grid;place-items:center;font-size:10px;font-style:normal;color:#fff;font-weight:700;box-shadow:0 2px 3px #0004}
.shortcut-badge[hidden]{display:none!important}

.shortcut-dot{position:absolute;right:0;top:1px;width:10px;height:10px;background:#d6bf53;border:2px solid #fff3b0;border-radius:50%}
.city-rewards{position:absolute;z-index:6;bottom:8%;left:2.7%}
.map-site{position:absolute;z-index:3;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:26%;height:19%;padding:0;display:flex;align-items:flex-end;justify-content:center;background:transparent;border:0;border-radius:50%;transition:background .2s}
.map-site:hover,.map-site:focus-visible{background:#fff7b32b;box-shadow:0 0 20px #f5d35966}.map-arena{width:43%;height:31%}
.map-label{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:4px;position:relative;transform:translateY(12px);padding:4px 8px;border:1px solid #e9e7c2a1;border-radius:4px;background:linear-gradient(#303d34f2,#1d2c23ee);color:#fcfbe7;box-shadow:0 2px 4px #1b262a66;line-height:1.15;white-space:nowrap;text-align:center}
.map-label>b{font-size:10px;font-weight:700;grid-column:2}.map-label>small{font-size:8px;font-weight:400;color:#cfce9e;margin-top:2px;grid-column:2}.map-label>.icon{width:12px;height:12px;color:#e9ce73;grid-column:1;grid-row:1/3}.map-label:not(:has(>.icon)){display:block}.map-label:not(:has(>.icon))>small{display:block}
.planned .map-label{background:linear-gradient(#e1e8d9f2,#bdcbbbeb);border:1px dashed #557662;color:#2f463a}.planned .map-label>small{color:#4e6955}.planned .map-label>.icon{color:#4b6e51}
.under-construction .map-label{border-color:#ffe48c;background:#66532eea}.under-construction .map-label>small{color:#fff2b5}
.map-collect{position:absolute;z-index:4;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:1px solid #fae7a2;border-radius:5px;background:linear-gradient(#f7dc79,#d7ac3b);box-shadow:0 2px 4px #122a2966;padding:4px 6px;color:#3e4025;display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;min-height:27px;min-width:36px}
.map-collect .icon{width:13px;height:13px;stroke-width:2.2}.map-collect:hover{background:#fff1aa}.map-hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);padding:3px 8px;background:#16332a9e;color:#fffef0;z-index:2;font-size:8px;border:1px solid #fff3;border-radius:3px;white-space:nowrap;pointer-events:none}
.city-taskbar{min-height:46px;display:flex;gap:10px;justify-content:space-between;align-items:center;padding:7px 11px;background:linear-gradient(#2b332a,#1c241c);border-top:1px solid #526043;border-bottom:1px solid #414b37}
.city-taskbar>div{display:flex;gap:7px;align-items:center;font-size:10px;min-width:0;color:#a7b39d}.city-taskbar>div>.icon{color:#c9b966;width:17px;height:17px}.city-taskbar>div>span{display:flex;flex-direction:column;line-height:1.4}.city-taskbar time{font-family:Oswald,sans-serif;color:#e0d08c;font-size:12px}.city-taskbar b{color:#e6e6d6;font-weight:400;font-size:9px}.city-taskbar .btn{font-size:10px;min-height:32px;padding:7px 9px;flex-shrink:0;gap:5px}.city-taskbar .btn .icon{width:14px;height:14px}
.city-live-task{display:flex;align-items:center;gap:8px;width:100%;background:#303d2c;border:0;border-bottom:1px solid #525c45;padding:11px 13px;color:#e0dfbc;text-align:left;font-size:11px}.city-live-task>.icon{width:17px;height:17px;color:#d0bd73}.city-live-task>time{margin-left:auto;color:#f1cf6e;font-variant-numeric:tabular-nums}
.club-news{display:flex;align-items:center;gap:10px;background:#121914;padding:12px 12px;min-height:70px;border-bottom:1px solid #35402f}.news-label{font-family:Oswald,sans-serif;font-size:10px;letter-spacing:1px;writing-mode:vertical-rl;color:#778772;border-right:1px solid #34452d;padding-right:7px}.club-news>div{flex:1;min-width:0}.club-news p{display:flex;align-items:center;gap:5px;font-size:10px;line-height:1.6;color:#b0bca6}.club-news p+p{margin-top:3px}.club-news p .icon{width:12px;height:12px;color:#b3ad66}.club-news p>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.club-news time{margin-left:auto;flex-shrink:0;font-size:8px;color:#6e8067}.club-news>button{background:transparent;border:0;width:32px;height:32px;color:#c0c5ae;display:grid;place-items:center;padding:0}.club-news>button .icon{width:21px;height:21px}
.buildings-index{margin:0;padding:0 12px 10px;background:#1d241e}.buildings-index>summary{padding:13px 0;cursor:pointer;display:flex;align-items:center;gap:8px;list-style:none;font-size:11px;color:#aeb8a5}.buildings-index>summary::-webkit-details-marker{display:none}.buildings-index>summary>.icon{width:16px;height:16px}.buildings-index>summary>.icon:last-child{margin-left:auto;width:12px}.buildings-index[open]>summary>.icon:last-child{transform:rotate(90deg)}
.building-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.building-card{border-radius:6px;border-color:#3c493a;background:#29322a}.building-art{height:83px;background:radial-gradient(#70856740,transparent 70%)}.building-art>svg{height:83px;width:110px}.building-body{padding:7px 8px 9px}.building-name{font-size:10px}.building-effect{font-size:9px;line-height:1.5;min-height:27px;margin:4px 0 8px}.building-actions .btn{font-size:9px;min-height:31px;padding:5px}.building-actions .icon-btn{height:31px;width:24px}.building-actions .btn .icon{width:12px;height:12px}.level-tag{background:#1b2b1c;color:#d0cd94;font-size:8px;border-radius:3px;top:8px;left:8px}.building-card.unbuilt{opacity:.7}
.inner-page{padding:0 14px 20px}.inner-page>.screen-title{margin:0 -14px 16px}.inner-page .section-head{margin:22px 0 12px}.section-head h2{font-size:20px}.eyebrow{font-size:9px;letter-spacing:1.2px}.section-head>.eyebrow{font-size:8px;letter-spacing:.6px}
.btn{border-radius:5px;font-size:12px;min-height:40px}.btn-primary{color:#30381e;background:linear-gradient(#f6d76b,#e1b83f);border-color:#f7de87;box-shadow:inset 0 1px 0 #fff0aa,0 2px 3px #0003}.btn-primary:hover:not(:disabled){background:linear-gradient(#ffe99a,#edc853)}.btn-secondary{background:linear-gradient(#3a4936,#2c392a);border-color:#637057;color:#e5e9da}.btn-secondary:hover:not(:disabled){background:#46583e}.btn-ghost{border-color:#52604c;color:#bac8b2}.btn:disabled{box-shadow:none;opacity:.4}.btn-small{min-height:32px;font-size:11px}
.icon-btn{border-radius:5px;border-color:#4c5a43;color:#bec7b1}.text-btn{color:#e4cc72}.pill{color:#c2c9b4;border-color:#4b5742;background:#151e14;border-radius:3px}.pill-green{border-color:#72814a;color:#dcc86e}.dot{background:#f2d76b;box-shadow:0 0 8px #d5be5e55}.progress{background:#11190f;height:6px;border-radius:2px}.progress>span{background:linear-gradient(#d5c26d,#b29d46)}.blue-progress>span{background:#78b2c8}
.notice{border-radius:5px;border-color:#414f3a;background:#232e23;color:#b2c0aa;font-size:10px;line-height:1.7;padding:11px 12px;margin-bottom:13px}.notice .icon{color:#b6c58c}.team-summary{border-radius:6px;gap:13px;padding:16px 13px;background:linear-gradient(110deg,#363c30,#242a22);border-color:#56664a}.team-summary .crest{width:51px;height:58px}.team-summary h2{font-size:22px;line-height:1.25}.team-summary p{font-size:9px;line-height:1.5;margin-top:5px}.team-summary .eyebrow{font-size:8px;letter-spacing:.9px}.team-summary-stats{gap:15px}.summary-stat b{font-size:24px;color:#ebdc99}.summary-stat span{font-size:8px;color:#a8baa0}
.tactics{padding:14px 0;margin:0 0 8px;border-bottom:1px solid #3e4a36}.tactics-head{font-size:11px}.tactics-head small{font-size:9px;color:#96a78e}.segmented{background:#121a12;border-color:#43523b;border-radius:4px}.segmented button{font-size:11px;border-radius:3px;color:#abbca1;padding:8px}.segmented button.active,.segmented button.active.green{background:#6e7945;color:#f8f4d8}.player-grid{grid-template-columns:1fr;gap:8px}.player-card{border-radius:5px;padding:12px;background:linear-gradient(115deg,#30362e,#232d24);border-color:#43573b;gap:13px}.player-card>.jersey{width:61px;height:71px}.player-info{flex:1;min-width:0}.player-info h3{font-size:19px}.player-role{font-size:8px;color:#b0bc9f;letter-spacing:1px}.player-stats{margin-top:6px;gap:17px;font-size:9px;color:#a8b89e}.player-stats strong{font-size:14px;color:#e2debb}.player-stats .icon{width:12px;height:12px}.card-slots{gap:7px;margin-top:9px}.card-slot{border-color:#566a49;border-radius:4px;background:#1a271b;color:#a9ba9b;padding:6px 8px;font-size:9px;min-height:30px;flex:0 1 130px}.card-slot.filled{background:color-mix(in srgb,var(--rarity) 10%,#1b281c)}
.training-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.training-card{padding:15px 12px;border-radius:6px;border-color:#495c40;background:linear-gradient(135deg,#303c2d,#212b22)}.training-card-icon{background:#4d674037;color:#c4d79d;border-radius:6px;height:41px;width:41px;margin-bottom:13px}.training-card-icon .icon{width:25px;height:25px}.training-card>.eyebrow{font-size:7px;letter-spacing:.6px}.training-card h3{font-size:21px;margin-top:4px}.training-card>p{font-size:10px;line-height:1.6}.training-effects{margin:13px 0;gap:4px}.effect-tag{font-size:9px;color:#d8cc85;background:#9b963815;border-color:#8e90503d}.training-meta{flex-wrap:wrap;gap:7px 11px;color:#a1b094;font-size:9px;margin-bottom:13px}.training-card .btn{font-size:10px;padding:9px 6px}.running-training{padding:15px;border-radius:6px;background:linear-gradient(110deg,#3c4d31,#253223);border-color:#6a8152;margin-bottom:13px}.running-training-head{gap:10px;margin-bottom:13px}.running-training-head h3{font-size:20px}.running-training-head p{font-size:9px;color:#a7bb9b}.running-training-head time{font-size:22px;color:#ecd476}.running-training-head>.icon{width:25px;color:#d4d99b}.buff-row{border-color:#596739;background:#49522c30;color:#b9c79f;border-radius:4px;font-size:10px}.buff-row time{color:#edcc69}
.opponents{gap:9px}.opponent{border-radius:6px;padding:13px 11px;background:linear-gradient(100deg,#303c2f,#252a23);border-color:#46573d;gap:11px;flex-wrap:nowrap}.opponent>.crest{width:42px;height:49px}.opponent-info{min-width:0}.opponent-info h3{font-size:20px}.opponent-info p{font-size:9px;color:#a5b19a;margin-top:2px}.opponent-info .pill{margin-top:5px;font-size:8px}.opponent-power{gap:10px;font-size:9px;color:#a1b395}.opponent-power .icon{width:14px;height:14px}.opponent-power strong{font-size:18px;color:#e1dfb9}.opponent .btn{font-size:10px;padding:8px;min-height:34px;gap:5px}.opponent .btn .icon{width:14px;height:14px}
.match-stage{padding:18px 13px;border-radius:6px;border-color:#5a6d4e;background:radial-gradient(at 50% 90%,#3a5137,#242b21 80%)}.match-stage .eyebrow{font-size:8px;letter-spacing:1px;color:#c4cfab}.scoreboard{margin:25px 0;gap:8px}.scoreboard-team{min-width:0}.scoreboard-team .crest{width:64px;height:72px;margin-bottom:7px}.scoreboard-team b{font-size:12px}.scoreboard-team small{font-size:7px;color:#a6b493}.scoreboard-number{font-size:43px;letter-spacing:1px}.scoreboard-clock{font-size:9px;white-space:nowrap;color:#c5cfa9}.periods{gap:5px}.period{border-radius:3px;background:#172314;color:#8fa581;font-size:9px}.period.active{background:#6f7945;color:#fff0b2}.rink{margin-top:17px;background:#d2e4dc;border-color:#bacac1;border-width:5px}.match-log{background:#192619;border-color:#3d5234;border-radius:5px;margin-top:12px}.match-log-row{font-size:10px;color:#b4c5ac;border-color:#394d32;padding:11px 12px;gap:7px}.match-log-row time{color:#899e7c;font-size:8px}.match-log-row .goal-label{color:#343b1b;background:#eed074}.history-row{border-color:#3e4c35;gap:10px;padding:12px 0}.history-row b{font-size:11px}.history-row small{font-size:9px;color:#91a282}.history-result{font-size:9px;width:57px}.history-row>.icon{width:12px}
.collection-tabs{margin:0 -14px 16px;gap:0;display:grid;grid-template-columns:1fr 1fr;border-color:#4e5a41;background:#131b13}.collection-tabs button{padding:12px 6px;font-family:Oswald,sans-serif;font-size:17px;text-transform:uppercase;color:#8e9c83;border-right:1px solid #35422e}.collection-tabs button.active{background:#303d2b;color:#f4e3a1}.collection-tabs button.active:after{height:2px;background:#e5c55d}.collection-tabs button small{font-family:Arial,sans-serif;font-size:9px;background:#152311;color:#cbd6b3;padding:2px 5px;border-radius:3px}
.collection-toolbar{gap:5px;flex-wrap:wrap}.filter-btn{font-size:10px;padding:7px 9px;border-color:#4c6040;border-radius:3px;color:#9caf8e;background:#1e2b1c}.filter-btn.active{background:#59693c;color:#f4efc9;border-color:#8b9958}.collection-toolbar small{color:#9cad8e}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ability-card{border-radius:5px;padding:12px 10px;min-height:194px;background:linear-gradient(145deg,color-mix(in srgb,var(--rarity) 15%,#242e23),#172118);border-color:color-mix(in srgb,var(--rarity) 55%,#405137)}.ability-rarity{font-size:7px;letter-spacing:.7px}.ability-mark{padding:22px 0 18px}.ability-mark .icon{height:44px;width:44px}.ability-card h3{font-size:19px;line-height:1.25}.ability-card p{font-size:9px;color:#bcc8ad;line-height:1.5}.ability-card .equipped-tag{font-size:8px;color:#afbf9f}
.free-pack-wide{border-radius:6px;padding:13px;gap:12px;background:linear-gradient(110deg,#40492a,#263120);border-color:#89924b;margin-bottom:13px}.free-pack-wide .pack-art{width:53px;height:72px}.free-pack-wide h3{font-size:20px}.free-pack-wide p{font-size:9px;color:#bdc698;margin-top:4px}.free-pack-wide .btn{font-size:10px;padding:10px 12px}.pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pack-card{border-radius:5px;padding:13px 8px;border-color:#4c5d40;background:radial-gradient(at 50% 10%,color-mix(in srgb,var(--pack-color) 20%,#273024),#202a20 75%)}.pack-card .pack-art{width:100px;height:136px;margin-bottom:7px}.pack-card h3{font-size:19px}.pack-card p{font-size:9px;color:#afbda3;line-height:1.7;margin:8px 0 14px}.pack-card .btn{font-size:10px;padding:9px 5px}.pack-card .btn .icon{width:13px;height:13px}
.empty-state{border-color:#4a5c3e;border-radius:6px;color:#a9bc9c;background:#202d1f;padding:32px 17px}.empty-state h3{color:#e6e9d0}.empty-state p{font-size:11px}.empty-state>.icon{color:#8ba078}.empty-state.compact{padding:20px}.empty-state .btn{font-size:11px}
.modal-backdrop{background:#080f0bdc;backdrop-filter:blur(6px);padding:18px}.modal{background:linear-gradient(140deg,#2d312b,#20251f);border:1px solid #96a57d;border-radius:9px;box-shadow:0 18px 90px #0009,inset 0 1px 0 #dce8bc33;padding:24px;width:min(535px,100%);max-height:calc(100dvh - 36px)}.modal.wide{width:min(710px,100%)}.modal-close{background:#172414;border-color:#5e714e;border-radius:4px;color:#c8d1b7;width:31px;height:31px;top:13px;right:13px}.modal-heading{padding-right:25px}.modal-heading h2{font-size:27px}.modal-heading p{font-size:11px;color:#b0c09e;line-height:1.8}.modal-heading .eyebrow{color:#d5c47a}.modal-footer{margin-top:20px;gap:8px}.modal-footer .btn{font-size:11px}.modal-heading .eyebrow{letter-spacing:1.4px}
.form-input{background:#142012;border-color:#667956;border-radius:4px;color:#f0f1d7}.form-help{font-size:10px;color:#9bae8c}.form-label{color:#d8dfc3}.color-choice{border-color:#293628;outline-color:#71835e}.color-choice.selected{outline-color:#e7cb66}.modal-illustration{background:radial-gradient(#6d895243,transparent 70%);border-color:#4b603c}.detail-cell{background:#172512;border-color:#465d37;border-radius:4px}.detail-cell small{color:#9fb38c}.detail-cell strong{color:#e4dfab}.settings-row{border-color:#465a38}.settings-row p{color:#a5b893}.settings-info{background:#152211;border-color:#405532;color:#91aa7d;border-radius:5px}.reward-row{border-color:#465a38}.reward-row-icon{border-color:#576b40;color:#dcc36e;background:#354224}.reward-row-info b{color:#e4e7cd}.reward-values{color:#ced7b6}.result-reward{border-color:#50603c;background:#202f1b;border-radius:5px}.result-score{color:#f3de92}.player-modal-head{border-color:#465a38}.player-pick{border-color:#4c633b;background:#23331d;border-radius:5px;color:#d7e1be}.player-pick.active{border-color:#c9b954;background:#3c4727}.player-pick small{color:#9eb289}.player-card-row{background:#1d2c18;border-color:#4c633b;border-radius:4px;color:#d4dfbd}.player-card-row small{color:#a4b591}.card-detail-copy p{color:#b2c4a0}.separator{background:#4b5b3d}
.classic-quests .quest-item{padding:14px 0;margin:0;border-bottom:1px solid #425337}.classic-quests .quest-label{gap:11px}.classic-quests .quest-check{background:#1b2c16;border-color:#5e7548;color:#d2c16c}.classic-quests .quest-check .icon{width:15px;height:15px}.classic-quests .quest-text{font-size:12px}.classic-quests .quest-detail{font-size:10px;color:#98af87}.classic-quests .quest-meta{font-size:10px;color:#91a97d}.classic-quests .quest-meta strong{color:#e4cd6e}.classic-quests .done .quest-check{background:#8c9a52;color:#172510}
#toasts{left:50%;right:auto;transform:translateX(-50%);bottom:calc(85px + env(safe-area-inset-bottom));width:min(540px,calc(100% - 28px));max-width:none}.toast{background:#36492e;border-color:#8eaa6a;color:#e6f0d3;border-radius:6px;padding:12px 15px;font-size:11px}.toast.error{background:#513a2e;border-color:#ab7d57;color:#ffe0bf}.initial-loader{background:#19241b;color:#eed47c}
@media(min-width:760px){.game-shell{border-left:1px solid #46513f;border-right:1px solid #46513f}.currency-bar{padding:9px 17px;min-height:54px}.hud-resource strong{font-size:24px}.hud-resource small{font-size:8px}.club-profile{padding:12px 18px 14px;gap:16px}.club-emblem{width:73px;height:80px}.club-emblem .crest{width:61px;height:69px}.club-profile-name{font-size:21px}.club-level-row{font-size:13px}.club-level-row b{font-size:16px}.club-xp{font-size:12px}.club-xp-bar{height:11px}.energy-bar{height:27px}.game-hud{top:0}.city-shortcut>span{font-size:9px}.map-label{padding:5px 10px}.map-label>b{font-size:12px}.map-label>small{font-size:9px}.city-strength{font-size:14px;top:13px;left:15px}.city-quest{top:13px;right:14px;width:110px}.city-quest>span:first-child{font-size:10px}.city-taskbar{padding:9px 15px;min-height:53px}.city-taskbar .btn{font-size:11px;min-height:35px}.city-taskbar>div{font-size:11px}.city-taskbar b{font-size:11px}.club-news{padding:13px 16px}.club-news p{font-size:11px}.map-hint{font-size:9px}.inner-page{padding-left:18px;padding-right:18px}.inner-page>.screen-title{margin-left:-18px;margin-right:-18px}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-card{padding:12px 10px;gap:8px}.player-card>.jersey{width:46px;height:55px}.player-info h3{font-size:17px}.player-stats{gap:8px}.player-stats span{font-size:8px}.card-slot{font-size:8px;padding:5px;gap:4px}.card-slot .icon{width:10px;height:10px}}
@media(max-width:420px){.currency-bar{grid-template-columns:1.1fr 1fr .9fr 34px;padding:7px 9px;gap:4px;min-height:46px}.hud-resource{gap:5px}.hud-resource>.icon{width:18px;height:18px}.hud-resource strong{font-size:19px}.hud-resource small{font-size:6.5px;letter-spacing:.5px}.shop-button{width:33px;height:32px}.club-profile{gap:10px;padding:9px 10px 10px}.club-emblem{width:57px;height:63px}.club-emblem .crest{width:47px;height:53px}.club-profile-name{font-size:16px}.club-level-row{font-size:10px;gap:4px}.club-level-row>span>small{font-size:8px;margin-left:4px}.club-xp{font-size:10px;gap:3px}.club-xp small{font-size:9px}.screen-title{padding:8px 11px;min-height:40px}.screen-title h1{font-size:17px}.screen-title>div>span{font-size:8px}.city-shortcuts{gap:19px;top:15%}.city-shortcut{width:43px;height:43px;border-width:2.5px}.city-shortcut>span{font-size:7px;padding:2px 4px;bottom:-10px}.shortcut-badge{width:18px;height:18px;min-width:18px;font-size:9px;right:-4px;top:-4px}.map-label{padding:3px 5px;transform:translateY(10px)}.map-label>b{font-size:9px}.map-label>small{font-size:7px}.map-label>.icon{width:10px;height:10px}.map-collect{padding:3px 5px;font-size:9px;min-height:24px;min-width:32px}.city-strength{font-size:11px;gap:9px;top:8px;left:10px;padding:4px 7px}.city-quest{top:8px;right:9px;width:87px}.city-quest>span:first-child{font-size:8px}.city-quest b{font-size:9px}.map-hint{font-size:7px;bottom:7px}.city-taskbar{padding:7px 9px;gap:6px}.city-taskbar .btn{font-size:9px;padding:6px 8px}.city-taskbar>div{gap:5px;font-size:9px}.city-taskbar>div>.icon{width:15px;height:15px}.club-news{padding:10px 9px;gap:8px}.club-news p{font-size:9px}.club-news time{font-size:7px}.game-nav button{height:66px;font-size:8px;gap:5px}.game-nav .icon{width:25px;height:25px}.game-shell{padding-bottom:calc(67px + env(safe-area-inset-bottom))}.game-footnote{font-size:8px}.team-summary{padding:12px 10px;gap:10px;flex-wrap:wrap}.team-summary h2{font-size:20px}.team-summary .crest{width:44px;height:49px}.team-summary-stats{margin-left:auto;gap:13px}.team-summary p{font-size:8px}.summary-stat b{font-size:22px}.summary-stat span{font-size:7px}.tactics-head{font-size:10px}.segmented button{font-size:10px}.inner-page{padding-left:11px;padding-right:11px}.inner-page>.screen-title{margin-left:-11px;margin-right:-11px}.training-card{padding:13px 10px}.training-card h3{font-size:19px}.training-card>p{font-size:9px}.training-meta{font-size:8px;gap:7px}.effect-tag{font-size:8px;padding:3px 5px}.training-card .btn{font-size:9px;min-height:36px}.training-card .btn .icon{width:13px;height:13px}.training-card>.eyebrow{font-size:6.5px}.running-training-head h3{font-size:18px}.running-training-head p{font-size:8px}.opponent{flex-wrap:wrap;gap:9px}.opponent .btn{margin-left:53px;width:calc(100% - 53px);margin-top:1px;min-height:32px}.opponent-info h3{font-size:20px}.opponent-power{margin-left:auto}.collection-tabs{margin-left:-11px;margin-right:-11px}.collection-toolbar{gap:4px}.filter-btn{font-size:9px;padding:6px 7px}.collection-toolbar small{font-size:8px}.free-pack-wide{padding:11px;gap:9px}.free-pack-wide h3{font-size:18px}.free-pack-wide .btn{font-size:9px;padding:8px;min-height:36px}.free-pack-wide .pack-art{width:42px;height:61px}.free-pack-wide p{font-size:8px}.cards-grid{gap:7px}.ability-card{padding:10px 8px;min-height:178px}.ability-card h3{font-size:17px}.ability-rarity{font-size:6px;letter-spacing:.4px}.ability-card p{font-size:8px}.ability-mark{padding:19px 0 15px}.ability-mark .icon{width:39px;height:39px}.pack-grid{gap:6px}.pack-card{padding:11px 6px}.pack-card .pack-art{width:84px;height:117px}.pack-card h3{font-size:17px}.pack-card p{font-size:8px}.pack-card .btn{font-size:9px;padding:8px 4px;gap:3px;min-height:35px}.pack-card .btn .icon{width:11px;height:11px}.modal-backdrop{padding:11px}.modal{padding:22px 17px;max-height:calc(100dvh - 22px)}.modal-heading h2{font-size:25px}.modal-footer .btn{font-size:10px;padding:10px}.detail-grid{gap:7px}.detail-cell{padding:11px 9px}.detail-cell strong{font-size:20px}.settings-row{gap:10px}.settings-row p{font-size:9px}.settings-row b{font-size:11px}.settings-row .btn{font-size:10px}.pack-reveal-grid{gap:7px}.card-detail .ability-card{max-width:150px}.modal-heading p{font-size:10px}.building-grid{gap:6px}.building-body{padding:6px}.building-name{font-size:9px}.building-effect{font-size:8px}.building-actions .btn{font-size:8px}.building-art{height:74px}.building-art>svg{width:100px;height:74px}}
@media(prefers-reduced-motion:reduce){.energy-fill{transition:none}.city-shortcut,.map-site{transition:none}}

.hud-cap{font-family:Arial,sans-serif;font-size:9px;font-weight:400;color:#8f9e89;margin-left:2px}
@media(max-width:420px){.hud-cap{font-size:8px;margin-left:1px}}

/* A large world inside a smaller window: controls remain fixed over the map. */
.city-map{height:clamp(330px,calc(100svh - 310px),620px);aspect-ratio:auto}
.city-viewport{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#75877999 #243c3522;cursor:grab;user-select:none;-webkit-user-select:none}
.city-viewport.is-dragging,.city-viewport.is-dragging *{cursor:grabbing!important}
.city-viewport::-webkit-scrollbar{width:5px;height:5px}.city-viewport::-webkit-scrollbar-thumb{background:#73877d99;border-radius:3px}.city-viewport::-webkit-scrollbar-track{background:#2a43312b}
.city-world{position:relative;width:960px;height:960px;isolation:isolate}
.city-world .city-art{width:100%;height:100%;pointer-events:none}
.city-world .map-site{cursor:pointer}.city-world .map-label{padding:5px 9px;transform:translateY(12px)}.city-world .map-label>b{font-size:13px}.city-world .map-label>small{font-size:10px}.city-world .map-label>.icon{width:14px;height:14px}
.city-world .map-collect{padding:6px 9px;min-width:47px;min-height:34px;font-size:12px}.city-world .map-collect>.icon{width:16px;height:16px}
.city-map>.city-vignette{z-index:2;box-shadow:inset 0 0 22px #19332b40;pointer-events:none}
.city-map>.city-strength,.city-map>.city-quest{z-index:5}.city-map>.city-shortcuts,.city-map>.city-rewards{z-index:6}
.map-center{position:absolute;z-index:6;right:13px;bottom:13px;display:grid;place-items:center;width:35px;height:35px;border:1px solid #c7d6bcad;border-radius:5px;background:linear-gradient(#3f5148ef,#20382fee);box-shadow:0 2px 5px #173c3266;color:#f2e3a4;padding:0}
.map-center .icon{width:21px;height:21px}.map-center:hover{background:#506651}.map-hint{z-index:5;bottom:13px;max-width:calc(100% - 150px);text-align:center;white-space:normal;line-height:1.4}

/* Original-style team pages: locker room, compact roster and split statistics. */
.team-page.inner-page{padding:0 0 18px;background:#1c201e}
.team-page.inner-page>.screen-title{margin:0}
.team-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#0c1110;border-bottom:1px solid #4d5851}
.team-tabs>button{border:0;border-right:1px solid #323c36;border-bottom:2px solid transparent;background:linear-gradient(#161d19,#0d1310);color:#8e9d91;padding:13px 4px;font-family:Oswald,'Arial Narrow',sans-serif;font-size:19px;text-transform:uppercase;letter-spacing:.4px;min-height:51px}
.team-tabs>button:last-child{border-right:0}.team-tabs>button.active{background:linear-gradient(#333b31,#252e26);color:#f7e7aa;border-bottom-color:#e4bd55}.team-tabs>button:hover{color:#fff}
.player-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:13px 14px;background:linear-gradient(#272d29,#1c2420);border-bottom:1px solid #404c42}
.player-thumb{position:relative;border:1px solid #4e5a51;border-radius:5px;background:linear-gradient(135deg,#4c5750,#27342d);overflow:hidden;padding:0 0 10px;box-shadow:inset 0 0 0 1px #bbcbb71c;line-height:1}
.player-bust{display:block;width:100%;height:auto}.player-thumb>.player-bust{opacity:.62;filter:saturate(.35);transition:opacity .15s,filter .15s}
.player-thumb.selected{border-color:#ead17a;background:linear-gradient(135deg,#7b8856,#354a32);box-shadow:0 0 0 1px #ead17a,inset 0 0 12px #c0d47c44}.player-thumb.selected>.player-bust,.player-thumb:hover>.player-bust{opacity:1;filter:none}
.player-thumb>span{position:absolute;top:4px;left:4px;font-size:8px;color:#fff3ba;letter-spacing:.5px;text-shadow:0 1px 2px #0008}.thumb-slots{position:absolute;left:50%;bottom:3px;transform:translateX(-50%);display:flex;gap:4px}.thumb-slots>b{display:block;height:5px;width:11px;border:1px solid #b1bda44d;border-radius:1px;background:var(--slot-color)}
.selected-player-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#161e19;border-bottom:1px solid #46594d;gap:12px}.selected-player-bar>span{min-width:0}.selected-player-bar b{font-family:Oswald,sans-serif;font-size:21px;font-weight:700;display:block;line-height:1.2}.selected-player-bar small{display:block;font-size:9px;color:#8da08f;margin-top:3px}.selected-player-bar button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #4e6651;border-radius:4px;background:#253c2b;padding:8px;color:#d3dec5;font-size:11px}.selected-player-bar button>.icon{width:15px;height:15px}
.locker-scene{position:relative;aspect-ratio:4/5;background:radial-gradient(at 50% 40%,#40565f,#17242c 70%);isolation:isolate;overflow:hidden;border-bottom:1px solid #5c7372}
.locker-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.locker-scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#050d1340,transparent 20%,transparent 72%,#07141b66)}
.locker-scene-caption{position:absolute;top:10px;left:50%;transform:translateX(-50%);font-family:Oswald,sans-serif;font-size:13px;letter-spacing:2.6px;color:#d1e0e0a1;text-shadow:0 2px 4px #0d2539;white-space:nowrap}
.locker-uniform{position:absolute;width:51%;height:52%;left:24.5%;top:27.5%;filter:drop-shadow(1px 9px 7px #06111999);pointer-events:none}.locker-jersey{width:100%;height:100%;display:block}
.locker-player-power{position:absolute;top:75%;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 10px;background:#10212de3;border:1px solid #718e99b3;border-radius:4px;box-shadow:0 2px 8px #09192399;white-space:nowrap}
.locker-player-power>span{display:flex;align-items:center;gap:4px;font-size:10px;color:#d0dce0}.locker-player-power .icon{height:13px;width:13px;color:#e9d98b}.locker-player-power b{font-family:Oswald,sans-serif;font-size:17px;color:#f4e5a2;font-weight:700}
.active-card-slot{background:#1a241eea;border:1px solid #536d5e;border-radius:4px;padding:9px;display:flex;align-items:center;gap:8px;color:#e0e5d2;min-width:0;text-align:left;box-shadow:0 2px 4px #0003}.active-card-slot:hover{border-color:#f1d98a;background:#304135}
.active-card-slot.filled{border-color:var(--rarity);background:color-mix(in srgb,var(--rarity) 12%,#19251f)}.active-card-slot>span:last-child{min-width:0}.active-card-slot b{display:block;font-size:11px;line-height:1.2;font-weight:700}.active-card-slot small{display:block;font-size:9px;line-height:1.4;margin-top:4px;color:#9fb4a9}.active-card-slot.filled small{color:var(--rarity)}
.slot-picture{display:grid;place-items:center;width:36px;height:42px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--rarity) 65%,#38493f);border-radius:3px;background:linear-gradient(140deg,color-mix(in srgb,var(--rarity) 24%,#26362e),#0c1913);color:var(--rarity)}.slot-picture>.icon{width:22px;height:22px;stroke-width:1.6}
.scene-card{position:absolute;bottom:6%;width:40%;padding:8px;background:#10202aee;border-color:#78939eaa;box-shadow:0 3px 10px #0006}.scene-card-0{left:6%}.scene-card-1{right:6%}.scene-card>.slot-picture{width:31px;height:36px}.scene-card b{font-size:11px}.scene-card small{font-size:9px;color:#a9bbc1}
.locker-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(#28372f,#1e2a23);padding:12px 14px;border-bottom:1px solid #465a48}.locker-bottom>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#a8bca7}.locker-bottom .icon{width:15px;height:15px}.locker-bottom>.btn{font-size:11px}
.team-free-pack{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#181f19;border-bottom:1px solid #3e4b38;color:#c3ceb8;font-size:11px}.team-free-pack>span{display:flex;gap:6px;align-items:center}.team-free-pack .icon{width:15px;height:15px;color:#c6b86d}.team-free-pack time{font-family:Oswald,sans-serif;font-size:19px;color:#d2c582}.team-free-pack>.btn{font-size:11px;min-height:33px}
.roster-player{display:grid;grid-template-columns:135px minmax(0,1fr);gap:17px;padding:18px 15px;background:#1b231f;border-bottom:1px solid #414e43}.roster-portrait{position:relative;overflow:hidden;border:1px solid #869a83;border-radius:5px;background:linear-gradient(130deg,#526b65,#163f4a);align-self:start}.roster-portrait>.player-bust{width:100%;height:auto}.roster-portrait>span{position:absolute;left:0;top:0;font-family:Oswald,sans-serif;font-size:9px;letter-spacing:.6px;background:#6c7b55df;color:#ecf0d5;padding:4px;writing-mode:vertical-rl}
.roster-description h2{font-size:25px;line-height:1.2;margin-top:4px}.roster-description>p{font-size:11px;color:#9eafa1;margin-top:5px}.roster-description>.eyebrow{font-size:9px;color:#d3bd73}.roster-power{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0 11px}.roster-power>span{display:flex;align-items:center;justify-content:space-between;gap:5px;background:#2d352b;padding:6px 8px;font-size:10px;color:#b7c4aa}.roster-power>span+span{background:#293b2e}.roster-power b{font-family:Oswald,sans-serif;font-size:20px;color:#eee9c8}.roster-description .text-btn{font-size:10px}
.roster-cards{padding:15px;background:#1a201c;border-bottom:1px solid #3e4e41}.roster-cards>h3{font-family:Oswald,sans-serif;font-size:17px;letter-spacing:.6px;text-transform:uppercase;color:#bccaba;margin-bottom:11px}.roster-cards>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.get-more-cards{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:10px;background:transparent;border:0;color:#d8c776;padding:12px 0 0;margin-left:auto}.get-more-cards>.icon{width:13px;height:13px}
.roster-table{padding:0 15px 14px;background:#1a211c}.roster-table-heading,.roster-line{display:grid;grid-template-columns:minmax(0,1fr) 54px 54px 48px;gap:9px;align-items:center}.roster-table-heading{padding:11px 0;color:#869682;font-size:9px;letter-spacing:.7px}.roster-table-heading>span:first-child{font-family:Oswald,sans-serif;font-size:15px;text-transform:uppercase;color:#bac9ad;letter-spacing:.5px}.roster-table-heading>span:not(:first-child){text-align:center;font-size:8px}
.roster-line{width:100%;padding:11px 0;border:0;border-top:1px solid #364535;background:transparent;text-align:left;color:#b9c6b2;font-size:11px}.roster-line.active{color:#f6e7af;background:linear-gradient(90deg,#68794a33,transparent)}.roster-line>span{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.roster-line>span>b{font-size:9px;padding:3px 4px;background:#34472e;color:#c1d3ae;font-weight:400;flex-shrink:0}.roster-line>strong{font-family:Oswald,sans-serif;font-size:17px;text-align:center;font-weight:700}.roster-line>i{display:flex;justify-content:center;gap:5px}.roster-line em{width:12px;height:15px;border:1px solid #a0b49055;border-radius:2px}
.about-club-name{display:flex;align-items:center;gap:12px;padding:17px 15px;border-bottom:1px solid #3e4b3b;background:#242c24}.about-club-name>.crest{width:43px;height:50px}.about-club-name h2{font-size:25px}.about-club-name span{font-size:10px;color:#9eae94;display:block;margin-top:4px}
.team-power-columns{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px 14px;background:#181f19}.power-column{position:relative;background:linear-gradient(140deg,#493d2e,#332f24);padding:12px 11px;overflow:hidden}.power-column.defense{background:linear-gradient(140deg,#354d2e,#283824)}.power-column-total{display:flex;align-items:center;justify-content:space-between;gap:5px;padding-bottom:10px;border-bottom:1px solid #c1bc8129}.power-column-total>span{font-family:Oswald,sans-serif;font-size:24px}.power-column-total>b{font-family:Oswald,sans-serif;font-size:26px;color:#f5eac9;font-weight:700}.power-column>.icon{position:absolute;left:15%;top:35%;width:70%;height:50%;stroke-width:1.1;opacity:.09;pointer-events:none}.power-column dl{position:relative;margin:8px 0 0}.power-column dl>div{display:flex;justify-content:space-between;gap:7px;padding:7px 0;border-bottom:1px solid #c0c48e0d}.power-column dt{font-size:11px;color:#c3c9ae}.power-column dd{font-size:12px;font-variant-numeric:tabular-nums;margin:0;color:#ece9c9}
.club-facts{padding:8px 17px 16px;background:#1b241a}.club-facts p{display:flex;align-items:center;gap:8px;color:#a9baa2;font-size:12px;padding:9px 0}.club-facts p>.icon{width:17px;height:17px;color:#d2c776}.club-facts b{margin-left:auto;font-family:Oswald,sans-serif;font-size:17px;font-weight:700;color:#e5e4bc}.team-page .tactics{padding:14px 16px;margin:0;background:#212b1f}
@media(max-width:420px){.city-map{height:clamp(330px,calc(100svh - 295px),560px)}.map-center{right:10px;bottom:10px;width:32px;height:32px}.map-hint{max-width:calc(100% - 135px);font-size:8px;bottom:11px}.team-tabs>button{font-size:16px;padding:12px 2px;min-height:46px}.player-strip{gap:6px;padding:11px}.player-thumb{padding-bottom:9px}.player-thumb>span{font-size:6px;top:3px;left:3px}.thumb-slots{gap:3px;bottom:3px}.thumb-slots>b{height:4px;width:8px}.selected-player-bar{padding:9px 11px}.selected-player-bar b{font-size:20px}.selected-player-bar small{font-size:8px}.selected-player-bar button{font-size:10px;gap:4px;padding:7px}.selected-player-bar button>.icon{width:13px;height:13px}.locker-scene-caption{font-size:10px;letter-spacing:2px;top:8px}.locker-player-power{gap:8px;padding:4px 7px}.locker-player-power>span{font-size:8px;gap:3px}.locker-player-power .icon{width:11px;height:11px}.locker-player-power b{font-size:15px}.scene-card{width:41%;padding:6px;gap:5px}.scene-card-0{left:5%}.scene-card-1{right:5%}.scene-card b{font-size:9px}.scene-card small{font-size:7px;margin-top:3px}.scene-card>.slot-picture{width:24px;height:31px}.scene-card>.slot-picture>.icon{width:17px;height:17px}.locker-bottom{padding:10px 11px;gap:7px}.locker-bottom>span{font-size:8px;gap:4px}.locker-bottom>.btn{font-size:9px;padding:8px;min-height:32px}.locker-bottom .icon{width:13px;height:13px}.team-free-pack{padding:11px;font-size:10px}.team-free-pack>.btn{font-size:10px}.roster-player{grid-template-columns:100px minmax(0,1fr);gap:12px;padding:14px 11px}.roster-description h2{font-size:21px}.roster-description>p{font-size:9px}.roster-description>.eyebrow{font-size:8px}.roster-power{gap:5px;margin:10px 0}.roster-power>span{padding:5px;font-size:8px}.roster-power b{font-size:17px}.roster-description .text-btn{font-size:8px;gap:3px}.roster-cards{padding:12px 11px}.roster-cards>h3{font-size:15px}.roster-cards>div{gap:7px}.active-card-slot{padding:7px;gap:6px}.active-card-slot b{font-size:9px}.active-card-slot small{font-size:8px}.slot-picture{width:28px;height:36px}.slot-picture>.icon{width:18px;height:18px}.get-more-cards{font-size:9px}.roster-table{padding:0 11px 11px}.roster-table-heading,.roster-line{grid-template-columns:minmax(0,1fr) 38px 38px 39px;gap:6px}.roster-line{font-size:10px}.roster-line>span{gap:6px}.roster-line>span>b{font-size:8px;padding:3px}.roster-line>strong{font-size:15px}.roster-line em{width:10px;height:13px}.roster-line>i{gap:4px}.roster-table-heading>span:first-child{font-size:14px}.about-club-name{padding:14px 11px}.about-club-name h2{font-size:23px}.about-club-name span{font-size:9px}.team-power-columns{padding:10px 11px;gap:6px}.power-column{padding:11px 9px}.power-column-total>span{font-size:21px}.power-column-total>b{font-size:23px}.power-column dt{font-size:9px}.power-column dd{font-size:11px}.club-facts{padding:7px 14px 13px}.club-facts p{font-size:10px;gap:7px}.club-facts b{font-size:16px}.team-page .tactics{padding:13px 12px}}

/* The shirt is a transparent fabric render; number and crest remain live. */
.locker-uniform{width:44%;height:auto;aspect-ratio:2/3;left:28%;top:20%}
.locker-jersey{position:relative;width:100%;height:100%}.uniform-image{display:block;width:100%;height:100%;object-fit:contain}.uniform-number{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);color:#263d49;font-family:Oswald,Arial,sans-serif;font-size:clamp(34px,8vw,55px);line-height:1;font-weight:700;mix-blend-mode:multiply;text-shadow:1px 1px 0 #e4e5d5;opacity:.92}.uniform-badge{position:absolute;top:62%;left:50%;transform:translateX(-50%);width:17%;height:15%;opacity:.87;mix-blend-mode:multiply}.uniform-badge>.crest{width:100%;height:100%}