/* Palette and player/card composition from the newer supplied screenshots. */
:root{--bg:#101925;--panel:#1b2937;--panel2:#263747;--line:#344655;--text:#edf2ef;--muted:#91a2ae;--accent:#e6bd36;--blue:#59b8ef}
body:before{background:linear-gradient(#091321ec,#0d1928f5),url('./assets/arena.webp?v=dee609a06a635319') center/cover}.game-shell{background:#111d2b;border-color:#344756}.game-hud{background:#162330}.currency-bar{background:linear-gradient(#1c2b38,#14202b);border-color:#304452}.club-profile{background:linear-gradient(120deg,#253541,#162330)}.club-emblem{background:linear-gradient(135deg,#344a58,#111d27);border-color:#a6afb1}.hud-resource strong{color:#eef3ee}.hud-resource.coins>.icon{color:#5dcb91}.club-xp-bar{background:#0d1822;border-color:#314754}.club-xp-bar>span{background:linear-gradient(#3aa9dc,#1685b9)}.energy-fill{background:linear-gradient(#89c53e,#448e1a)}.energy-bar{background:#10200f;border-color:#456a38}.energy-bar>button{background:#30422d;color:#8bc346;border-color:#4a5e40}.screen-title{background:#172532;border-color:#334855}.time-control{background:#111f2a;border-color:#3d5362;color:#adc3ca}.game-footnote{border-color:#2b414d;background:#14212c;color:#748e9c}.game-nav{background:#0e1926;border-color:#354958}.game-nav button,.game-nav button:last-child{background:linear-gradient(#1b2b3a,#0c1723);border-color:#2c3c4b;color:#7c909f}.game-nav button.active{background:linear-gradient(#25394b,#132235);color:#e3b72c;box-shadow:inset 0 2px 0 #697887}.game-nav button.active .icon{filter:drop-shadow(0 1px 1px #0008)}.screen-title h1{font-size:18px}.inner-page{background:#12202d}.modal{background:linear-gradient(140deg,#293948,#182838);border-color:#647a87}.modal-close{background:#172939;border-color:#466275}.modal-heading p,.form-help{color:#9db2c0}.form-input{background:#102334;border-color:#405e72;color:#e9f1ee}.detail-cell,.settings-info{background:#152b3a;border-color:#3a5361}.settings-row{border-color:#3b5263}.btn-secondary{background:linear-gradient(#2a4860,#1c3447);border-color:#4c6b82}.btn-ghost{border-color:#415f73;color:#b7c9d4}.notice{background:#1d3444;border-color:#38566b;color:#a9c0ce}.btn-primary{background:linear-gradient(#f0cd53,#d6a928);border-color:#ecd16c}.btn-primary:hover:not(:disabled){background:#f3d66c}.team-page.inner-page{background:#111d2a}.team-tabs,.team-section-links{display:flex;gap:0;background:#101c2a;border-color:#2d4151}.team-tabs>button,.team-section-links>button{flex:1;min-height:45px;border:0;border-bottom:2px solid transparent;background:none;font-family:Oswald,sans-serif;font-size:18px;text-transform:uppercase;color:#849aaa;padding:10px 7px}.team-tabs>button.active,.team-section-links>.active{background:#1b2f42;color:#eac448;border-color:#eac448}.player-strip{background:linear-gradient(#1c2d3e,#152231);border-color:#314a5c}.player-thumb{background:#243c4c;border-color:#536d7e}.player-thumb.selected{background:linear-gradient(#4c6853,#284735);border-color:#abce4f}.roster-player{background:linear-gradient(120deg,#1a2b3a,#1a2a39);border-color:#344b5a;padding-top:16px}.roster-portrait{background:radial-gradient(at 25% 10%,#dae0db,#829293);border:3px solid #bdc8ca;border-radius:7px}.roster-portrait>span{background:#70a33c;color:#fff}.roster-description h2{font-size:24px}.roster-power{gap:8px}.roster-power>span,.roster-power>span+span{background:#102233;border-radius:5px}.roster-power b{color:#dce6eb}.roster-description>.eyebrow{color:#93bbdb}.player-card-workspace{display:grid;grid-template-columns:135px minmax(0,1fr);gap:12px;padding:15px 13px;background:#12202e}.active-card-rail,.player-card-collection{min-width:0}.active-card-rail>h3,.player-card-collection>h3{font-size:15px;font-weight:700;text-transform:uppercase;color:#91a6b6;margin-bottom:9px;text-align:center}.active-card-rail>.active-card-slot{width:100%;display:flex;flex-direction:column;margin-bottom:8px;padding:10px 5px;text-align:center;background:#162a3b;border-color:#476173;border-radius:6px}.active-card-rail .slot-picture{width:66px;height:70px;border-width:2px;border-radius:8px}.active-card-rail .slot-picture .icon{width:36px;height:36px}.active-card-rail .active-card-slot b{font-size:9px}.active-card-rail .active-card-slot small{font-size:8px}.active-card-rail>span{display:block;color:#6e8c9e;font-size:9px;text-align:center}.player-inventory-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px;background:linear-gradient(115deg,#223848,#1b2c3c);border:0;border-bottom:1px solid #0d1a27;border-radius:6px;margin-bottom:6px;text-align:left}.player-inventory-row>span:not(.hockey-card-badge){min-width:0;flex:1}.player-inventory-row small{display:block;font-family:Oswald,sans-serif;font-size:15px}.player-inventory-row b{display:block;font-size:11px;font-weight:400;color:#d8e3e8;line-height:1.5}.player-inventory-row em{display:block;font-size:10px;font-style:normal;color:#aabfcd}.player-inventory-row>.icon{width:15px;height:15px;color:#d7b83d}.player-bottom-actions{display:flex;gap:8px;padding:0 13px 16px}.player-bottom-actions>button{flex:1;padding:11px 8px;border:1px solid #755b36;background:linear-gradient(120deg,#8c3028,#ad3a2e);color:#f3e8d5;border-radius:7px;font-family:Oswald,sans-serif;font-size:20px;text-transform:uppercase;min-height:49px}.player-bottom-actions>button+button{background:linear-gradient(120deg,#322c65,#6637c3);border-color:#74639f}.player-bottom-actions .icon{color:#f09dea;fill:#bd51a56e}.hockey-card-badge{display:grid;place-items:center;flex-shrink:0;width:55px;height:59px;border:3px solid color-mix(in srgb,var(--rarity) 55%,#e7e4c6);border-radius:9px;background:linear-gradient(145deg,color-mix(in srgb,var(--rarity) 45%,#152a37),color-mix(in srgb,var(--rarity) 23%,#061b2b));color:color-mix(in srgb,var(--rarity) 30%,#fff8d0);box-shadow:inset 0 0 0 1px #072132}.hockey-card-badge>svg{width:92%;height:92%;fill:currentColor;stroke:none}.ability-mark>.hockey-card-badge{width:72px;height:78px}.ability-mark{padding:14px 0}.ability-card{background:linear-gradient(145deg,color-mix(in srgb,var(--rarity) 13%,#1b2b3c),#132333);border-radius:7px}.collection-tabs{grid-template-columns:repeat(3,minmax(0,1fr));background:#102334}.collection-tabs button{background:#1b3044;color:#8daabd;border-color:#334c61}.collection-tabs button.active{background:#20425d;color:#e6c963}.collection-toolbar{background:#142b3b;padding:8px;border-radius:5px}.filter-btn{background:#1e374b;border-color:#3d6076;color:#9db5c3}.filter-btn.active{background:#315f7f;color:#e2ecf1}.team-power-columns{background:#132331}.about-club-name{background:#1b3041;border-color:#3b5260}.club-facts{background:#172b3a}.team-page .tactics{background:#1b3041}.team-free-pack,.locker-bottom{background:#1c3040;border-color:#3e5766}.equipment-tag{position:absolute;background:#112332e8;border:1px solid #93a8ada3;border-radius:4px;padding:5px 8px;color:#e1e8e7;box-shadow:0 2px 5px #0006;font-size:12px;text-align:left}.equipment-tag b{font-weight:400;font-family:Oswald,sans-serif;font-size:17px}.equipment-tag small{display:block;font-size:9px;color:#cfc588}.equipment-tag:hover{border-color:#f6d77a;background:#2d4756}.equipment-helmet{top:6%;left:51%}.equipment-jersey{top:35%;left:35%}.equipment-gloves{top:43%;left:4%}.equipment-stick{top:48%;right:2%}.equipment-skates{bottom:11%;left:8%}.equipment-shorts{bottom:15%;right:12%}.equipment-scene .locker-uniform{pointer-events:none}.contest-tabs{display:flex;gap:0;margin:0 -14px 14px;background:#0e1e2b;border-bottom:1px solid #38566a}.contest-tabs>button{flex:1;border:0;border-bottom:2px solid transparent;background:#1a3041;padding:12px 5px;font-family:Oswald,sans-serif;font-size:18px;text-transform:uppercase;color:#8ba2b2}.contest-tabs>button.active{color:#e9cc66;border-color:#e9cc66;background:#253d4e}.contest-tabs small{font-family:Arial,sans-serif;color:#9ac453;font-size:10px}.cup-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:14px}.cup-toolbar h2{flex:1;font-size:23px}.cup-toolbar .icon-btn{width:32px;height:32px}.cup-list-item{display:flex;gap:11px;align-items:center;padding:14px 11px;background:#1e3444;border:1px solid #375266;border-radius:6px;margin:9px 0}.cup-list-item>div{flex:1;min-width:0}.cup-list-item h3{font-size:20px}.cup-list-item p{font-size:11px;color:#b8c9d1}.cup-list-item small{font-size:10px;color:#8aa8b9}.cup-trophy{color:#ebca63}.cup-trophy .icon{width:31px;height:31px}.cup-summary{background:linear-gradient(120deg,#273e50,#1b2e3e);border:1px solid #456377;border-radius:7px;padding:16px;margin-top:11px}.cup-summary h2{font-size:27px}.cup-summary>p{font-size:10px;color:#9fb7c6;margin-top:5px}.cup-summary>div{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:10px;color:#a5bdc6}.cup-summary>div>span{display:flex;align-items:center;gap:5px}.cup-summary .icon{width:14px;height:14px;color:#e2c65c}.cup-summary>b{display:block;font-size:12px;color:#e0d19a;margin-top:13px}.cup-members{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.cup-members>div{display:flex;align-items:center;gap:9px;padding:10px;background:#1a3041;border:1px solid #385465;border-radius:5px}.cup-members .crest{width:31px;height:36px}.cup-members>div>.icon{width:25px;height:25px;color:#668398}.cup-members span{font-size:11px;color:#cddbe0}.cup-members small{display:block;font-size:9px;color:#8aabba;margin-top:3px}.cup-entry{padding:0 0 17px}.cup-entry>p,.cup-rule-note{font-size:10px;color:#8fa8b7;line-height:1.7;margin-top:9px}.cup-subtabs{display:flex;margin-top:16px;border-bottom:1px solid #3e596c}.cup-subtabs button{flex:1;padding:11px;font-family:Oswald,sans-serif;font-size:18px;background:#172c3c;border:0;color:#9eb5c4}.cup-subtabs button.active{background:#284a60;color:#f0da89}.cup-table-wrap{overflow:auto}.cup-table{width:100%;border-collapse:collapse;font-size:10px;margin-top:10px;white-space:nowrap}.cup-table th{padding:9px 5px;font-size:9px;color:#91afbf;background:#1c3345}.cup-table td{padding:10px 5px;text-align:center;border-bottom:1px solid #314b5d}.cup-table td:first-child,.cup-table th:first-child{text-align:left;min-width:95px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.cup-table tr.own{background:#324e4666;color:#eddda0}.cup-calendar>section{border:1px solid #3d5667;border-radius:5px;padding:11px;margin-top:10px;background:#182c3b}.cup-calendar h3{font-size:17px;display:flex;justify-content:space-between;align-items:center}.cup-calendar h3>small{font-family:Arial,sans-serif;font-size:9px;color:#91aebb}.cup-pair{display:grid;grid-template-columns:1fr 42px 1fr;gap:7px;font-size:10px;border-top:1px solid #314758;padding:10px 0;margin-top:6px;align-items:center}.cup-pair>span:last-child{text-align:right}.cup-pair>b{text-align:center;color:#efd89c;font-size:15px;font-family:Oswald,sans-serif}.cup-history{display:flex;align-items:center;gap:9px;width:100%;padding:12px;background:#1c3444;border:0;border-bottom:1px solid #395366;color:#c4d5de;text-align:left}.cup-history>span{flex:1}.cup-history small{font-size:9px;color:#91abb9}.cup-history .icon{width:17px;height:17px;color:#d3c374}.cup-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}#create-cup-form .form-label{margin-top:12px}#create-cup-form .form-input{margin-top:6px}#create-cup-form>.btn{margin-top:16px}.cup-current-match{margin-top:15px}.hockey-rink{width:100%;height:auto;display:block;margin-top:16px;border-radius:12px;background:#a4bbc6;box-shadow:0 3px 10px #06121a77}.ice-skater{transition:transform .22s linear;transform-box:view-box}.ice-commentary{margin-top:8px;min-height:33px;padding:9px;background:#142c3b;border-radius:4px;font-size:10px;color:#b5cad5;text-align:center}.match-stage{background:radial-gradient(at 50% 80%,#294c65,#182e41);border-color:#496c83}.match-log{background:#152d3f;border-color:#39556c}.match-log-row{border-color:#2e4b60;color:#b5cbd7}.match-log-row time{color:#88aabd}.scoreboard-clock{color:#9ab9cd}.scoreboard-team small{color:#8aabba}.period.active{background:#2f6380;color:#e5d48a}.period{background:#142c3e;color:#82a4bc}.craft-wallet{display:flex;align-items:center;gap:7px;padding:9px 0;color:#afbacb;font-size:11px}.craft-wallet .icon{color:#d874e0;fill:#b73c9d55;width:22px;height:22px}.craft-wallet b{font-family:Oswald,sans-serif;font-size:24px;color:#e5d9f0}.craft-title{display:flex;align-items:center;gap:12px;justify-content:space-between;border-bottom:1px solid #3a536a;padding-bottom:13px}.craft-title h2{font-size:23px}.craft-title>span{font-size:10px;color:#75bce5}.craft-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.craft-source-card{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:9px 7px;border:1px solid #385468;background:#20384a;border-radius:6px;margin-bottom:8px}.craft-source-card.selected{border-color:#dbc45e;background:#2c4a5b}.craft-source-card>span:not(.hockey-card-badge){flex:1;min-width:0}.craft-source-card small{display:block;font-size:9px;color:#8dabbd}.craft-source-card b{display:block;font-size:10px;color:#d0e0e8;line-height:1.5}.craft-source-card em{display:block;font-size:9px;color:#9eb9ca;font-style:normal}.craft-source-card>.icon{width:14px;height:14px;color:#d8cd76}.craft-target{background:#1c3143;border:1px solid #334e64;border-radius:6px;padding:14px 12px;text-align:center;align-self:start}.craft-target>p{font-size:11px;line-height:1.7;color:#b0c2cf}.craft-result{position:relative;display:grid;place-items:center;margin:35px 0 16px}.craft-result .hockey-card-badge{width:128px;height:138px;border-width:5px;border-radius:15px}.craft-result>strong{position:absolute;top:44%;left:0;right:0;background:#0a1e2ee6;padding:6px;color:#e7ecea;font-family:Oswald,sans-serif;font-size:30px}.craft-target>.text-btn{display:inline-flex;margin:0 auto 22px;color:#a9bdcc;font-size:11px}.craft-target>.btn{font-size:11px;background:linear-gradient(110deg,#4a2e81,#6e38c1);border-color:#8a69bd;color:#f2e6fc}.craft-target>.btn .icon{color:#f48ed1}.craft-target>small{display:block;color:#b47883;font-size:9px;line-height:1.8;margin-top:13px}.connection-error{margin:8px 12px}
@media(max-width:420px){.contest-tabs{margin-left:-11px;margin-right:-11px}.contest-tabs>button{font-size:16px;padding:10px 4px}.player-card-workspace{grid-template-columns:90px minmax(0,1fr);gap:8px;padding:12px 10px}.active-card-rail>h3,.player-card-collection>h3{font-size:12px}.active-card-rail .slot-picture{width:48px;height:53px}.active-card-rail .active-card-slot b{font-size:8px}.active-card-rail .active-card-slot small{font-size:7px}.active-card-rail>span{font-size:8px}.player-inventory-row{gap:7px;padding:8px}.player-inventory-row .hockey-card-badge{width:42px;height:47px;border-width:2px;border-radius:7px}.player-inventory-row small{font-size:12px}.player-inventory-row b{font-size:9px}.player-inventory-row em{font-size:8px}.player-inventory-row>.icon{width:12px;height:12px}.player-bottom-actions{padding:0 10px 13px;gap:7px}.player-bottom-actions>button{font-size:17px;min-height:44px}.equipment-tag{padding:4px 6px}.equipment-tag b{font-size:14px}.equipment-tag small{font-size:8px}.team-section-links>button{font-size:15px}.cup-toolbar h2{font-size:20px}.cup-toolbar>.btn{font-size:10px}.cup-list-item{padding:12px 9px;gap:8px}.cup-list-item h3{font-size:18px}.cup-list-item p{font-size:10px}.cup-list-item small{font-size:8px}.cup-trophy .icon{width:24px;height:24px}.cup-list-item>.btn{font-size:9px;padding:7px}.cup-summary{padding:13px}.cup-summary h2{font-size:24px}.cup-summary>div{font-size:9px}.cup-members{gap:6px}.cup-members>div{padding:8px;gap:7px}.cup-members span{font-size:9px}.cup-members small{font-size:8px}.cup-members .crest{width:25px;height:31px}.cup-table{font-size:9px}.cup-table th{font-size:8px;padding:8px 4px}.cup-table td{padding:9px 4px}.cup-form-row{gap:9px}.craft-layout{gap:8px}.craft-source-card{padding:8px 6px;gap:7px}.craft-source-card .hockey-card-badge{width:40px;height:44px;border-width:2px;border-radius:6px}.craft-source-card b{font-size:8px}.craft-source-card small{font-size:8px}.craft-source-card em{font-size:7px}.craft-source-card>.icon{display:none}.craft-target{padding:11px 8px}.craft-target>p{font-size:9px}.craft-result .hockey-card-badge{width:102px;height:114px}.craft-target>.btn{font-size:9px;padding:9px 5px}.craft-target>small{font-size:8px}.craft-result{margin-top:28px}.craft-title h2{font-size:20px}.craft-title>span{font-size:9px}.team-tabs>button{font-size:16px}.roster-description h2{font-size:21px}}

.player-card-open{display:flex;align-items:center;gap:8px;flex:1;min-width:0;border:0;background:transparent;padding:0;color:inherit;text-align:left}.player-card-open>span:not(.hockey-card-badge){flex:1;min-width:0}.player-card-open>.icon{width:13px;height:13px;color:#dbca6a}.card-sell-inline{border:1px solid #8a4540;background:linear-gradient(#b33c32,#84271f);color:#e9d7cc;font-family:Oswald,sans-serif;font-size:16px;padding:7px 10px;border-radius:5px;text-transform:uppercase}.card-sell-inline:disabled{opacity:.3;cursor:not-allowed}.player-inventory-row{gap:7px}.active-card-rail .slot-picture>.hockey-card-badge{width:100%;height:100%;border:0;box-shadow:none;border-radius:5px}
@media(max-width:420px){.card-sell-inline{font-size:11px;padding:6px}.player-card-open{gap:6px}.player-card-open>.icon{display:none}.player-card-open .hockey-card-badge{width:35px;height:40px}.player-card-open small{font-size:11px}.player-card-open b{font-size:8px}.player-card-open em{font-size:7px}.player-inventory-row{padding:7px 6px}}

/* Overview map and persistent camera zoom. Labels remain readable at overview. */
.city-viewport{background:#8fa8a2}.city-world{width:390px;height:390px;margin-inline:auto;flex-shrink:0}.city-world .map-site{min-width:44px;min-height:44px}.city-world .map-label{padding:4px 6px}.city-world .map-label>b{font-size:10px}.city-world .map-label>small{font-size:8px}.city-world .map-collect{font-size:9px;min-width:37px;min-height:30px;padding:4px 6px}.city-world .map-collect>.icon{width:12px;height:12px}.map-controls{position:absolute;z-index:7;display:flex;right:10px;bottom:10px;border:1px solid #b6c9bb9c;border-radius:6px;overflow:hidden;box-shadow:0 2px 6px #102b3660}.map-controls>button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-right:1px solid #7d9a9277;background:#193b3aeb;color:#f0e9b9;font-size:24px}.map-controls>button:last-child{border:0}.map-controls>button:hover{background:#3a6260}.map-controls .icon{width:20px;height:20px}.city-map .map-hint{left:10px;transform:none;text-align:left;max-width:calc(100% - 145px);font-size:8px;padding:5px 7px;background:#1b3638cc;border-radius:4px}.energy-bar>button{color:#d1e7a1}.energy-bar>button .icon{width:19px;height:19px}.energy-refill-meter{position:relative;background:#102a24;border:1px solid #486c49;border-radius:5px;overflow:hidden;height:35px;margin:24px 0 13px}.energy-refill-meter>span{position:absolute;inset:0 auto 0 0;background:linear-gradient(#85b446,#467b28)}.energy-refill-meter>b{position:relative;display:grid;place-items:center;height:100%;font-family:Oswald,sans-serif;font-size:21px;color:#fff;text-shadow:0 1px 2px #000}

.rarity-guide{display:flex;flex-wrap:wrap;gap:10px 17px;padding:15px 0;font-size:10px}.rarity-guide>span{display:flex;align-items:center;gap:6px;color:var(--rarity)}.rarity-guide i,.craft-recipes i{display:inline-block;width:9px;height:9px;border-radius:2px;background:var(--rarity)}.craft-recipes{display:flex;gap:7px;margin-top:14px}.craft-recipes>button{display:flex;align-items:center;justify-content:center;flex:1;gap:5px;min-height:43px;padding:7px;border:1px solid #3e5b70;border-radius:5px;background:#152d3e;color:#a6b9c6;font-size:10px}.craft-recipes>button.active{background:#29465a;border-color:#d8bd62;color:#f2e2ac}.craft-recipes .icon{width:15px;height:15px}.craft-limit{display:flex;align-items:flex-start;gap:7px;margin-top:17px;padding:12px;border:1px solid #80683b77;border-radius:5px;font-size:10px;line-height:1.7;color:#d7bd82;background:#57451e22}.craft-limit .icon{width:15px;height:15px;flex-shrink:0;margin-top:2px}.legendary-promotion{margin-top:20px;padding:16px;border:1px solid #a68a44;border-radius:8px;background:radial-gradient(at 90% 20%,#82672e3b,transparent 60%),linear-gradient(125deg,#2f3027,#1d2b35)}.promotion-heading{display:flex;justify-content:space-between;gap:10px;color:#e6c66d;font-size:9px}.promotion-heading>span:last-child{display:flex;align-items:center;gap:4px;color:#b2aa89}.promotion-heading .icon{width:13px;height:13px}.promotion-body{display:flex;gap:15px;align-items:center;margin:18px 0}.promotion-body .hockey-card-badge{width:73px;height:80px}.legendary-promotion h3{font-size:24px;color:#edcf7b}.legendary-promotion>h3{margin:17px 0 7px}.legendary-promotion p{font-size:11px;line-height:1.8;color:#c5c1a9}.promotion-body small{display:block;font-size:9px;color:#a59f81;margin-top:6px}.pack-odds{margin-top:15px;color:#9bb3c2;font-size:10px;line-height:1.8}.pack-odds summary{cursor:pointer;color:#c4d4dd}.pack-odds p{margin-top:9px}.ability-card .ability-rarity{color:var(--rarity)}.collection-toolbar{flex-wrap:wrap}

/* One quiet shot map: no skaters, moving puck, flashing paths or camera jumps. */
.shot-map-header{display:flex;justify-content:space-between;gap:8px;margin:22px 0 9px;align-items:center}.shot-map-header>b{font-family:Oswald,sans-serif;font-weight:500;letter-spacing:1px;font-size:16px;color:#dbe6ed}.shot-map-header>span{font-size:8px;color:#8eacbe}.shot-rink{margin-top:0;border-radius:20px;border:1px solid #7797aa}.shot-map-legend{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px 14px;margin-top:12px;color:#acc4d3;font-size:9px}.shot-map-legend>span{display:flex;align-items:center;gap:5px}.shot-dot{display:block;width:9px;height:9px;border-radius:50%;background:#39b4ed}.shot-dot.away{background:#f28b7c}.shot-totals{display:flex;justify-content:center;margin-top:14px;border-block:1px solid #4a667855;padding:10px 0;gap:18px}.shot-totals>div{display:grid;grid-template-columns:18px auto 18px;gap:7px;align-items:center;font-size:9px;color:#89a6b8}.shot-totals b{font-family:Oswald,sans-serif;font-size:18px;color:#58bcec;text-align:center}.shot-totals b:last-child{color:#f29b8b}.shot-direction{font-size:8px;line-height:1.6;color:#83a5b8;margin:8px 0 0;text-align:center}.shot-marker{filter:drop-shadow(0 2px 2px #1e3e5228)}.shot-marker.pending{opacity:.6}.log-team-home{color:#76bfe1}.log-team-away{color:#e9ac9f}.match-log-row time{width:64px;flex-shrink:0}.match-log-row>span:last-child{line-height:1.6}

/* Chat uses the same club palette and keeps the composer stable while polling. */
.game-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.game-nav button{min-width:0}.game-nav button>span{font-size:10px}.chat-tabs{display:flex;gap:0;border:1px solid #3c5668;border-radius:6px;overflow:hidden;margin-bottom:12px}.chat-tabs>button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border:0;border-bottom:2px solid transparent;background:#192e3f;color:#93adbf;padding:12px 5px;font-family:Oswald,sans-serif;font-size:19px}.chat-tabs>button.active{background:#28485d;color:#ead08a;border-color:#d4b15b}.chat-tabs>button:last-child{flex:0 0 43px}.chat-tabs .icon{width:18px;height:18px}.chat-error:empty{display:none}.chat-error{font-size:11px;line-height:1.6;color:#e6af9d;padding:10px 0}.chat-room{border:1px solid #3c5568;border-radius:7px;overflow:hidden;background:#122536}.chat-room-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 13px;border-bottom:1px solid #3b5466;background:#1c3345}.chat-room-heading h2{font-size:23px}.chat-room-heading p{font-size:9px;color:#8faabc;margin-top:3px}.chat-room-heading>.text-btn{font-size:9px}.chat-live-dot{display:flex;align-items:center;gap:4px;font-size:8px;color:#9eb795}.chat-live-dot:before{content:'';width:5px;height:5px;background:#88ba72;border-radius:50%}.chat-feed{height:clamp(260px,44svh,530px);overflow-y:auto;overscroll-behavior:contain;padding:16px 13px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:#46677d transparent}.chat-message{align-self:flex-start;width:fit-content;max-width:89%;padding:10px 12px;border:1px solid #3a5669;border-radius:8px 8px 8px 2px;background:#233d51}.chat-message.own{align-self:flex-end;border-color:#486459;border-radius:8px 8px 2px 8px;background:#284438}.chat-message-heading{display:flex;justify-content:space-between;gap:17px;align-items:center;margin-bottom:6px}.chat-message-heading>button,.chat-message-heading>b{border:0;background:none;padding:0;color:#b3d6ed;font-size:10px;font-weight:700;text-align:left;overflow-wrap:anywhere}.chat-message.own .chat-message-heading>b{color:#c3d7aa}.chat-message time{font-size:8px;color:#8fa9b6;white-space:nowrap}.chat-message p{font-size:12px;line-height:1.65;color:#e4edf1;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:12px;background:#1b3243;border-top:1px solid #365469}.chat-compose textarea{min-width:0;width:100%;resize:vertical;min-height:51px;max-height:140px;background:#102738;border:1px solid #4a687c;border-radius:5px;color:#e3eef3;padding:9px;font:12px/1.5 Arial,sans-serif}.chat-compose textarea:focus{outline:2px solid #d4b969;outline-offset:1px}.chat-compose>.btn{padding:8px 10px;font-size:10px;align-self:stretch}.chat-compose small{grid-column:1/-1;color:#7290a5;font-size:8px;line-height:1.6}.chat-empty{margin:auto;padding:35px 15px;text-align:center;color:#87a8bc;font-size:11px;line-height:1.7}.chat-empty>.icon{width:35px;height:35px;margin-bottom:13px;color:#a3bed1}.chat-empty h3{font-size:24px;color:#b9cfdc;margin-bottom:6px}.chat-contact-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 10px}.chat-contact-heading h2{font-size:22px}.chat-contact-heading small{font-size:9px;color:#8eaebf}.chat-contact{display:flex;align-items:center;width:100%;gap:12px;padding:12px;text-align:left;border:1px solid #36546b;border-radius:6px;background:#1e384c;color:#c4d9e4;margin-bottom:7px}.chat-contact .crest{width:34px;height:41px}.chat-contact>span{flex:1;min-width:0}.chat-contact b{display:block;font-size:12px;font-weight:500}.chat-contact small{display:block;margin-top:6px;color:#8aaabc;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.chat-contact>.icon{width:17px;height:17px;color:#cbb575}.chat-empty-small{font-size:10px;line-height:1.8;color:#8ba8ba;padding:14px;background:#182f40;border-radius:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:420px){.game-nav button>span{font-size:8px}.game-nav button>.icon{width:21px;height:21px}.craft-recipes>button{font-size:8px;gap:3px;padding:6px 3px}.craft-recipes i{width:6px;height:6px}.craft-recipes .icon{width:11px;height:11px}.shot-totals{gap:12px}.shot-totals>div{gap:4px;font-size:8px;grid-template-columns:16px auto 16px}.shot-map-header>span{font-size:7px}.shot-map-legend{gap:7px 10px;font-size:8px}.chat-tabs>button{font-size:17px}.chat-compose{gap:7px;padding:10px}.chat-message p{font-size:11px}.map-controls>button{width:36px;height:36px}}