:root{--bg:#0a130c;--bg-2:#0d1a10;--card:#142418b8;--card-2:#1e3222a8;--line:#ffffff14;--line-2:#ffffff26;--txt:#f2f7f1;--txt-dim:#a7bca8;--txt-faint:#6f8472;--accent:#6ccb3f;--accent-2:#8fe05a;--grass-1:#3f8f33;--grass-2:#357a2b;--gold:#ffd24a;--q:#6ccb3f;--t:#e0a93a;--danger:#ff5d6c;--shadow:0 12px 34px #0006;--r:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1100px 520px at 50% -12%, #6ccb3f24, transparent 62%), repeating-linear-gradient(90deg, #ffffff04 0 30px, #00000005 30px 60px), linear-gradient(180deg, #0c1810 0%, var(--bg) 60%);color:var(--txt);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,Segoe UI,Roboto,sans-serif}button{cursor:pointer;font-family:inherit}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.app{max-width:1280px;margin:0 auto;padding:22px 20px 60px}.topbar{background:repeating-linear-gradient(102deg, #ffffff12 0 22px, #0000000d 22px 44px), radial-gradient(120% 160% at 0% 0%, #ffffff29, transparent 55%), linear-gradient(135deg, var(--grass-1), var(--grass-2));box-shadow:var(--shadow), inset 0 1px 0 #ffffff1f;border:1px solid #ffffff1a;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding:20px 22px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand .cup{filter:drop-shadow(0 4px 12px #00000059);font-size:42px}.brand h1{letter-spacing:-.02em;color:#fff;text-shadow:0 2px 10px #0000004d;margin:0;font-size:27px;font-weight:800}.brand p{color:#ffffffd9;margin:3px 0 0;font-size:13px;font-weight:500}.topbar-actions{align-items:center;gap:12px;display:flex}.champ-pill{color:var(--gold);background:linear-gradient(135deg,#141e12d9,#141e12b3);border:1px solid #ffd24a8c;border-radius:999px;padding:9px 14px;font-size:14px;box-shadow:0 4px 16px #00000040}.champ-pill strong{color:#fff}.reset-btn{color:#fff;background:#0000002e;border:1px solid #ffffff73;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s}.reset-btn:hover{background:#00000052;border-color:#fff}.tabs{background:var(--card-2);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;gap:4px;margin-bottom:22px;padding:4px;display:inline-flex}.tabs button{color:var(--txt-dim);background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:600;transition:all .18s;display:flex}.tabs button:hover{color:var(--txt)}.tabs button.on{color:#0a130c;background:linear-gradient(135deg, var(--accent-2), var(--accent));box-shadow:0 2px 10px #6ccb3f4d}.tab-meta{color:inherit;background:#0000002e;border:1px solid #ffffff1f;border-radius:999px;padding:1px 8px;font-size:11px}.tabs button.on .tab-meta{background:#00000029;border-color:#0000002e}.tab-meta.lock{background:0 0;border:none;padding:0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px)}.groups-tab{grid-template-columns:1fr 300px;align-items:start;gap:20px;display:grid}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.thirds-aside{position:sticky;top:16px}@media (width<=1000px){.groups-tab{grid-template-columns:1fr}.thirds-aside{position:static}}.group-card{padding:14px}.group-head{margin-bottom:10px}.group-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#6ccb3f1a;border:1px solid #6ccb3f40;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.standings{border-collapse:collapse;width:100%;margin-bottom:12px;font-size:13px}.standings th{text-align:center;color:var(--txt-faint);border-bottom:1px solid var(--line);padding:4px 3px;font-size:11px;font-weight:600}.standings th.team{text-align:left;padding-left:4px}.standings td{text-align:center;color:var(--txt-dim);padding:6px 3px}.standings td.team{text-align:left}.standings td.pts{color:var(--txt);font-weight:700}.standings .pos{width:18px;color:var(--txt-faint);font-size:12px}.standings .team{align-items:center;gap:7px;display:flex}.standings .flag{font-size:16px;line-height:1}.standings .tname{color:var(--txt);white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.standings tr.zone-q td.pos{color:var(--q);font-weight:700}.standings tr.zone-q{box-shadow:inset 3px 0 0 var(--q)}.standings tr.zone-t td.pos{color:var(--t);font-weight:700}.standings tr.zone-t{box-shadow:inset 3px 0 0 var(--t)}.fixtures{flex-direction:column;gap:5px;display:flex}.fixture{background:var(--bg-2);border:1px solid var(--line);border-radius:9px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:6px 8px;display:grid;position:relative}.fixture.blowout{border-color:#ff5d6c80}.porcodio{z-index:2;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg, var(--danger), #c0303f);white-space:nowrap;pointer-events:none;border:1px solid #ffffff40;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:800;position:absolute;top:-10px;right:8px;transform:rotate(-5deg);box-shadow:0 3px 10px #ff5d6c59}.fixture .side{align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.fixture .side.home{text-align:right;justify-content:flex-end}.fixture .side .tname{color:var(--txt);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fixture .side .flag{flex-shrink:0;font-size:15px}.fixture .score{align-items:center;gap:5px;display:flex}.fixture .score .x{color:var(--txt-faint);font-size:11px}.score-input{text-align:center;background:var(--card-2);border:1px solid var(--line-2);width:34px;height:30px;color:var(--txt);border-radius:7px;outline:none;font-size:15px;font-weight:700;transition:border-color .15s,box-shadow .15s}.score-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6ccb3f26}.score-input:disabled{opacity:.4;cursor:not-allowed}.thirds-card{padding:14px}.thirds-head h3{margin:0 0 2px;font-size:15px}.thirds-head p{color:var(--txt-dim);margin:0 0 12px;font-size:12px}.thirds-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.thirds-list li{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;grid-template-columns:20px 18px 1fr auto auto auto;align-items:center;gap:8px;padding:7px 9px;font-size:13px;display:grid}.thirds-list li.in{background:#6ccb3f0f;border-color:#6ccb3f66}.thirds-list li.out{opacity:.55}.thirds-list .rank{color:var(--txt-faint);text-align:center;font-weight:700}.thirds-list .flag{font-size:15px}.thirds-list .tname{color:var(--txt);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.thirds-list .gp{color:var(--txt-faint);font-size:11px}.thirds-list .mini{color:var(--txt-dim);white-space:nowrap;font-size:11px}.thirds-list .check{color:var(--accent);font-weight:700}.locked-note{text-align:center;color:var(--txt-dim);padding:30px}.locked-note strong{color:var(--txt)}.bracket-wrap{padding-bottom:12px;overflow-x:auto}.bracket{align-items:stretch;gap:26px;min-width:max-content;display:flex}.bcol{flex-direction:column;min-width:210px;display:flex}.bcol-title{text-transform:uppercase;letter-spacing:.08em;color:var(--txt-faint);text-align:center;margin:0 0 12px;font-size:12px}.bcol-matches{flex-direction:column;flex:1;justify-content:space-around;gap:14px;display:flex}.bmatch{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px;position:relative}.bmatch.done{border-color:var(--line-2)}.bmatch.blowout{border-color:#ff5d6c80}.bmatch-id{letter-spacing:.1em;text-transform:uppercase;color:var(--txt-faint);background:var(--bg);border-radius:5px;padding:0 6px;font-size:9px;position:absolute;top:-8px;left:10px}.bside{border-radius:7px;grid-template-columns:18px 1fr 34px;align-items:center;gap:7px;padding:5px 4px;display:grid}.bside+.bside{margin-top:2px}.bside .flag{font-size:15px}.bside .tname{color:var(--txt);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.bside.pending .tname{color:var(--txt-faint);font-style:italic}.bside.win{background:#6ccb3f1a}.bside.win .tname{color:var(--accent-2);font-weight:700}.pk-row{border-top:1px dashed var(--line);color:var(--txt-dim);flex-wrap:wrap;align-items:center;gap:5px;margin-top:7px;padding-top:7px;font-size:11px;display:flex}.pk-row button{background:var(--bg-2);border:1px solid var(--line-2);color:var(--txt-dim);border-radius:6px;padding:3px 8px;font-size:11px;transition:all .15s}.pk-row button:hover{border-color:var(--accent);color:var(--txt)}.pk-row button.active{border-color:var(--accent);color:var(--accent-2);background:#6ccb3f26;font-weight:700}.third-place{max-width:260px;margin-top:24px}.foot{border-top:1px solid var(--line);color:var(--txt-faint);text-align:center;margin-top:40px;padding-top:18px;font-size:12px}.foot code{color:var(--txt-dim);background:var(--card-2);border-radius:5px;padding:1px 6px}