:root { color-scheme: dark; --gold:#ffc400; --muted:#b2c1d5; }
* { box-sizing:border-box; }
body { margin:0; background:#03152f; color:#f7f9fc; font:16px/1.6 Arial,sans-serif; }
a { color:var(--gold); text-underline-offset:4px; }
.access-header { display:flex; align-items:center; justify-content:space-between; gap:34px; min-height:112px; padding:16px clamp(24px,4.5vw,82px); border-bottom:1px solid #264266; background:#061226; }
.access-brand { display:flex; align-items:center; gap:12px; text-decoration:none; font-weight:bold; }
.access-brand img { width:58px;height:68px;object-fit:contain; } .access-brand span{font-size:21px;line-height:1.25;white-space:nowrap}.access-brand small { display:block; font-weight:normal; color:#fff; letter-spacing:2px; }
nav,.admin-links { display:flex; align-items:center; gap:22px; flex-wrap:wrap; } nav form { margin:0; }
.access-nav{justify-content:flex-end;gap:18px;flex:1;flex-wrap:nowrap}.access-nav-main,.access-nav-account{display:flex;align-items:center;gap:8px}.access-nav-main{justify-content:flex-end;flex-wrap:wrap}.access-nav-main>a{display:flex;align-items:center;min-height:42px;padding:8px 13px;border-radius:9px;text-decoration:none;font-weight:700;white-space:nowrap;transition:background .18s,color .18s}.access-nav-main>a:hover{background:#102849;color:#fff}.access-nav-main .cart-link{border:1px solid #3d587c;background:#0b1c37}.access-nav-main .cart-link span{margin-right:3px;font-size:17px}.access-nav-account{padding-left:18px;border-left:1px solid #294363;flex:none}.access-nav-account .quiet{min-height:42px;padding:8px 14px;border:1px solid transparent;white-space:nowrap}.access-nav-account .quiet:hover{border-color:#654b16;background:#241e11}.access-nav .role-view-switcher{margin-right:5px}
.access-main { max-width:1320px; margin:40px auto; padding:0 24px; min-height:68vh; }
h1 { font-size:clamp(28px,4vw,42px); line-height:1.15; margin:10px 0 22px; } h2 { font-size:21px; overflow-wrap:anywhere; }
.eyebrow { text-transform:uppercase; letter-spacing:2px; color:var(--gold); font-size:12px; font-weight:bold; }
.muted,small { color:var(--muted); }
.auth-card,.panel { background:#092343; border:1px solid #284565; border-radius:16px; padding:30px; }
.auth-card { max-width:540px; margin:36px auto; }
form { margin:18px 0; } label { display:block; margin:16px 0 6px; }
input:not([type=checkbox]):not([type=hidden]),textarea,select { width:100%; border:1px solid #456386; background:#04172d; color:#fff; border-radius:8px; padding:12px; font:inherit; }
textarea { min-height:90px; resize:vertical; } input[type=checkbox] { width:18px; height:18px; accent-color:var(--gold); }
.check { display:flex; gap:10px; align-items:center; } fieldset { border:1px solid #456386; border-radius:8px; margin-top:18px; } legend { color:var(--muted); padding:0 6px; }
button,.button { background:var(--gold); color:#071735; border:0; border-radius:8px; padding:12px 18px; font:700 15px Arial,sans-serif; text-decoration:none; cursor:pointer; display:inline-block; }
form>button { margin-top:20px; } .auth-card form>button { width:100%; }
.quiet { background:transparent; color:#ffc400; padding:0; } .notice { background:#153457; border-left:4px solid var(--gold); padding:16px; margin:18px 0; border-radius:6px; }
.validation { color:#ffbdc1; } .validation ul { padding-left:20px; }
.panel-grid,.users-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:22px; margin-top:26px; }
.good { color:#82e4b6; } .pending { color:#ffda83; } .history { margin-top:20px; }
pre { white-space:pre-wrap; overflow-wrap:anywhere; background:#04172d; padding:16px; border-radius:8px; }
.roster-table { margin-top:20px; }.roster-head,.roster-row { display:grid; grid-template-columns:2fr 1fr 1fr 80px; gap:16px; align-items:center; padding:14px 8px; border-bottom:1px solid #284565; }.roster-row span:first-child { display:flex; flex-direction:column; }.coming { margin-top:24px; }
.match-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:22px;margin-top:24px}.match-card h2 span{color:var(--gold);padding:0 8px}.match-editor{max-width:900px;margin:25px auto}.match-editor fieldset{padding:18px}.match-editor [hidden]{display:none!important}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:22px}.team-card{display:flex;align-items:center;gap:22px}.team-crest{width:105px;height:105px;flex:0 0 105px;border-radius:50%;display:grid;place-items:center;background:#04172d;border:2px solid #ffc400;color:#ffc400;font-size:30px;font-weight:bold;overflow:hidden}.team-crest img{width:90%;height:90%;object-fit:contain}.team-crest.preview{margin:0 auto 24px}.versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;text-align:center}.versus>span{display:flex;flex-direction:column;align-items:center;gap:8px}.versus img{width:72px;height:72px;object-fit:contain}.versus>strong{color:var(--gold);font-size:20px}
.fixture-list{display:grid;gap:30px}.fixture-card{padding:24px}.fixture-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.fixture-heading h2{margin:4px 0}.button.secondary{background:transparent;color:var(--gold);border:1px solid var(--gold)}.fixture-content{display:grid;grid-template-columns:minmax(320px,620px) minmax(240px,1fr);gap:32px;align-items:center;margin-top:22px}.pitch-wrap{max-width:620px}.pitch-team{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:8px 4px}.pitch-team img{width:38px;height:38px;object-fit:contain}.pitch-team small{color:var(--gold);font-weight:bold}.football-pitch{position:relative;width:100%;aspect-ratio:3/4;max-height:720px;border:3px solid rgba(255,255,255,.85);border-radius:8px;overflow:hidden;background:repeating-linear-gradient(0deg,#28712d 0,#28712d 12.5%,#307b35 12.5%,#307b35 25%);box-shadow:inset 0 0 45px rgba(0,0,0,.25)}.pitch-line,.pitch-circle,.pitch-area,.pitch-goal{position:absolute;display:block;pointer-events:none}.halfway{left:0;right:0;top:50%;height:2px;background:rgba(255,255,255,.8)}.pitch-circle{width:22%;aspect-ratio:1;left:39%;top:50%;transform:translateY(-50%);border:2px solid rgba(255,255,255,.8);border-radius:50%}.pitch-area{left:25%;width:50%;height:13%;border:2px solid rgba(255,255,255,.8)}.area-top{top:-2px}.area-bottom{bottom:-2px}.pitch-goal{left:39%;width:22%;height:4%;border:2px solid rgba(255,255,255,.8)}.goal-top{top:-2px}.goal-bottom{bottom:-2px}.field-player{position:absolute;z-index:2;width:38px;height:38px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;color:white;font-weight:800;border:3px solid white;box-shadow:0 3px 9px rgba(0,0,0,.45)}.field-player.team-top{background:#072d61}.field-player.team-bottom{background:#f0b900;color:#061226;border-color:#061226}.fixture-summary{align-self:stretch;background:#061a36;border:1px solid #284565;border-radius:14px;padding:22px}.fixture-summary h3{color:var(--gold)}.fixture-summary>p:not(.muted){display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #284565;padding:12px 0}.status-legend{display:flex;flex-direction:column;gap:10px;margin:25px 0}.status-legend span{display:flex;align-items:center;gap:9px}.dot{width:12px;height:12px;border-radius:50%;display:inline-block}.accepted{background:#2dcc70}.pending-dot{background:#f5a623}.declined{background:#e44747}
.field-player small{position:absolute;top:40px;left:50%;transform:translateX(-50%);min-width:100px;text-align:center;color:white;background:rgba(3,21,47,.88);border-radius:5px;padding:2px 4px;font-size:10px;line-height:1.2}.player-status-list{display:flex;flex-direction:column;gap:7px;max-height:430px;overflow:auto}.player-status-list>span{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid #284565;padding:8px 0}.player-status-list small{font-size:11px}.credit-balance{font-size:20px}.credit-balance b{color:var(--gold);font-size:28px}.player-fixtures{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:22px}.player-fixture{cursor:pointer;transition:transform .2s,border-color .2s}.player-fixture:hover,.player-fixture:focus{transform:translateY(-3px);border-color:var(--gold)}.player-fixture h2 span{color:var(--gold)}.signup-dialog{width:min(92vw,600px);border:1px solid #456386;border-radius:16px;background:#092343;color:white;padding:30px}.signup-dialog::backdrop{background:rgba(0,7,20,.78)}.dialog-close{margin:0;text-align:right}.dialog-close button{background:transparent;color:white;font-size:25px;padding:0}.warning-check{display:flex;gap:12px;align-items:flex-start;background:#5b3a0c;border:1px solid #f5a623;padding:16px;border-radius:8px}.warning-check input{flex:0 0 18px}.decline-button{background:transparent;color:#ffb6b6;border:1px solid #e44747}.success-box{background:#113e31;border-left:4px solid #2dcc70;padding:16px;border-radius:6px}
.player-field-layout{display:grid;grid-template-columns:minmax(320px,620px) minmax(240px,1fr);gap:32px;align-items:center}.player-field-card .slot-help{padding:12px 16px;background:#092343;border-left:4px solid var(--gold)}.slot-button{padding:0;cursor:pointer;font-family:inherit;font-size:inherit}.slot-button:hover,.slot-button:focus-visible{outline:4px solid #fff200;transform:translate(-50%,-50%) scale(1.18);z-index:4}.slot-button:disabled{cursor:default;opacity:.55}.occupied-slot{box-shadow:0 0 0 4px #2dcc70,0 3px 9px rgba(0,0,0,.45)}.selected-slot-label{color:var(--gold);font-size:20px;font-weight:800}.gold{color:var(--gold)}
.insufficient-credit{margin:18px 0;padding:18px;background:#4a1820;border:1px solid #ff6877;border-left:5px solid #ff6877;border-radius:8px}.insufficient-credit strong{font-size:20px;color:#ffccd1}.insufficient-credit p{margin-bottom:0}
.category-picker{display:flex;align-items:end;gap:12px;max-width:520px}.category-picker label{flex:1}.credit-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:22px}.credit-player header{display:flex;justify-content:space-between;gap:15px;align-items:start}.credit-player header h3{margin:0}.credit-player header strong{color:var(--gold);font-size:22px;white-space:nowrap}.credit-player form{display:grid;gap:8px;margin:20px 0}.credit-history p{display:grid;grid-template-columns:55px 1fr;gap:12px;border-top:1px solid #294568;padding:10px 0;margin:0}.credit-history b{font-size:18px}
.credit-list-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:28px 0 14px}.credit-list-heading h2{margin:0}.credit-search{width:min(100%,390px)}.credit-search input{margin-top:6px}.credit-player-list{border:1px solid #294568;border-radius:14px;overflow:hidden;background:#0c1d3a}.credit-list-columns,.credit-list-row{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(240px,1fr) 135px 115px;align-items:center;gap:14px}.credit-list-columns{padding:12px 22px;background:#07162d;color:#aebbd0;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.credit-list-row{position:relative;width:100%;padding:16px 22px 16px 78px;border:0;border-top:1px solid #294568;border-radius:0;background:#102544;color:white;text-align:left;cursor:pointer}.credit-list-row:hover,.credit-list-row:focus-visible{background:#19375f;outline:2px solid var(--gold);outline-offset:-2px}.credit-list-row[hidden]{display:none}.credit-list-row>b{color:var(--gold)}.credit-avatar{position:absolute;left:22px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#164c8f;color:var(--gold);font-weight:800}.credit-email{color:#bdc9dc;overflow:hidden;text-overflow:ellipsis}.credit-open{color:var(--gold);text-align:right}.credit-dialog{max-height:90vh;overflow:auto}.credit-current-balance{display:flex;justify-content:space-between;gap:15px;padding:15px;background:#071a35;border-radius:8px}.credit-current-balance strong{color:var(--gold)}.credit-grant-form{display:grid;gap:12px;margin:20px 0}.credit-grant-form label{display:grid;gap:6px}.credit-movements{margin-top:18px}.credit-movements summary{cursor:pointer;color:var(--gold);font-weight:700}.credit-no-results{padding:30px;text-align:center}
.profile-card{display:grid;grid-template-columns:220px 1fr;gap:35px;max-width:850px}.profile-photo-preview{width:200px;aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#164c8f;border:5px solid var(--gold);font-size:72px;font-weight:800}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}.profile-card form{display:grid;gap:10px;margin:20px 0}.field-player.has-photo{overflow:visible;background:#06162f}.field-player.has-photo>img{width:100%;height:100%;border-radius:50%;object-fit:cover}.field-player.has-photo small{top:41px}
.profile-required{padding:12px 14px;border-left:4px solid var(--gold);border-radius:7px;background:#493a0d;color:#ffe68c}.profile-details{max-width:440px;padding:16px;border:1px solid #355477;border-radius:10px;background:#071a35}.profile-details>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px}.profile-details>div span{font-weight:800}.profile-details button{margin-top:5px}
:focus-visible { outline:3px solid var(--gold); outline-offset:3px; }
.access-footer { text-align:center; color:var(--muted); padding:25px; border-top:1px solid #264266; }
@media(max-width:1100px){.access-header{align-items:flex-start}.access-nav{align-items:flex-end;flex-direction:column}.access-nav-account{padding-left:0;border-left:0}.access-nav-main{justify-content:flex-end}}
@media(max-width:850px){.fixture-content,.player-field-layout{grid-template-columns:1fr}.fixture-summary{align-self:auto}}@media(max-width:650px) { .access-header { min-height:auto;flex-direction:column; align-items:stretch;padding:15px 18px;gap:14px }.access-brand img{width:46px;height:54px}.access-brand span{font-size:18px}.access-nav{align-items:stretch;gap:12px}.access-nav-main{justify-content:flex-start}.access-nav-main>a{padding:7px 10px}.access-nav-account{justify-content:space-between;padding-top:10px;border-top:1px solid #294363}.access-main { padding:0 16px; } .panel,.auth-card { padding:22px; } .roster-head { display:none; }.roster-row { grid-template-columns:1fr 1fr; }.fixture-card{padding:14px}.field-player{width:31px;height:31px;font-size:13px} }
@media(max-width:700px){.credit-list-heading{align-items:stretch;flex-direction:column}.credit-search{width:100%}.credit-list-columns{display:none}.credit-list-row{grid-template-columns:1fr auto;padding-left:72px}.credit-list-row .credit-email{grid-column:1/-1}.credit-open{display:none}}
@media(max-width:600px){.profile-card{grid-template-columns:1fr}.profile-photo-preview{width:150px}}
.player-home-hero{position:relative;min-height:240px;margin:-36px -30px 22px;padding:55px 42px 35px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:linear-gradient(90deg,rgba(2,20,48,.98),rgba(3,28,63,.7)),url('/images/somos-la-ciudad.png') center 42%/cover;border-bottom:1px solid #315173}.player-welcome{display:flex;align-items:center;gap:20px;z-index:1}.player-welcome>img{width:92px;height:92px;object-fit:cover;border-radius:50%;border:4px solid var(--gold)}.player-welcome h1{font-size:clamp(38px,5vw,66px);margin:2px 0}.player-welcome>div>p:last-child{font-size:20px;color:#c4cede}.player-hero-crest{width:min(27vw,230px);filter:drop-shadow(0 10px 22px #001);opacity:.95}.player-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.player-dashboard-card{position:relative;padding:24px;border:1px solid #315173;border-radius:15px;background:linear-gradient(145deg,#10284b,#061a36);overflow:hidden}.card-label{font-weight:800;text-transform:uppercase;margin:0 0 12px;font-size:18px}.dashboard-number{display:block;color:var(--gold);font-size:56px;line-height:1}.player-dashboard-card>span{color:#c2ccda}.player-dashboard-card>small{display:block;margin-top:14px;color:var(--gold)}.dashboard-icon{position:absolute;right:28px;top:22px;font-size:78px;color:var(--gold);opacity:.8}.next-match-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);padding:0;margin-bottom:20px}.next-match-info{padding:24px}.dashboard-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:20px}.dashboard-versus span{display:grid;justify-items:center;gap:7px}.dashboard-versus img{width:86px;height:86px;object-fit:contain}.dashboard-versus>strong{font-size:30px;color:#aeb9ca}.match-signup-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #315173;padding-top:18px}.match-signup-summary small{display:block}.mini-pitch{position:relative;min-height:370px;background:repeating-linear-gradient(0deg,#24662a 0,#24662a 20%,#2d7131 20%,#2d7131 40%);border-left:1px solid #315173}.mini-pitch:after{content:'';position:absolute;inset:7%;border:2px solid #ffffff99}.mini-pitch i{position:absolute;z-index:1;width:34px;height:34px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:#082c5c;border:2px solid white;font-style:normal;font-weight:bold}.season-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:center}.season-stats span{display:grid;color:#c6d0df}.season-stats b{font-size:30px;color:white}.future-module strong{color:var(--gold);font-size:26px}.analysis-card{margin-bottom:20px}.analysis-card>div{display:flex;align-items:center;gap:20px}.analysis-play{width:70px;height:54px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:8px;color:var(--gold);font-size:25px}.player-quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.player-quick-links a{display:grid;gap:8px;padding:20px;background:#0b2445;border:1px solid #315173;border-radius:12px;text-decoration:none}.player-quick-links b{color:var(--gold);font-size:17px}.player-quick-links span{color:#c5cfdd}
@media(max-width:850px){.player-home-hero{margin:-36px -16px 20px;padding:35px 20px}.player-hero-crest{opacity:.4;position:absolute;right:-30px}.player-home-grid,.next-match-card{grid-template-columns:1fr}.mini-pitch{display:none}.player-quick-links{grid-template-columns:1fr 1fr}}@media(max-width:520px){.player-welcome>img{width:68px;height:68px}.player-welcome h1{font-size:38px}.season-stats{grid-template-columns:1fr 1fr}.player-quick-links{grid-template-columns:1fr}.match-signup-summary{align-items:stretch;flex-direction:column}}
.player-home-shell{width:min(100%,1080px);margin:0 auto}.player-home-shell .player-home-hero{min-height:170px;margin:0 0 16px;padding:26px 30px;border:1px solid #315173;border-radius:14px}.player-home-shell .player-welcome>img{width:70px;height:70px}.player-home-shell .player-welcome h1{font-size:clamp(30px,4vw,46px);margin:0}.player-home-shell .player-welcome>div>p:last-child{font-size:16px;margin:4px 0}.player-home-shell .player-hero-crest{width:145px;max-height:145px;object-fit:contain}.player-home-shell .player-home-grid{gap:14px;margin-bottom:14px}.player-home-shell .player-dashboard-card{padding:18px;border-radius:12px}.player-home-shell .card-label{font-size:15px;margin-bottom:7px}.player-home-shell .dashboard-number{display:inline-block;font-size:40px;margin-right:7px}.player-home-shell .dashboard-icon{right:20px;top:8px;font-size:58px}.player-home-shell .next-match-card{grid-template-columns:minmax(0,1.55fr) minmax(220px,.45fr);padding:0;margin-bottom:14px;max-height:330px}.player-home-shell .next-match-info{padding:18px}.player-home-shell .dashboard-versus img{width:58px;height:58px}.player-home-shell .dashboard-versus{gap:12px}.player-home-shell .dashboard-versus>strong{font-size:23px}.player-home-shell .mini-pitch{min-height:330px}.player-home-shell .mini-pitch i{width:28px;height:28px;font-size:12px}.player-home-shell .season-stats b{font-size:24px}.player-home-shell .analysis-card{margin-bottom:14px}.player-home-shell .player-quick-links{gap:12px}.player-home-shell .player-quick-links a{padding:14px}.player-home-shell .player-quick-links b{font-size:15px}
@media(max-width:850px){.player-home-shell .player-home-hero{margin:0 0 14px;padding:22px}.player-home-shell .next-match-card{grid-template-columns:1fr;max-height:none}.player-home-shell .mini-pitch{display:none}}@media(max-width:520px){.player-home-shell .player-hero-crest{width:100px;right:-20px}.player-home-shell .player-welcome h1{font-size:30px}.player-home-shell .player-welcome>img{width:58px;height:58px}}
.player-home-shell .next-match-card{grid-template-columns:minmax(0,1fr) 310px;max-height:none;align-items:stretch;overflow:visible}.home-pitch-wrap{width:310px;padding:12px 24px 14px;background:#071a35;border-left:1px solid #315173}.home-team-label{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:white;margin-bottom:6px}.home-team-label small{color:var(--gold)}.home-team-label.bottom{margin:6px 0 0}.home-signup-pitch{width:260px;height:347px;max-height:none;aspect-ratio:auto;overflow:visible}.home-signup-pitch .field-player{width:30px;height:30px;font-size:12px;border-width:2px}.home-signup-pitch .field-player small{top:31px;min-width:75px;font-size:8px}.home-signup-pitch .field-player.has-photo>img{width:100%;height:100%}.home-signup-pitch .slot-button:hover,.home-signup-pitch .slot-button:focus-visible{transform:translate(-50%,-50%) scale(1.12)}
@media(max-width:850px){.player-home-shell .next-match-card{grid-template-columns:1fr}.home-pitch-wrap{width:100%;border-left:0;border-top:1px solid #315173;display:grid;justify-content:center}.home-signup-pitch{width:260px}}
.stats-list-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:28px 0 14px}.stats-list-heading h2{margin:0}.stats-search{width:min(100%,390px)}.stats-player-list{border:1px solid #294568;border-radius:14px;overflow:hidden;background:#0c1d3a}.stats-player-row{position:relative;width:100%;display:grid;grid-template-columns:54px minmax(220px,1fr) repeat(3,90px) 80px;align-items:center;gap:14px;padding:14px 20px;border:0;border-top:1px solid #294568;border-radius:0;background:#102544;color:white;text-align:left}.stats-player-row:first-child{border-top:0}.stats-player-row:hover,.stats-player-row:focus-visible{background:#19375f;outline:2px solid var(--gold);outline-offset:-2px}.stats-player-row[hidden]{display:none}.stats-player-row>span{display:grid}.stats-player-row small{line-height:1.2}.stats-avatar{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#164c8f;color:var(--gold);font-weight:800}.stats-avatar>img{width:100%;height:100%;border-radius:50%;object-fit:cover}.injury-badge{position:absolute;right:-6px;bottom:-4px;width:21px;height:21px;border-radius:6px;display:grid;place-items:center;background:#dc3545;color:white;border:2px solid #061226;font-size:13px;font-style:normal;line-height:1}.stats-overall b{color:var(--gold);font-size:22px}.stats-dialog{width:min(94vw,760px)}.stats-dialog-player{display:flex;align-items:center;gap:16px}.stats-dialog-player h2{margin:0}.stats-dialog-player .eyebrow{margin:0}.stats-dialog fieldset{padding:15px}.rating-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 16px}.rating-grid label{margin:4px 0}.rating-grid.totals{grid-template-columns:1fr 1fr}.injury-check{display:flex;align-items:flex-start;gap:12px;padding:16px;margin-top:18px;border:1px solid #e44747;border-radius:9px;background:#3b1925}.injury-check span{display:grid}.injury-check small{color:#d8c2c8}.stats-dialog form>button[type=submit]{width:100%}
@media(max-width:750px){.stats-list-heading{align-items:stretch;flex-direction:column}.stats-search{width:100%}.stats-player-row{grid-template-columns:48px 1fr 55px;padding:12px}.stats-player-row>span:nth-child(4),.stats-player-row>span:nth-child(5),.stats-player-row>.credit-open{display:none}.rating-grid{grid-template-columns:1fr 1fr}}
.radar-card{display:grid;grid-template-rows:auto 1fr}.player-radar{width:min(100%,390px);margin:-8px auto -12px}.player-radar svg{display:block;width:100%;max-height:255px;overflow:visible}.radar-grid polygon,.radar-grid line{fill:rgba(255,196,0,.025);stroke:#56708f;stroke-width:1}.radar-shape{fill:rgba(255,196,0,.22);stroke:var(--gold);stroke-width:4;stroke-linejoin:round}.radar-labels text{fill:#d4dcea;font-size:12px;text-anchor:middle}.radar-labels text:nth-child(2),.radar-labels text:nth-child(3){text-anchor:end}.radar-labels text:nth-child(5),.radar-labels text:nth-child(6){text-anchor:start}.radar-overall{fill:white;font-size:26px;font-weight:800;text-anchor:middle}.player-injury-notice{display:flex;align-items:center;gap:9px;margin:0 0 12px;padding:8px 12px;border-radius:8px;background:#3b1925;color:#ffbdc1}.player-injury-notice i{width:24px;height:24px;display:grid;place-items:center;border-radius:5px;background:#dc3545;color:white;font-style:normal}
.radar-zones polygon{stroke:none}.radar-zones .zone-green{fill:rgba(42,181,92,.22)}.radar-zones .zone-orange{fill:rgba(245,146,35,.32)}.radar-zones .zone-red{fill:rgba(221,55,66,.38)}.radar-shape{fill:rgba(255,255,255,.12)}.radar-legend{display:flex;justify-content:center;gap:16px;margin-top:-8px;font-size:11px;color:#c9d3e1}.radar-legend span{display:flex;align-items:center;gap:5px}.radar-legend i{width:10px;height:10px;border-radius:3px}.legend-red{background:#dd3742}.legend-orange{background:#f59223}.legend-green{background:#2ab55c}.field-injury{position:absolute;z-index:5;right:-9px;top:-9px;width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#dc3545;color:#fff;border:2px solid #fff;font-size:12px;font-style:normal;line-height:1;box-shadow:0 2px 5px #001}.field-player.has-photo .field-injury{right:-9px;top:-9px}
.discipline-badge{position:absolute;left:-6px;bottom:-4px;width:20px;height:25px;display:grid;place-items:center;border:2px solid #061226;border-radius:3px;font-size:11px;font-style:normal;font-weight:900;line-height:1}.discipline-badge.yellow{background:#ffd229;color:#17233b}.discipline-badge.red{background:#dc3545;color:#fff}.discipline-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.discipline-check{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid;border-radius:9px}.discipline-check span{display:grid}.discipline-check small{color:#cbd3df}.discipline-check.yellow{border-color:#d5a916;background:#302913}.discipline-check.red{border-color:#e44747;background:#3b1925}@media(max-width:620px){.discipline-checks{grid-template-columns:1fr}}
.role-view-switcher{margin:0}.role-view-switcher label{display:flex;align-items:center;gap:7px;margin:0;color:inherit;font-size:12px}.role-view-switcher select{width:auto;min-width:120px;margin:0;padding:7px 28px 7px 9px;border:1px solid #49617f;border-radius:7px;background:#0b2346;color:inherit}.role-view-page{width:min(100%,1000px);margin:35px auto}.role-view-page h1{font-size:clamp(36px,6vw,64px);margin:4px 0}.role-view-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:30px}.role-view-grid form{margin:0}.role-view-grid button{width:100%;min-height:180px;display:grid;align-content:start;gap:10px;padding:24px;border:1px solid #355477;border-radius:14px;background:#102544;color:white;text-align:left;cursor:pointer}.role-view-grid button:hover,.role-view-grid button:focus-visible{border-color:var(--gold);transform:translateY(-2px)}.role-view-grid span{color:var(--gold);font-size:23px;font-weight:800}.role-view-grid small{color:#c5d0df;font-size:14px}.role-view-grid b{align-self:end;margin-top:15px}
.player-pitch-board{display:grid;grid-template-columns:minmax(280px,1fr) 138px;gap:10px;align-items:stretch}.player-pitch-board .football-pitch{width:100%}.player-bench{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;gap:9px;padding:9px 8px;border-radius:9px;background:#e9edf3;color:#5d6980}.player-bench>b{align-self:center;font-size:9px;letter-spacing:.08em}.bench-slot{position:relative;width:38px;height:38px;flex:none;display:grid;place-items:center;padding:0;border:3px solid #fff;border-radius:50%;background:#aeb6c2;color:#142038;font:800 13px Arial;box-shadow:0 3px 8px #0017}.bench-slot.slot-button:hover,.bench-slot.slot-button:focus-visible{transform:scale(1.12);outline:3px solid var(--gold)}.bench-slot.has-photo{background:#102b58}.bench-slot.has-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover}.bench-slot small{position:absolute;left:43px;top:50%;z-index:6;width:82px;transform:translateY(-50%);color:#13213c;font-size:9px;line-height:1.15;text-align:left;white-space:normal;overflow:hidden;text-overflow:ellipsis}.home-pitch-wrap{width:440px}.player-home-shell .next-match-card{grid-template-columns:minmax(0,1fr) 440px}.player-pitch-board.compact{grid-template-columns:260px 125px}.player-pitch-board.compact .player-bench{gap:5px;padding:5px}.player-pitch-board.compact .bench-slot{width:29px;height:29px;font-size:11px;border-width:2px}.player-pitch-board.compact .bench-slot small{display:block;left:33px;width:80px;font-size:8px}@media(max-width:850px){.player-home-shell .next-match-card{grid-template-columns:1fr}.home-pitch-wrap{width:100%}}@media(max-width:520px){.player-pitch-board{grid-template-columns:minmax(230px,1fr) 105px}.player-pitch-board.compact{grid-template-columns:220px 100px}.home-signup-pitch{width:220px}.bench-slot{width:31px;height:31px}.player-pitch-board.compact .bench-slot small{width:62px}}
.inbox-bell{position:relative;display:inline-grid!important;place-items:center;min-width:42px;min-height:42px;padding:7px!important;border:1px solid #49617f!important;border-radius:50%!important;text-decoration:none!important;font-size:19px}.inbox-bell b{position:absolute;right:-5px;top:-7px;min-width:21px;height:21px;display:grid;place-items:center;padding:0 4px;border-radius:12px;background:#e33c48;color:#fff;font-size:10px}.inbox-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.inbox-heading h1{margin:4px 0}.inbox-layout{min-height:620px;display:grid;grid-template-columns:340px minmax(0,1fr);overflow:hidden;border:1px solid #294568;border-radius:14px;background:#0b1d3b}.inbox-list{overflow:auto;border-right:1px solid #294568}.inbox-list>a{position:relative;display:grid;gap:5px;padding:17px 45px 17px 17px;border-bottom:1px solid #294568;color:#fff;text-decoration:none}.inbox-list>a:hover,.inbox-list>a.active{background:#17345c}.inbox-list>a>span{display:flex;align-items:center;gap:7px}.inbox-list em{padding:2px 5px;border-radius:4px;background:var(--gold);color:#07162e;font-size:8px;font-style:normal}.inbox-list small{overflow:hidden;color:#b9c8da;text-overflow:ellipsis;white-space:nowrap}.inbox-list time,.message-stream time{color:#8396ae;font-size:10px}.inbox-list strong{position:absolute;right:14px;top:17px;min-width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#e33c48}.inbox-empty{padding:20px}.inbox-conversation{display:flex;min-width:0;flex-direction:column}.inbox-conversation>header{padding:17px 22px;border-bottom:1px solid #294568}.inbox-conversation h2{margin:0}.conversation-empty{margin:auto;text-align:center;color:#aab9cb}.conversation-empty span{font-size:48px}.message-stream{flex:1;display:flex;flex-direction:column;gap:12px;overflow:auto;padding:22px}.message-stream article{max-width:75%;padding:12px 15px;border-radius:12px;background:#17345c}.message-stream article.mine{align-self:flex-end;background:#5a4608}.message-stream p{margin:5px 0;white-space:pre-wrap}.reply-box{display:grid;grid-template-columns:1fr auto;gap:8px;padding:16px;border-top:1px solid #294568}.reply-box label{grid-column:1/-1}.reply-box textarea{min-height:72px;margin:0}.reply-box button{align-self:stretch}.compose-dialog form:last-child{display:grid;gap:12px}.compose-dialog textarea{min-height:140px}.broadcast-check{display:flex;align-items:center;gap:9px}.broadcast-check input{width:auto}.compose-dialog select{width:100%}@media(max-width:760px){.inbox-layout{grid-template-columns:1fr}.inbox-list{max-height:260px;border-right:0;border-bottom:1px solid #294568}.inbox-conversation{min-height:500px}.inbox-heading{align-items:stretch;flex-direction:column}.reply-box{grid-template-columns:1fr}}
.inbox-bell-menu{position:relative}.inbox-bell-menu>summary{list-style:none;cursor:pointer}.inbox-bell-menu>summary::-webkit-details-marker{display:none}.bell-dropdown{position:absolute;right:0;top:calc(100% + 10px);z-index:1000;width:min(360px,90vw);overflow:hidden;border:1px solid #3c5879;border-radius:12px;background:#0a1d3b;color:#fff;box-shadow:0 18px 45px #0008}.bell-dropdown header{display:flex;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid #294568}.bell-dropdown header a,.bell-dropdown footer a{color:var(--gold);font-size:12px}.bell-dropdown>p{padding:24px 16px;text-align:center;color:#b8c5d5}.bell-dropdown>a{position:relative;display:grid;gap:4px;padding:13px 55px 13px 15px;border-bottom:1px solid #294568;color:#fff;text-decoration:none}.bell-dropdown>a:hover,.bell-dropdown>a.unread{background:#15345e}.bell-dropdown>a small{overflow:hidden;color:#b9c8da;text-overflow:ellipsis;white-space:nowrap}.bell-dropdown>a i{position:absolute;right:12px;top:15px;padding:3px 5px;border-radius:5px;background:#e33c48;font-size:8px;font-style:normal}.bell-dropdown footer{padding:11px;text-align:center}