:root{--bg-0: #070b16;--bg-1: #0d1426;--stroke: rgba(255, 255, 255, .14);--text: #eef2ff;--muted: #9aa6c4;--accent: #38e8b0;--gold: #ffd75e;--live: #ff5470;--shadow: 0 10px 40px rgba(0, 0, 0, .45)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(1200px 800px at 12% -5%,#15224a 0%,transparent 55%),radial-gradient(1100px 700px at 100% 0%,#3a1452 0%,transparent 50%),radial-gradient(900px 900px at 85% 110%,#0c3a4a 0%,transparent 55%),linear-gradient(160deg,var(--bg-1),var(--bg-0));background-attachment:fixed;min-height:100vh}.card{background:linear-gradient(180deg,#ffffff1a,#ffffff0b);border:1px solid var(--stroke);border-radius:18px;box-shadow:var(--shadow),inset 0 1px #ffffff14}.app{min-height:100vh}.topbar{position:sticky;z-index:30;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;margin:12px 14px 0;border-radius:20px;background:#0d1426db;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand .ball{font-size:30px;filter:drop-shadow(0 4px 10px rgba(255,215,94,.4))}.brand h1{font-size:17px;font-weight:800;letter-spacing:.2px;white-space:nowrap}.brand p{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.live-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:7px 12px;border-radius:999px;border:1px solid var(--stroke);color:var(--muted);background:#ffffff0d;cursor:pointer}.live-pill.ok{color:var(--accent);border-color:#38e8b066}.live-pill.error{color:#ff9aa2;border-color:#ff547066}.live-pill.has{color:#fff;background:#ff54702e;border-color:#ff54708c}.live-pill.paused{color:var(--gold);border-color:#ffd75e66}.pause-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--stroke);background:#ffffff0d;color:var(--text);cursor:pointer;font-size:13px}.tabs{display:flex;gap:6px}.tabs button{font-size:13px;font-weight:700;padding:8px 14px;border-radius:12px;border:1px solid transparent;background:#ffffff0d;color:var(--muted);cursor:pointer}.tabs button.on{color:#06281f;background:var(--accent)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--live);display:inline-block;box-shadow:0 0 #ff547099;animation:pulse 1.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #ff54708c}70%{box-shadow:0 0 0 7px #ff547000}to{box-shadow:0 0 #ff547000}}.stage{max-width:1280px;margin:0 auto;padding:18px 14px 48px}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.group-card{padding:14px;display:flex;flex-direction:column;gap:12px}.group-head{display:flex;align-items:center;justify-content:space-between}.group-badge{font-size:13px;font-weight:800;letter-spacing:.3px;padding:5px 11px;border-radius:10px;background:#6aa8ff29;color:#bcd4ff;border:1px solid rgba(106,168,255,.3)}.group-prog{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.group-prog.islive{color:#ffd0d8}.standings{list-style:none;display:flex;flex-direction:column;gap:2px}.standings li{display:grid;grid-template-columns:20px 24px 1fr 26px 34px 30px;align-items:center;gap:6px;padding:7px 6px;border-radius:9px;font-size:13.5px}.standings li:nth-child(2n):not(.standings-head){background:#ffffff08}.standings-head{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding-bottom:2px}.standings .pos{text-align:center;color:var(--muted);font-weight:700}.standings .flag{font-size:17px;text-align:center}.standings .tname{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standings .col{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}.standings .sg{color:var(--text)}.standings .pts{text-align:center;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}.standings li.qualified{background:#38e8b01a;box-shadow:inset 3px 0 0 var(--accent)}.standings li.qualified .pos{color:var(--accent)}.matches{list-style:none;display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--stroke);padding-top:10px}.matches li{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;font-size:12.5px;padding:4px 2px}.matches .m-team{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matches .m-away{text-align:right}.matches li.future .m-team{color:var(--muted)}.matches .m-live{display:inline-flex;align-items:center;gap:5px;font-weight:800;color:#ffd0d8;font-variant-numeric:tabular-nums}.list-view{display:flex;flex-direction:column;gap:14px}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.segment{display:flex;gap:4px;padding:4px;border-radius:12px;background:#ffffff0d;border:1px solid var(--stroke)}.segment button{font-size:12.5px;font-weight:700;padding:7px 13px;border-radius:9px;border:none;background:transparent;color:var(--muted);cursor:pointer}.segment button.on{background:var(--accent);color:#06281f}.group-select{font-size:12.5px;padding:8px 12px;border-radius:11px;border:1px solid var(--stroke);background:#ffffff0d;color:var(--text);cursor:pointer}.group-select option{background:var(--bg-1)}.day{display:flex;flex-direction:column;gap:8px}.day-head{font-size:13px;font-weight:800;color:var(--muted);text-transform:capitalize;letter-spacing:.3px;display:flex;align-items:center;gap:8px}.live-section .day-head{color:#ffd0d8;text-transform:uppercase}.today-tag{font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:#38e8b02e;color:var(--accent)}.fixtures{display:flex;flex-direction:column;gap:8px}.fixture{display:grid;grid-template-columns:64px 1fr auto 1fr 78px;align-items:center;gap:10px;padding:10px 14px}.fixture.done{opacity:.82}.fixture.islive{border-color:#ff547080;background:linear-gradient(180deg,#ff54701a,#ffffff0a)}.fx-time{font-size:11.5px;font-weight:700;color:var(--muted);display:inline-flex;align-items:center;gap:5px}.fixture.islive .fx-time{color:#ffd0d8}.fx-home,.fx-away{display:flex;align-items:center;gap:8px;min-width:0}.fx-home{justify-content:flex-end}.fx-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-flag{font-size:20px}.fx-group{font-size:11px;color:var(--muted);text-align:right;white-space:nowrap}.empty{color:var(--muted);text-align:center;padding:40px 0}.score{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:16px;font-variant-numeric:tabular-nums}.score i{color:var(--muted);font-style:normal}.score b{min-width:16px;text-align:center}.score b.win{color:var(--accent)}.score.live b{color:#ffd0d8}.score--pending{color:var(--muted);font-size:12px;letter-spacing:1px}@media (max-width: 560px){.brand h1{font-size:15px}.brand p{display:none}.topbar{flex-direction:column;align-items:stretch;gap:10px}.bar-right{justify-content:space-between}.fixture{grid-template-columns:54px 1fr auto 1fr}.fx-group{display:none}.fx-name{font-size:13px}.groups-grid{grid-template-columns:1fr}}