:root{--bg-0: #070b16;--bg-1: #0d1426;--glass: rgba(255, 255, 255, .07);--glass-strong: rgba(255, 255, 255, .12);--stroke: rgba(255, 255, 255, .14);--text: #eef2ff;--muted: #9aa6c4;--accent: #38e8b0;--accent-2: #6aa8ff;--gold: #ffd75e;--pink: #ff6ad5;--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{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;overflow:hidden}.card{background:linear-gradient(180deg,#ffffff1a,#ffffff0b);border:1px solid var(--stroke);border-radius:18px;box-shadow:var(--shadow),inset 0 1px #ffffff14}.topbar{background:#0d1426d1}.app{position:fixed;top:0;right:0;bottom:0;left:0}.topbar{position:fixed;z-index:30;top:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-radius:20px}.brand{display:flex;align-items:center;gap:14px}.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}.brand p{font-size:12px;color:var(--muted);margin-top:2px}.bar-right{display:flex;align-items:center;gap:12px}.live-pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--muted);padding:7px 13px;border-radius:999px;background:#ffffff0d;border:1px solid var(--stroke);white-space:nowrap}.live-pill{cursor:pointer;font-family:inherit}.live-pill.has{color:#fff;border-color:#ff5a5a80;background:#ff3c3c24}.live-pill.paused{color:var(--gold);border-color:#ffd75e66}.pause-btn{width:34px;height:34px;border-radius:10px;flex:none;font-size:13px;color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid var(--stroke)}.pause-btn:hover{background:#ffffff24}.live-dot{width:9px;height:9px;border-radius:50%;flex:none;background:#ff3b3b;box-shadow:0 0 #ff3b3bb3;animation:pulse 1.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #ff3b3bb3}70%{box-shadow:0 0 0 8px #ff3b3b00}to{box-shadow:0 0 #ff3b3b00}}.score.live b{color:#ff5a5a}.fixture.islive{border-color:#ff5a5a8c;box-shadow:0 0 0 1px #ff5a5a59,var(--shadow)}.live-section .day-head{color:#ff6b6b}.matches li.islive{background:#ff5a5a1a;border-radius:8px}.m-live{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:12px;color:#ff6b6b}.tabs{display:flex;gap:8px}.tabs button{font:inherit;font-weight:700;font-size:13px;color:var(--muted);padding:9px 16px;border-radius:999px;cursor:pointer;background:#ffffff0d;border:1px solid var(--stroke);transition:all .15s ease}.tabs button.on{color:#07101f;background:linear-gradient(120deg,var(--accent-2),var(--pink));border-color:transparent}.tabs button:not(.on):hover{color:var(--text);background:#ffffff1f}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.stage--jogos{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:104px 16px 48px}.list-view{max-width:760px;margin:0 auto}.filters{position:sticky;top:0;z-index:5;display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:6px 0 14px}.segment{display:inline-flex;gap:4px;padding:4px;background:#ffffff0f;border:1px solid var(--stroke);border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.segment button{font:inherit;font-weight:700;font-size:13px;color:var(--muted);padding:8px 14px;border-radius:9px;cursor:pointer;background:transparent;border:0}.segment button.on{color:#07101f;background:var(--accent)}.group-select{font:inherit;font-weight:600;font-size:13px;color:var(--text);padding:9px 12px;border-radius:11px;cursor:pointer;background:#ffffff0f;border:1px solid var(--stroke)}.group-select option{background:#0d1426;color:var(--text)}.empty{text-align:center;color:var(--muted);padding:40px 0}.day{margin-bottom:22px}.day-head{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--accent-2);margin:6px 4px 10px}.today-tag{font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:none;color:#07101f;background:var(--gold);padding:2px 9px;border-radius:999px}.fixtures{display:flex;flex-direction:column;gap:8px}.fixture{display:grid;grid-template-columns:52px 1fr auto 1fr;align-items:center;gap:10px;padding:12px 14px;position:relative}.fixture.done{opacity:.92}.fx-time{font-weight:800;font-size:13px;color:var(--gold);text-align:center;line-height:1.1}.fixture.done .fx-time{color:var(--muted);font-size:11px}.fx-home,.fx-away{display:flex;align-items:center;gap:8px;min-width:0}.fx-home{justify-content:flex-end}.fx-away{justify-content:flex-start}.fx-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-flag{font-size:20px;flex:none}.fx-group{position:absolute;top:6px;right:10px;font-size:9px;font-weight:700;color:var(--muted);letter-spacing:.5px}.score.big{font-size:18px}.score.big.score--pending{font-size:12px;letter-spacing:1px}.canvas-hint{position:fixed;z-index:25;left:50%;bottom:18px;transform:translate(-50%);font-size:12px;color:var(--text);white-space:nowrap;padding:8px 16px;border-radius:999px;background:#1c2642db;border:1px solid var(--stroke)}@media (max-width: 760px){.topbar{top:8px;left:8px;right:8px;padding:10px 12px;flex-direction:column;align-items:stretch;gap:10px}.brand h1{font-size:15px}.brand p{font-size:11px}.bar-right{flex-direction:column-reverse;align-items:stretch;gap:8px}.tabs{width:100%}.tabs button{flex:1;padding:10px 0}.live-pill{justify-content:center}.stage--jogos{padding:188px 10px 90px}.fixture{grid-template-columns:46px 1fr auto 1fr;gap:6px;padding:12px 10px}.fx-name{font-size:12.5px}.fx-flag{font-size:18px}.canvas-hint{font-size:11px;bottom:14px}.controls{right:12px;bottom:70px}}.viewport{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab;touch-action:none;overflow:hidden}.viewport:active{cursor:grabbing}.world{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.links{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}.link{fill:none;stroke:url(#none);stroke:#6aa8ff59;stroke-width:2.5;filter:drop-shadow(0 0 6px rgba(106,168,255,.25))}.zone-label{position:absolute;font-size:22px;font-weight:900;letter-spacing:3px;color:#ffffffd9;text-shadow:0 2px 20px rgba(0,0,0,.5)}.zone-label em{font-style:normal;font-size:13px;font-weight:600;letter-spacing:1px;color:var(--muted)}.round-label{position:absolute;text-align:center;font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--accent-2)}.group-card{position:absolute;padding:14px;display:flex;flex-direction:column;gap:10px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.group-card[data-active=on]{transform:translateY(-4px) scale(1.015);border-color:var(--accent-2);box-shadow:0 16px 50px #0000008c,0 0 0 1px #6aa8ff66}.group-head{display:flex;align-items:center;justify-content:space-between}.group-badge{font-weight:800;font-size:13px;letter-spacing:1px;padding:4px 12px;border-radius:999px;background:linear-gradient(120deg,var(--accent-2),var(--pink));color:#07101f}.group-prog{font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.group-prog.islive{color:#ff6b6b;font-weight:700}.standings{list-style:none;display:flex;flex-direction:column;gap:2px}.standings li{display:grid;grid-template-columns:16px 20px 1fr 18px 30px 22px;align-items:center;gap:6px;padding:5px 8px;border-radius:10px;font-size:13px}.standings li.qualified{background:linear-gradient(90deg,#38e8b029,#38e8b005);box-shadow:inset 2px 0 0 var(--accent)}.standings .pos{color:var(--muted);font-weight:700;font-size:12px;text-align:center}.standings .flag{font-size:16px}.standings .tname{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standings .col{font-size:11px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}.standings .col.sg{color:var(--text);font-weight:600}.standings .pts{font-weight:800;color:var(--gold);text-align:center}.standings-head{padding:0 8px 3px;font-size:10px;opacity:.65}.standings-head .pos,.standings-head .col{color:var(--muted);font-weight:700}.matches{list-style:none;display:flex;flex-direction:column;gap:3px;border-top:1px dashed var(--stroke);padding-top:8px}.matches li{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;font-size:11px;color:var(--text)}.matches li.future{color:var(--muted)}.m-team{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-away{text-align:right}.score{display:inline-flex;align-items:center;gap:3px;font-weight:800;font-size:12px}.score i{opacity:.5;font-style:normal}.score b{color:var(--text)}.score b.win{color:var(--accent)}.score--pending{font-size:10px;font-weight:700;color:var(--muted);opacity:.7}.match-card{position:absolute;padding:8px 10px;display:flex;flex-direction:column;gap:4px;border-radius:14px}.match-vs{text-align:center;font-size:9px;color:var(--muted);letter-spacing:2px}.slot{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:4px 8px;border-radius:9px;font-size:12px;background:#ffffff0a}.slot-flag{font-size:14px;text-align:center}.slot-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-pts{font-weight:800;color:var(--gold);font-size:11px}.slot--tbd .slot-name{color:var(--muted);font-style:italic;font-weight:500}.slot--prov{box-shadow:inset 2px 0 0 var(--gold)}.standings li.clickable{cursor:pointer}.standings li.clickable:hover{background:#6aa8ff29}.team-link{font:inherit;color:inherit;cursor:pointer;min-width:0;background:transparent;border:0;padding:0;display:flex;align-items:center;gap:8px}.fx-home.team-link{justify-content:flex-end}.fx-away.team-link{justify-content:flex-start}.team-link:hover .fx-name{color:var(--accent-2);text-decoration:underline}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#04070ea8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fade .18s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:min(820px,100%);max-height:86vh;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#161e36f5,#0c1224f5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.modal-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--stroke)}.modal-flag{font-size:30px}.modal-head h2{font-size:19px;font-weight:800}.modal-count{font-size:12px;color:var(--muted)}.modal-close{margin-left:auto;width:36px;height:36px;border-radius:10px;font-size:15px;color:var(--text);cursor:pointer;background:#ffffff12;border:1px solid var(--stroke)}.modal-close:hover{background:#ffffff29}.modal-body{overflow-y:auto;padding:16px 20px 24px;-webkit-overflow-scrolling:touch}.modal-msg{text-align:center;color:var(--muted);padding:50px 0}.modal-msg.err{color:#ff8a8a}.squad-group{margin-bottom:18px}.squad-pos{font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-2);margin:4px 0 12px}.squad-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.player{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:transform .12s ease}.player:hover{transform:translateY(-3px)}.player:hover .player-photo{border-color:var(--gold)}.player-photo{position:relative;width:76px;height:76px;border-radius:50%;overflow:hidden;background:#ffffff14;border:2px solid var(--stroke);box-shadow:0 6px 18px #0006}.player-photo img{width:100%;height:100%;object-fit:cover}.player-num{position:absolute;bottom:-2px;right:-2px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;font-size:11px;font-weight:800;color:#07101f;background:var(--gold);display:flex;align-items:center;justify-content:center;border:2px solid #0d1426}.player-name{font-size:12px;font-weight:700;margin-top:8px;line-height:1.2}.player-age{font-size:10px;color:var(--muted);margin-top:2px}@media (max-width: 760px){.squad-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.player-photo{width:64px;height:64px}.modal-head h2{font-size:16px}}.sticker-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#02040ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fade .18s ease}.sticker{position:relative;width:min(300px,84vw);aspect-ratio:63 / 88;display:grid;grid-template-rows:auto 1fr auto;border-radius:18px;padding:12px;overflow:hidden;background:linear-gradient(150deg,#2a3566,#161f3d 45%,#0e1530);box-shadow:0 30px 80px #000000a6;border:3px solid;border-image:linear-gradient(140deg,#fff2b0,#e7b53c 35%,#8a6a1e 60%,#ffe48a) 1;animation:pop .22s cubic-bezier(.2,.9,.3,1.3)}.sticker:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:16px;background:linear-gradient(125deg,transparent 30%,rgba(255,255,255,.18) 45%,transparent 60%),conic-gradient(from 210deg at 30% 20%,#6aa8ff2e,#ff6ad529,#38e8b029,#6aa8ff2e);mix-blend-mode:screen;opacity:.55}@keyframes pop{0%{transform:scale(.86);opacity:0}to{transform:scale(1);opacity:1}}.sticker-top{display:flex;align-items:center;gap:8px;z-index:2}.sticker-flag{font-size:24px}.sticker-team{font-weight:800;font-size:13px;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticker-num{margin-left:auto;min-width:32px;height:32px;padding:0 7px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;color:#2a1c00;background:linear-gradient(135deg,#ffe48a,#e0a92e);box-shadow:0 3px 10px #e0a92e73}.sticker-photo{position:relative;margin:10px 0;border-radius:12px;overflow:hidden;z-index:1;background:radial-gradient(80% 70% at 50% 30%,#36406e,#131a33 75%)}.sticker-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}.sticker-info{display:flex;flex-direction:column;gap:2px;text-align:center;z-index:2;padding:4px 2px 2px}.sticker-info strong{font-size:17px;font-weight:900;letter-spacing:.2px}.sticker-info span{font-size:11px;color:#cdd6f4;opacity:.85}.sticker-close{position:absolute;top:8px;right:8px;z-index:3;width:30px;height:30px;border-radius:8px;font-size:12px;color:#fff;cursor:pointer;background:#0006;border:1px solid rgba(255,255,255,.25)}.controls{position:fixed;z-index:30;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px}.controls button{width:46px;height:46px;border-radius:14px;font-size:20px;font-weight:800;color:var(--text);background:#1c2642db;border:1px solid var(--stroke);box-shadow:var(--shadow);cursor:pointer;transition:transform .12s ease,background .12s ease}.controls button:hover{background:#fff3;transform:translateY(-2px)}.controls button:active{transform:scale(.94)}