:root{--bg:#07120d;--panel:#102118;--panel2:#163124;--panel3:#1a3929;--line:#335643;--green:#baf36d;--green2:#d7ff93;--text:#f4fbef;--muted:#adc0b0;--red:#ff9a8d;--amber:#ffd98f;--shadow:0 20px 50px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:linear-gradient(180deg,rgba(3,12,8,.92),rgba(7,18,13,.98)),repeating-linear-gradient(90deg,rgba(41,91,58,.18) 0 90px,rgba(18,49,33,.18) 90px 180px),radial-gradient(circle at 50% -10%,rgba(196,255,160,.2),transparent 28%),radial-gradient(circle at 50% 0%,rgba(92,150,106,.28),transparent 40%),#07120d;min-height:100vh;background-attachment:fixed}
body::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.08),transparent 16%),radial-gradient(circle at 90% 8%,rgba(255,255,255,.08),transparent 16%),radial-gradient(circle at 50% 40%,rgba(255,255,255,.05),transparent 24%);pointer-events:none;z-index:0}
.stadium-glow{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(173,255,194,.05),transparent 12%,transparent 86%,rgba(173,255,194,.04));z-index:0}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.wrap{max-width:1260px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.header{background:rgba(7,18,13,.82);border-bottom:1px solid rgba(97,154,114,.22);position:sticky;top:0;z-index:5;backdrop-filter:blur(18px)}.top{min-height:86px;display:flex;align-items:center;gap:20px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:950;font-size:24px;letter-spacing:-1.25px;white-space:nowrap}.brand strong{color:var(--green)}.brand small{display:block;font-size:9px;color:#8da68c;letter-spacing:3px}.ball{font-size:28px;background:linear-gradient(135deg,#e8ffd0,var(--green));color:#173520;border-radius:14px;padding:8px;box-shadow:0 10px 22px rgba(167,255,117,.25)}nav{display:flex;gap:6px;flex-wrap:wrap}nav button,.ghost{background:transparent;border:0;border-radius:12px;color:var(--muted);font-weight:800;padding:12px 13px}.ghost{border:1px solid rgba(111,163,124,.25)}nav button.active,nav button:hover,.ghost:hover{background:#284531;color:var(--green)}.button{background:linear-gradient(135deg,var(--green2),var(--green));color:#102014;padding:12px 18px;border-radius:12px;border:1px solid rgba(221,255,172,.55);font-weight:900;box-shadow:0 8px 24px rgba(189,243,109,.18)}.button.alt{color:var(--green);background:#1f3b2a;border-color:#466948;box-shadow:none}.button.red{color:#fff0ee;background:#6a322d;border-color:#99544d;box-shadow:none}.pagehead{margin:42px 0 24px}.eyebrow{color:var(--green);letter-spacing:2.3px;text-transform:uppercase;font-weight:900;font-size:11px}.pagehead h1{font-size:clamp(32px,5vw,56px);letter-spacing:-2.5px;line-height:1.03;margin:10px 0}.pagehead p,p,.muted{color:var(--muted);line-height:1.6}.grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.grid.equal{grid-template-columns:1fr 1fr}.card{background:linear-gradient(160deg,rgba(24,49,36,.95),rgba(11,27,19,.96));border:1px solid rgba(102,161,117,.2);box-shadow:var(--shadow);border-radius:22px;padding:24px;overflow:hidden;position:relative}.card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 30%);pointer-events:none}.hero{min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,rgba(9,24,15,.35),rgba(8,24,16,.94)),radial-gradient(circle at 50% 15%,rgba(206,255,186,.16),transparent 28%),repeating-linear-gradient(90deg,rgba(53,105,69,.24) 0 60px,rgba(26,64,42,.24) 60px 120px)}.hero h2{font-size:clamp(34px,6vw,68px);line-height:1.02;letter-spacing:-3px;margin:10px 0 12px}.hero p{max-width:540px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0 24px}.stat{background:rgba(10,27,18,.8);border:1px solid rgba(110,162,122,.17);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.stat small{display:block;color:#9ab29d;font-size:12px;text-transform:uppercase;letter-spacing:1.2px}.stat b{display:block;margin-top:6px;font-size:34px;letter-spacing:-1px}.line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid rgba(104,150,114,.18)}.line:last-child{border-bottom:0}.fixture{padding:16px 18px;border:1px solid rgba(98,151,112,.18);border-radius:18px;background:rgba(9,24,16,.55);margin-top:12px}.fixture-top{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;font-weight:800}.fixture-top .right{text-align:right}.kick{font-size:12px;color:#bfd5c0;font-weight:700}.teamchoices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.teamchoices button{padding:13px;border-radius:12px;background:#1a3526;color:#eaf7e6;border:1px solid #406649;font-weight:800}.teamchoices button.selected{background:#baf36d;color:#102014;border-color:#dfffaa}.notice,.tag{border-radius:14px;padding:12px 14px;border:1px solid rgba(120,168,126,.2);background:rgba(16,35,24,.72);display:inline-flex;align-items:center;gap:8px}.notice{display:block;margin:12px 0}.tag{padding:7px 10px;font-size:12px;font-weight:800}.tag.warn,.notice.warn{background:rgba(72,58,23,.62);border-color:rgba(182,143,58,.32);color:#ffe5ac}.tag.bad{background:rgba(89,38,36,.62);border-color:rgba(171,84,74,.32);color:#ffd9d5}.section{margin-top:20px}.field{margin-top:14px}.field label{display:block;margin-bottom:8px;font-weight:800}.field input,.field select,.field textarea{width:100%;padding:12px 13px;background:#0f2017;color:var(--text);border:1px solid #355641;border-radius:12px}.field input[type=file]{padding:10px;background:#112318}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.player{display:flex;align-items:center;gap:12px}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#31543d,#173020);display:flex;align-items:center;justify-content:center;object-fit:cover;font-weight:900;color:#edfae4;border:2px solid rgba(191,243,157,.18)}.avatar.large{width:72px;height:72px;font-size:24px}.accountcard{display:flex;align-items:center;gap:10px;background:rgba(9,24,16,.7);padding:8px 10px;border:1px solid rgba(102,160,115,.2);border-radius:14px}.tablewrap{overflow:auto;background:rgba(10,27,18,.75);border-radius:18px;border:1px solid rgba(94,148,108,.18)}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:14px 12px;border-bottom:1px solid rgba(96,143,106,.16);text-align:left}thead th{font-size:12px;color:#a9bfaa;text-transform:uppercase;letter-spacing:1px;background:rgba(7,18,12,.92);position:sticky;top:0}td.win{color:#dfffb6}td.lost{color:#ffb0a8}td.void{color:#d9e5d9}.lives{font-weight:900;letter-spacing:2px;color:#ffaea0}.footer{padding:34px 24px 48px;color:#95ac97}.toast{position:fixed;right:18px;bottom:18px;background:#0d1d14;border:1px solid rgba(111,162,121,.3);box-shadow:var(--shadow);padding:14px 16px;border-radius:14px;display:none;z-index:20}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.pillbar{display:flex;gap:9px;flex-wrap:wrap}.pill{background:#2a4531;color:#c4e1c2;border:1px solid #436849;padding:8px 11px;border-radius:999px;font-size:12px}.break{overflow-wrap:anywhere}.cta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.subcard{background:rgba(9,23,16,.58);border:1px solid rgba(103,158,116,.18);border-radius:18px;padding:18px}.subcard h3{margin-top:0}.profile-shell{display:grid;grid-template-columns:320px 1fr;gap:20px}.profile-preview{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.countdown{font-size:14px;color:#d8edd4}.small{font-size:12px}.hide{display:none!important}
@media(max-width:1000px){.grid,.grid.equal,.profile-shell,.cta-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.top{flex-wrap:wrap;padding-top:13px;padding-bottom:13px}nav{order:3;overflow:auto;width:100%;flex-wrap:nowrap}nav button{white-space:nowrap}.wrap{padding-left:16px;padding-right:16px}}
@media(max-width:480px){.card{padding:18px}.hero h2{font-size:34px}.formgrid{grid-template-columns:1fr}.stat b{font-size:26px}.brand{font-size:19px}.stats{grid-template-columns:1fr 1fr}}

/* Immersive stadium backdrop, fixed across every page */
body{background:#07120d url('/stadium.svg') center center / cover no-repeat fixed!important}
body::before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(4,14,12,.62),rgba(3,16,10,.69) 46%,rgba(3,14,9,.86));pointer-events:none;z-index:0}
.stadium-glow{background:radial-gradient(ellipse at 50% 9%,rgba(214,255,225,.13),transparent 50%)}
.card,.stat,.tablewrap,.subcard{backdrop-filter:blur(10px)}
@media(max-width:700px){body{background-attachment:scroll!important;background-position:center top!important}}

/* Bright photographic stadium backdrop, inspired by the approved reference */
body{background:#091525 url('https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=2000&q=85') center center / cover no-repeat fixed!important}
body::before{background:linear-gradient(180deg,rgba(3,12,25,.34),rgba(3,13,21,.56) 42%,rgba(3,16,12,.72))!important}
.card,.stat,.subcard,.tablewrap{background-color:rgba(8,25,19,.78);backdrop-filter:blur(12px)}
@media(max-width:700px){body{background-attachment:scroll!important}}

/* Champions gallery */
.hof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px;margin:8px 0 40px}.hof-card{border-color:rgba(216,187,87,.45);background:linear-gradient(155deg,rgba(30,45,30,.96),rgba(10,27,18,.92));min-height:350px}.hof-header{display:flex;justify-content:space-between;align-items:center}.hof-header .eyebrow{color:#ffdd91}.hof-medal{font-size:32px}.hof-photos{display:flex;margin:22px 0 16px;gap:10px;min-height:78px}.hof-photos .avatar{border:3px solid #f4ce78;box-shadow:0 0 28px rgba(241,207,108,.2)}.hof-trophy{font-size:62px;line-height:1.2}.hof-card h2{font-size:clamp(23px,3vw,35px);margin:0;letter-spacing:-1px}.hof-sub{color:#e4c780;margin:7px 0 18px}.hof-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.hof-metrics>div{background:rgba(6,17,11,.6);padding:12px;border-radius:12px}.hof-metrics small{display:block;color:#a8bbaa}.hof-metrics strong{display:block;color:#fff3c5;font-size:24px;margin-top:4px}.hof-empty{text-align:center;max-width:720px;margin:35px auto;padding:50px 30px}.hof-empty p{max-width:490px;margin:16px auto 25px}

.deadline-notice{display:block;padding:18px 22px;border:1px solid rgba(221,245,172,.4);background:linear-gradient(135deg,rgba(25,62,40,.94),rgba(8,26,19,.96));box-shadow:0 12px 30px rgba(0,0,0,.2);border-radius:18px;margin-bottom:18px}.deadline-notice strong{display:block;color:#dcffa6;font-size:16px;margin-bottom:5px}.deadline-countdown{font-weight:850;color:#fff;font-size:21px;margin-top:8px;font-variant-numeric:tabular-nums}

.club-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;margin-right:5px;border-radius:6px;background:linear-gradient(145deg,#d9f4e3,#6faf8d);color:#0b281a;font-weight:950;letter-spacing:.4px;font-size:10px;box-shadow:0 2px 8px #0003;vertical-align:middle}.fixture-top>span{display:flex;align-items:center;gap:4px}.fixture-top .right{justify-content:flex-end}.teamchoices button .club-badge{margin-right:5px}.actions [data-filter]{font-size:12px}

.club-crest{width:29px;height:29px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 3px #0008)}.teamchoices .club-crest{width:25px;height:25px;margin-right:4px}