:root{--bg:#0d0f12;--bg-2:#14171c;--panel:#171b21;--line:#262b33;--text:#e8eaed;--muted:#9aa3ad;--gold:#e9b949;--win:#2ea043;--loss:#d0463b;--draw:#b7842b}*{box-sizing:border-box}#root,body,html{height:100%;margin:0}body{background:radial-gradient(1200px 800px at 50% 45%,#1b1710 0,var(--bg) 60%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{display:flex;flex-direction:column;min-height:100%}.app-head{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:10px 20px 0}.app-head h1{font-size:18px;font-weight:600;letter-spacing:.2px;margin:0}.accent{color:var(--gold)}.badge{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.badge.live{color:#0d0f12;background:var(--win);border-color:transparent}.badge.mock{color:var(--gold);border-color:var(--gold)}.app-error,.app-foot{padding:12px 24px;color:var(--muted);font-size:13px}.credit{font-size:12px;color:var(--muted);text-decoration:none;padding:5px 12px;border:1px solid var(--line);border-radius:999px;transition:color .15s ease,border-color .15s ease}.credit strong{color:var(--text);font-weight:600}.credit:hover,.credit:hover strong{color:var(--gold)}.credit:hover{border-color:var(--gold)}.app-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:12px}.app-foot,.escapp{align-items:center}.escapp{display:inline-flex;gap:12px;text-decoration:none;color:var(--text);padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(233,185,73,.07),transparent);transition:border-color .15s ease,transform .15s ease}.escapp:hover{border-color:var(--gold);transform:translateY(-1px)}.escapp-logo{width:34px;height:34px;border-radius:8px;flex:none}.escapp span{display:flex;flex-direction:column;line-height:1.25;font-size:13px}.escapp strong{font-weight:700}.escapp em{font-style:normal;font-size:11px;color:var(--muted)}.escapp:hover em{color:var(--gold)}.foot-meta{font-size:12px;color:var(--muted)}.dashboard{width:100%;max-width:1080px;margin:0 auto;padding:6px 16px 40px}.dashboard .next-match{max-width:860px;margin:0 auto 22px}.dash-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px;align-items:start}.dash-col{min-width:0}.dashboard .schedule-block,.dashboard .stats{max-width:none;margin:0 0 18px;padding:0}@media (max-width:860px){.dash-cols{grid-template-columns:1fr}}.stats{width:100%}.stat-chips{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-bottom:22px}.chip{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:12px 10px;text-align:center}.chip-value{font-size:22px;font-weight:800}.chip-label{font-size:11px;color:var(--muted);margin-top:3px}.scorers{margin-bottom:26px}.scorer-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow-y:auto;max-height:420px}.scorer{display:grid;grid-template-columns:28px 26px 1fr auto auto;align-items:center;grid-gap:10px;gap:10px;padding:9px 14px;border-bottom:1px solid rgba(38,43,51,.5)}.scorer:last-child{border-bottom:none}.scorer.top{background:rgba(233,185,73,.05)}.scorer-rank{font-weight:800;color:var(--muted);text-align:center}.scorer.top .scorer-rank{color:var(--gold)}.scorer-flag{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}.scorer-name{display:flex;flex-direction:column;min-width:0}.scorer-name>.scorer-team{font-size:11px;color:var(--muted)}.scorer-meta{display:flex;gap:6px}.scorer-meta em{font-style:normal;font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:2px 5px}.scorer-goals{font-weight:800;font-size:16px;display:inline-flex;align-items:center;gap:3px}.scorer-goals span{font-size:12px}@media (max-width:560px){.stat-chips{grid-template-columns:repeat(2,1fr)}.scorer-meta{display:none}.scorer{grid-template-columns:24px 24px 1fr auto}}.schedule{max-width:760px;width:100%;margin:0 auto;padding:8px 16px 32px}.schedule-block{margin-bottom:22px}.schedule-list.muted{opacity:.82}.next-match{border:1px solid var(--line);border-radius:16px;padding:18px 20px 14px;background:linear-gradient(180deg,rgba(233,185,73,.08),rgba(20,23,28,.6));box-shadow:0 10px 30px rgba(0,0,0,.35);margin-bottom:22px}.next-match.live{border-color:rgba(208,70,59,.6);background:linear-gradient(180deg,rgba(208,70,59,.12),rgba(20,23,28,.6))}.next-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.next-tag{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--gold)}.next-match.live .next-tag{color:#ff6b5e}.next-round{font-size:12px;color:var(--muted)}.next-teams{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:10px}.next-team,.next-teams{align-items:center;gap:10px}.next-team{display:flex;background:none;border:none;color:var(--text);cursor:pointer;font-size:16px;font-weight:600;min-width:0}.next-team:first-child{justify-content:flex-end;text-align:right}.next-team img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--line);flex:none}.next-mid{text-align:center;min-width:128px}.next-count{display:inline-flex;gap:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cd-unit{font-size:12px;color:var(--muted)}.cd-unit b{display:block;font-size:22px;color:var(--text);line-height:1}.next-score{font-size:30px;font-weight:800;letter-spacing:2px}.next-score span{margin:0 6px;color:var(--muted)}.next-kick{font-size:12px;color:var(--muted);margin-top:6px;text-transform:capitalize}.next-bar{height:5px;border-radius:999px;background:hsla(0,0%,100%,.06);margin-top:14px;overflow:hidden}.next-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#c8912a,var(--gold));transition:width 1s linear}.next-bar-fill.live{background:linear-gradient(90deg,#d0463b,#ff6b5e)}.schedule-title{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:0 0 10px}.schedule-list{max-height:440px;overflow-y:auto;border:1px solid var(--line);border-radius:12px}.sched-day-head{position:-webkit-sticky;position:sticky;top:0;background:var(--bg-2);padding:8px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-bottom:1px solid var(--line);text-transform:capitalize}.sched-row{display:grid;grid-template-columns:52px 1fr 56px 1fr 74px;align-items:center;grid-gap:8px;gap:8px;padding:8px 14px;border-bottom:1px solid rgba(38,43,51,.5)}.sched-row:last-child{border-bottom:none}.sched-row.hot{background:rgba(233,185,73,.06)}.sched-row.live{background:rgba(208,70,59,.08)}.sched-time{font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted)}.sched-team{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text);cursor:pointer;font-size:14px;min-width:0}.sched-team.home{justify-content:flex-end;text-align:right}.sched-team img{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid var(--line);flex:none}.sched-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sched-score{text-align:center;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sched-score.live{color:#ff6b5e}.sched-round{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);text-align:right}.sched-row.live .sched-round{color:#ff6b5e;font-weight:700}@media (max-width:560px){.sched-round{display:none}.sched-row{grid-template-columns:46px 1fr 52px 1fr}}.app-error{color:var(--loss)}.stage{position:relative;display:grid;place-items:center;padding:12px}.radial{position:relative;width:min(78vh,92vw,820px);aspect-ratio:1/1}@media (max-width:640px){.stage{overflow:auto;place-items:start;-webkit-overflow-scrolling:touch;scrollbar-width:none}.stage::-webkit-scrollbar{display:none}.radial{width:560px;margin:auto}.mobile-hint{display:block}}.mobile-hint{display:none;text-align:center;font-size:11px;color:var(--muted);padding:2px 16px 8px}.radial-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.guide-ring{stroke:rgba(160,168,180,.07);stroke-width:1px}.bracket-line,.guide-ring{fill:none;vector-effect:non-scaling-stroke}.bracket-line{stroke:rgba(160,168,180,.22);stroke-width:.35;stroke-linejoin:round;stroke-linecap:round;transition:stroke .15s ease,stroke-width .15s ease}.round-label{position:absolute;transform:translate(-50%,-50%);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);background:rgba(13,15,18,.82);padding:2px 8px;border-radius:999px;border:1px solid var(--line);pointer-events:none;z-index:3}.radial-lines .bracket-line{stroke-width:1.2px}.bracket-line.hot{stroke:var(--gold);stroke-width:2px;filter:drop-shadow(0 0 4px rgba(233,185,73,.6))}.score-pill{position:absolute;transform:translate(-50%,-50%);font-size:11px;font-weight:700;line-height:1;padding:3px 7px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);color:var(--muted);white-space:nowrap;pointer-events:none;z-index:6;display:inline-flex;align-items:center;gap:4px;box-shadow:0 2px 6px rgba(0,0,0,.55)}.score-pill.done{color:var(--text);border-color:#33404d}.score-pill.live{color:#fff;background:#3a1414;border-color:var(--loss)}.score-pill.hot{border-color:var(--gold);color:var(--gold)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--loss);animation:pulse 1.1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.radial-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center}.trophy{width:160px;height:auto;filter:drop-shadow(0 0 24px rgba(233,185,73,.55));position:relative;z-index:2}.trophy-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(233,185,73,.25) 0,transparent 65%);z-index:1}.team-node{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;grid-gap:4px;gap:4px;background:none;border:none;cursor:pointer;padding:0;color:var(--text);z-index:4}.team-node.empty{cursor:default;z-index:2}.flag-badge{border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--bg-2);border:2px solid var(--line);box-shadow:0 4px 14px rgba(0,0,0,.4);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.team-node.empty .flag-badge{background:hsla(0,0%,100%,.02);border-style:dashed;box-shadow:none}.team-node.eliminated .flag-badge{filter:grayscale(1) brightness(.45);opacity:.5;border-color:#232a31;box-shadow:none}.team-node.eliminated .team-node-label{color:#5a626b;text-decoration:line-through}.team-node.eliminated:hover .flag-badge{filter:grayscale(.4) brightness(.8);opacity:.85}.flag-badge img{width:100%;height:100%;object-fit:cover}.flag-fallback{font-size:12px;font-weight:700;color:var(--muted)}.team-node:hover .flag-badge{transform:scale(1.12);border-color:var(--gold)}.team-node.selected .flag-badge{border-color:var(--gold);box-shadow:0 0 0 3px rgba(233,185,73,.35),0 4px 14px rgba(0,0,0,.4)}.team-node-label{font-size:10px;color:var(--muted);max-width:76px;text-align:center;line-height:1.15;opacity:0;transition:opacity .14s ease}.team-node.selected .team-node-label,.team-node:hover .team-node-label{opacity:1}.panel{position:fixed;top:0;right:0;height:100%;width:min(380px,92vw);background:var(--panel);border-left:1px solid var(--line);padding:20px;overflow-y:auto;box-shadow:-20px 0 40px rgba(0,0,0,.4);animation:slidein .18s ease;z-index:100}@keyframes slidein{0%{transform:translateX(20px);opacity:0}}.panel-close{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--muted);font-size:26px;line-height:1;cursor:pointer}.panel-error,.panel-loading{color:var(--muted);padding-top:40px}.panel-error{color:var(--loss)}.panel-head{display:flex;gap:14px;align-items:center;margin:8px 0 20px}.panel-flag{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--line)}.panel-head h2{margin:0;font-size:20px}.panel-sub{font-size:12px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;gap:8px;margin-bottom:22px}.stat{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:10px 4px;text-align:center}.stat-value{font-size:18px;font-weight:700}.stat-label{font-size:10px;color:var(--muted);margin-top:2px}.panel-h3{font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:0 0 10px}.fixtures{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.fixture{border:1px solid var(--line);border-left-width:3px;border-radius:8px;padding:8px 12px;background:var(--bg-2)}.fixture.w{border-left-color:var(--win)}.fixture.l{border-left-color:var(--loss)}.fixture.d{border-left-color:var(--draw)}.fx-round{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.fx-main{display:flex;justify-content:space-between;align-items:baseline;margin-top:2px}.fx-opp{font-size:14px}.fx-score{font-weight:700;font-size:15px}.fx-date{font-size:11px;color:var(--muted)}