/* Footy Analyzer: readable, touch-friendly career workspace. */
:root{--fa-ink:#eef4fb;--fa-muted:#9baec3;--fa-line:#263b50;--fa-surface:#101e2c;--fa-accent:#65e0bc;--fa-gold:#f0c874}
body{color:var(--fa-ink);background:#09121e;font-family:Inter,"Segoe UI",Arial,sans-serif}
.topbar{background:rgba(10,20,32,.97);border-bottom:1px solid var(--fa-line);backdrop-filter:blur(16px)}
.sidebar{background:#0b1724;border-right:1px solid var(--fa-line)}
.sidebar-club{border-color:var(--fa-line)}
.sidebar-club strong{color:#f3f8ff;font-size:14px}.sidebar-club small{color:var(--fa-muted);font-size:11px}
.nav-item{min-height:42px;border-radius:8px;font-size:12px;color:#aebfd1;letter-spacing:.015em}
.nav-item:hover{background:#172d3e;color:#fff}.nav-item.active{background:#173a39;color:#8ff0d2;box-shadow:inset 3px 0 var(--fa-accent)}
.content{max-width:1900px;color:var(--fa-ink)}
.page-head{margin-bottom:22px;gap:14px}.page-title{font-size:28px;line-height:1.15;letter-spacing:-.035em;color:#f5f8fb}.page-sub{font-size:13px;line-height:1.5;color:#a6b8c9}.sync-pill{color:#a5e3cd;background:#102d2b;border:1px solid #275549;border-radius:999px;padding:7px 11px;font-size:10px}
.breadcrumbs{font-size:12px;color:var(--fa-muted)}
.card,.metric-card,.profile-section>.card,.analyzer-player-charts .card{background:linear-gradient(145deg,#122333,#0e1d2b);border:1px solid var(--fa-line);border-radius:12px;box-shadow:0 8px 24px #0209102b}
.card{padding:18px}.card h2,.card h3,.card-title{color:#edf5fb}.grid-cards,.grid-cards.auto{gap:12px}.metric-card{padding:18px}.metric-value{color:#f4f9fb;font-size:27px;letter-spacing:-.035em}.metric-label{color:#a2b5c7;font-size:10px;letter-spacing:.09em}.metric-note{color:#8ca2b6;font-size:11px}
.rank-row,.leader-bar-row{min-height:58px;border-bottom:1px solid #263b4d;background:transparent}.rank-row strong,.leader-bar-copy strong{font-size:13px;color:#edf5fb}.rank-row small,.leader-bar-copy small{font-size:11px;color:#9cb0c1}
.btn,button,input,select{font-family:inherit}.btn,.save-picker,.language-picker,.search{border-radius:8px}.btn{min-height:38px}.save-picker,.language-picker,.search{color:#edf5fb;background:#122333;border:1px solid #31485c}.search{min-height:44px}.btn.primary{background:#43bd98;color:#061c16;border-color:#43bd98}
.player-list,.table-wrap{border:1px solid var(--fa-line);border-radius:10px;overflow:auto}.player-row{min-height:70px}.player-name strong{font-size:13px;color:#eef7fc}.player-name small,.player-pos small{font-size:11px;color:#a5b7c9}.player-row:hover,.leader-bar-row:hover{background:#193042}.data-table th{font-size:10px;color:#a2b6ca}.data-table td{font-size:12px;color:#d8e5ee}
.profile-name{color:#f4f8fc}.profile-meta{color:#a6bbca}.profile-tabs button,.player-profile-chrome .desktop-parity-tabs button,.parity-tabs button{min-height:42px;font-size:11px;color:#a9bbcd}.profile-tabs button.active,.parity-tabs button.active{color:#80ecc9}.fact{background:#112435;border:1px solid #263e51;border-radius:8px;padding:12px}.fact span{font-size:10px;color:#a3b6c6}.fact b{font-size:14px;color:#f0f7fb}.attr{font-size:11px}.attr b{font-size:12px}
.empty{padding:24px;border:1px solid #30485b;border-radius:12px;color:#a6b8c9;line-height:1.6}.empty strong{color:#eff8fb}
.login-shell{background:radial-gradient(circle at 75% 12%,#17443e 0,transparent 35%),#09131f}.login-card{border:1px solid #2b4655;border-radius:18px;background:#0e1d2a;padding:clamp(24px,5vw,48px);box-shadow:0 25px 80px #0007}.login-card h1{letter-spacing:-.035em;line-height:1.12}.login-card p{line-height:1.7;color:#b4c4d0}.login-card .btn.primary{background:#63dfb7;color:#09271f}
.mobile-navigation,.menu-backdrop{display:none}
@media(max-width:760px){
 .topbar{height:60px;padding:0 12px;gap:10px}.icon-btn{min-width:42px;min-height:42px;border-radius:9px}.save-picker{height:42px;font-size:13px}.account .btn{min-height:42px;font-size:10px}
 .sidebar{z-index:52;width:min(300px,85vw);max-width:85vw;padding-bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-105%)}.sidebar.open{transform:translateX(0)}.sidebar .nav-item{min-height:46px;font-size:13px}.sidebar-club strong{font-size:14px}
 .menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:51;border:0;background:#020b14a8;width:100%;height:100%}
 .content{padding:78px 14px calc(92px + env(safe-area-inset-bottom));margin-left:0}.page-head{margin-bottom:18px}.page-title{font-size:25px}.page-sub{font-size:12px}.sync-pill{font-size:9px}.card{padding:15px}.metric-card{padding:14px}.metric-value{font-size:23px}.metric-label{font-size:10px}.metric-note{font-size:10px}.grid-cards,.grid-cards.auto{gap:10px}
 .mobile-navigation{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));bottom:0;left:0;right:0;z-index:45;padding:5px 5px calc(5px + env(safe-area-inset-bottom));background:rgba(9,22,32,.97);border-top:1px solid #294153;box-shadow:0 -8px 24px #0004;backdrop-filter:blur(16px)}
 .mobile-navigation button,.mobile-navigation .nav-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:auto;min-width:0;min-height:48px;height:auto;margin:0;padding:4px;border:0;border-radius:8px;background:transparent;color:#9aafc0;box-shadow:none;font-weight:600;letter-spacing:0}.mobile-navigation button span{font-size:20px;line-height:1}.mobile-navigation button small{font-size:10px;white-space:nowrap}.mobile-navigation .nav-item.active{background:#173a39;color:#8ff0d2;box-shadow:none}
 .player-list{border:0;overflow:visible}.player-row,.player-row:nth-child(even){border:1px solid #304a5c;border-radius:10px;background:#122636;padding:14px;margin-bottom:10px}.player-name strong{font-size:15px}.player-name small,.player-pos small{font-size:11px}.player-main{border-color:#304658}.profile-tabs button,.player-profile-chrome .desktop-parity-tabs button,.parity-tabs button{min-height:44px;font-size:11px}.fact span{font-size:10px}.fact b{font-size:13px}.data-table td{font-size:11px}.data-table th{font-size:10px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:360px){.mobile-navigation button small{font-size:9px}.content{padding-left:10px;padding-right:10px}.page-title{font-size:22px}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}