:root{background:#050908;color:#eff8f4;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% 0,#15372b 0,#07110f 38%,#050908)}button{font:inherit;cursor:pointer;color:inherit}.app{max-width:1380px;margin:0 auto;padding:18px}.topbar{display:flex;align-items:center;gap:16px;margin-bottom:22px}.brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:.04em}nav{display:flex;gap:8px;margin-left:auto}nav button{border:1px solid #27483f;background:#0b1512;border-radius:999px;padding:10px 14px;text-transform:capitalize;font-weight:850}nav button.active{background:#f7c948;color:#151109;border-color:#f7c948}.hero{min-height:520px;display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch}.hero>div,.podiumCard,.matchCard,.teamPanel,.teamCard{background:linear-gradient(180deg,#13231ef5,#09120ff5);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 18px 44px #00000040}.hero>div:first-child{padding:38px;display:grid;align-content:center}.eyebrow{color:#f7c948;font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}h1{font-size:clamp(42px,6vw,82px);line-height:.95;letter-spacing:0;margin:12px 0 16px}h2{margin:0;font-size:30px}.lead,.muted,.sectionHead span,.teamTitle p{color:#9fb8af}.heroStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.heroStats span{display:flex;align-items:center;gap:8px;background:#0b1512;border:1px solid #27483f;border-radius:14px;padding:13px;font-weight:850}.podium{display:grid;gap:12px;padding:18px}.podiumCard{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:18px;text-align:left}.rank{width:34px;height:34px;border-radius:50%;background:#f7c948;color:#151109;display:grid;place-items:center;font-weight:950}.flag{width:38px;height:26px;object-fit:cover;border-radius:5px}.bigFlag{width:64px;height:42px;object-fit:cover;border-radius:8px}.flagFallback{width:38px;height:26px;border-radius:5px;display:grid;place-items:center;background:#243a33;font-size:10px}.sectionHead{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.stageTabs{display:flex;gap:8px;overflow:auto;padding-bottom:12px;margin-bottom:8px}.stageTabs button{flex:0 0 auto;border:1px solid #27483f;background:#0b1512;border-radius:999px;padding:10px 13px;font-weight:850}.stageTabs button.active{background:#37d47f;color:#07110f;border-color:#37d47f}.matchGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px}.matchCard{padding:14px}.matchCard small{color:#9fb8af}.versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:12px 0}.versus span{display:flex;align-items:center;gap:8px;min-width:0}.winnerLine{margin:8px 0 10px;color:#dcece6}.winnerLine strong{color:#f7c948}.odds{display:grid;gap:7px}.odds span{display:flex;justify-content:space-between;gap:10px;background:#0b1512;border:1px solid #223d35;border-radius:10px;padding:9px 10px;color:#9fb8af}.odds b{color:#eff8f4}.probRow{height:7px;background:#263a33;border-radius:999px;overflow:hidden}.probRow i{display:block;height:100%;background:linear-gradient(90deg,#37d47f,#f7c948)}.teamLayout,.lineupPage{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:start}.teamGrid{display:grid;gap:9px;max-height:760px;overflow:auto;padding-right:5px}.teamGrid.compact{max-height:700px}.teamCard{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;text-align:left;border-radius:14px}.teamCard.selected{border-color:#f7c948}.teamPanel{padding:18px}.teamTitle{display:flex;align-items:center;gap:14px;margin-bottom:16px}.rings{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.ringWrap{text-align:center;color:#9fb8af;font-size:11px}.ring{--p: 50;width:72px;height:72px;margin:0 auto 5px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#37d47f calc(var(--p) * 1%),#253730 0);position:relative}.ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#0a1411}.ring b{position:relative;z-index:1;color:#eff8f4}.radarChart{display:grid;grid-template-columns:minmax(260px,420px) minmax(220px,1fr);align-items:center;gap:18px;background:#0b1512;border:1px solid #27483f;border-radius:18px;padding:18px}.radarChart svg{width:100%;max-width:420px;margin:0 auto;overflow:visible}.radarChart line{stroke:#ffffff2e;stroke-width:1.4}.radarGrid{fill:none;stroke:#ffffff24;stroke-width:1.3}.radarFill{fill:#37d47f57}.radarStroke{fill:none;stroke:#f7c948;stroke-width:3}.radarChart text{fill:#cfe3db;font-size:12px;font-weight:850;text-anchor:middle;dominant-baseline:middle}.radarChart h3{margin:0 0 8px;font-size:26px}.radarChart p{margin:0;color:#9fb8af;line-height:1.55}.pitch{height:650px;border-radius:20px;background:linear-gradient(90deg,#145233,#1d7449);border:2px solid rgba(255,255,255,.45);position:relative;overflow:hidden}.pitch:before{content:"";position:absolute;inset:20px;border:2px solid rgba(255,255,255,.34);border-radius:14px}.pitch:after{content:"";position:absolute;left:50%;top:50%;width:140px;height:140px;border:2px solid rgba(255,255,255,.32);border-radius:50%;transform:translate(-50%,-50%)}.half{position:absolute;left:20px;right:20px;top:50%;border-top:2px solid rgba(255,255,255,.3)}.box{position:absolute;left:28%;right:28%;height:86px;border:2px solid rgba(255,255,255,.26)}.box.top{top:20px;border-top:0}.box.bottom{bottom:20px;border-bottom:0}.pitchPlayer{position:absolute;transform:translate(-50%,-50%);text-align:center;width:102px;z-index:2}.disc{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:#f7c948;color:#151109;font-weight:950;box-shadow:0 10px 20px #00000052}.pitchPlayer strong{display:block;margin-top:4px;font-size:10px;line-height:1.05;text-shadow:0 2px 8px #000;overflow-wrap:anywhere}.pitchPlayer span{display:block;font-size:9px;color:#e4f3ed}.empty{padding:20px;color:#9fb8af}@media(max-width:900px){.hero,.teamLayout,.lineupPage{grid-template-columns:1fr}.heroStats,.rings{grid-template-columns:repeat(2,1fr)}.radarChart{grid-template-columns:1fr}nav{overflow:auto}.pitch{height:540px}}