/* Solid club colours, simple rules and deliberate spacing. No decorative gradients. */
:root{--ink:#0e243c;--surface:#142e49;--raised:#1b3955;--line:#304e69;--text:#f3f7fc;--muted:#c0d1e3;--gold:#e2bd71}
body,.workspace{background:#0e243c}
.app-shell,.mobile-bar{background:#0a1c30}
.league-switcher,.headercontrols select{background:#102941}
.workspace .card,.stat{background:#142e49;border-color:#304e69;border-radius:7px;box-shadow:none}
.workspace input,.workspace select,.workspace textarea{background:#102941;color:#f3f7fc;border-color:#527292}
.workspace .card:not(.trade-idea){border-left-width:1px;border-top-width:1px}
.workspace .stat:first-child{border-top:1px solid #304e69}
.workspace .page-bar{color:#a9c1db;border-color:#304e69}
.workspace #breadcrumb{color:#edf4fc}
.workspace .heading .pill,.workspace .eyebrow,.workspace .stats-eyebrow{display:none}
.app-shell .nav-icon{display:none}
.app-shell nav button[aria-current=page]{background:#1d3b58;color:#fff}
.workspace .gain-track i,.strength-bar span{background-image:none}
.workspace .gain-track i{background-color:#60c69f}.workspace .gain-track .loss{background-color:#ef8c91}
.nav-backdrop:not([hidden]){backdrop-filter:none}
button{transition:background-color .12s,border-color .12s}
button:hover:not(:disabled){transform:none;opacity:1}
.workspace:has(.stats-page-wrap){background:#eaf0f7}
.stats-page-wrap .stats-workbench{border-radius:7px;box-shadow:none}
.workspace .stats-page-wrap input,.workspace .stats-page-wrap select{background:white;color:#24334a;border-color:#c2cfde}
.workspace:has(.stats-page-wrap) .page-bar{color:#62758b;border-color:#cbd7e5}
.workspace:has(.stats-page-wrap) #breadcrumb{color:#243b57}
.stats-compare{padding:12px 24px 18px;border-top:1px solid #e0e6ee;border-bottom:1px solid #e0e6ee;background:#f5f8fc;color:#34465f}
.stats-compare summary{font-size:.85rem;font-weight:800;cursor:pointer}
.stats-compare p{font-size:.75rem;color:#64768b;max-width:750px;line-height:1.6;margin:4px 0 16px}
.stats-compare input{width:min(100%,400px);font-size:.8rem;margin:10px 0}
.compare-chips{display:flex;gap:8px;flex-wrap:wrap}
.compare-chips button{font-size:.75rem;background:#e4ecf6;color:#203f65;min-height:36px;padding:6px 10px;border:1px solid #b9cadf}
.compare-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 16px}
.compare-options button{display:flex;align-items:center;gap:8px;text-align:left;color:#243b57;padding:8px 0;border-bottom:1px solid #dce4ef;font-size:.75rem}
.compare-options .player-avatar{width:32px;height:36px}
.compare-options small{display:block;color:#64768b;font-size:.625rem}
.compare-options button>span:last-child{margin-left:auto;font-size:1.1rem}
.player-drawer{position:fixed;inset:0;margin:auto;width:min(1440px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;padding:32px 44px;background:#f3f6fa;color:#223b59;color-scheme:light;border:1px solid #c5d2e1;border-radius:8px;box-shadow:0 12px 60px #0006}
.player-drawer[open]{animation:none}
.player-drawer::backdrop{background:#06182ce6;backdrop-filter:none}
.player-drawer .drawer-top{position:sticky;top:-32px;background:#f3f6fa;z-index:4;padding:12px 0;border-bottom:1px solid #cbd7e4;color:#596d85}
.player-drawer #closePlayer{background:#e1e9f2;color:#183b62;font-size:1.5rem;width:44px;height:44px;border:0}
.player-drawer .drawer-player{padding:24px 0 18px;border:0}
.player-drawer .drawer-player .player-avatar{width:120px;height:120px}
.player-drawer .player-avatar img{object-fit:contain}
.player-drawer .drawer-player h2{font:800 clamp(1.8rem,3vw,2.8rem)/1.15 var(--body);color:#1a3557;letter-spacing:-.035em}
.player-drawer .drawer-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:transparent;border-block:1px solid #cbd7e4;margin:16px 0 28px}
.player-drawer .drawer-stats>div{background:transparent;border:0;border-right:1px solid #cbd7e4;border-radius:0;padding:18px 24px}
.player-drawer .drawer-stats>div:last-child{border:0}
.player-drawer .drawer-stats strong{color:#173f70;font-size:2rem}
.player-drawer .drawer-stats small,.player-drawer .muted{color:#687b91}
.player-drawer .drawer-section{border-color:#ccd8e6}
.player-drawer h3{font-size:1.05rem;color:#203c60}
.player-drawer select{background:#fff;color:#223b59;border-color:#b7c9dc}
.player-drawer th{background:#e1eaf4;color:#385777}
.player-drawer td{border-color:#d2deeb;color:#243e5a}
.player-drawer tr:hover{background:#e7eef7}
.player-drawer .textbutton,.player-drawer a{color:#785916}
.player-drawer button.secondary{background:#e1eaf4;color:#1d426d;border:1px solid #b7c9dc}
.profile-visuals{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:44px;margin:24px 0 32px;padding:24px 0;border-block:1px solid #ccd8e6}
.profile-visuals section{min-width:0}
.profile-visuals p{font-size:.85rem}
.profile-game-log{display:flex;align-items:stretch;gap:10px;overflow-x:auto;padding:20px 0 8px}
.profile-game-log>div{flex:1;min-width:36px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.75rem;font-variant-numeric:tabular-nums}
.profile-bar{height:150px;width:100%;max-width:42px;display:flex;align-items:flex-end;border-bottom:1px solid #a7bbd3}
.profile-bar i{display:block;width:100%;min-height:2px;background:#3378b4;border-radius:3px 3px 0 0}
.profile-bar .negative-bar{background:#b65c68}
.profile-share{display:grid;grid-template-columns:1fr auto;gap:8px;margin:20px 0;font-size:.8rem}
.profile-share>div{grid-column:1/-1;height:7px;background:#d9e3ef}
.profile-share i{display:block;height:100%;background:#3378b4}
@media(max-width:900px){.compare-options{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-visuals{grid-template-columns:1fr;gap:22px}.player-drawer{padding:22px}.player-drawer .drawer-top{top:-22px}.player-drawer .drawer-stats>div{padding:16px}.player-drawer .drawer-stats strong{font-size:1.6rem}}
@media(max-width:600px){.player-drawer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:16px}.player-drawer .drawer-top{top:-16px}.player-drawer .drawer-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.player-drawer .drawer-stats>div:nth-child(2){border:0}.player-drawer .drawer-player .player-avatar{width:88px;height:88px}.stats-compare{padding:12px 16px}.compare-options{column-gap:10px}.compare-options button{font-size:.7rem}.profile-bar{height:120px}}
body.player-embed{background:#f3f6fa}body.player-embed::before{content:'Loading player profile…';display:block;padding:40px;color:#223b59}body.player-embed>.app-shell,body.player-embed>.workspace,body.player-embed>.mobile-bar,body.player-embed>.skiplink,body.player-embed>#navBackdrop{display:none!important}body.player-embed .player-drawer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;box-shadow:none}body.player-embed .player-drawer::backdrop{background:#f3f6fa}body.player-embed .quicknav,body.player-embed [data-profilecompare]{display:none!important}
