@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";:root{--pitch-0: #06140c;--pitch-1: #0a2114;--pitch-2: #0e2c1a;--line: rgba(220, 255, 230, .18);--line-strong: rgba(220, 255, 230, .55);--surface: #0d1b13;--surface-2: #112619;--surface-3: #16311f;--border: rgba(120, 200, 150, .18);--border-2: rgba(120, 200, 150, .3);--grass: #18a558;--grass-light: #34d27e;--grass-deep: #0c7a3e;--gold: #f5c451;--gold-deep: #d99e23;--sky: #38bdf8;--crimson: #ef4444;--text: #eaf6ee;--text-dim: #9fc4ac;--text-mute: #6f9079;--win-bg: rgba(24, 165, 88, .16);--win-border: rgba(52, 210, 126, .55);--third-bg: rgba(56, 189, 248, .12);--third-border: rgba(56, 189, 248, .45);--font-head: "Barlow Condensed", "Inter", sans-serif;--font-body: "Inter", system-ui, sans-serif;--radius: 12px;--radius-sm: 8px;--shadow: 0 18px 50px rgba(0, 0, 0, .45);--ease: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--text);background:radial-gradient(120% 60% at 50% -8%,#123a22,#0a2114 40%,#06120b),var(--pitch-0);background-attachment:fixed}.pitch-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,transparent 0 7vw,rgba(255,255,255,.012) 7vw 14vw),radial-gradient(60vw 60vw at 50% 120%,rgba(24,165,88,.1),transparent 70%)}.pitch-bg:before{content:"";position:absolute;top:50%;left:50%;width:46vw;height:46vw;max-width:520px;max-height:520px;transform:translate(-50%,-50%);border:1.5px solid var(--line);border-radius:50%;opacity:.5}#root{position:relative;z-index:1}::selection{background:#f5c4514d;color:#fff}::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-track{background:#00000040}::-webkit-scrollbar-thumb{background:var(--grass-deep);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--grass)}.shell{max-width:1240px;margin:0 auto;padding:0 20px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0 14px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:14px}.brand-marks{display:inline-flex;align-items:center;gap:8px}.brand-mark{height:50px;width:auto;display:block;border-radius:10px;background:#fff;padding:4px;object-fit:contain;box-shadow:0 4px 14px #00000073,inset 0 0 0 1px #0000000f}.brand-mark.ball{padding:2px;border-radius:50%}@media(max-width:480px){.brand-mark{height:40px}}.brand h1{font-family:var(--font-head);font-weight:700;font-size:clamp(1.5rem,3.4vw,2.3rem);letter-spacing:.01em;line-height:1;text-transform:uppercase}.brand h1 .y{color:var(--gold)}.brand p{color:var(--text-dim);font-size:.82rem;margin-top:3px}.live-pill{display:inline-flex;align-items:center;gap:7px;margin-top:6px;font-size:.72rem;font-weight:600;color:var(--grass-light);background:var(--win-bg);border:1px solid var(--win-border);border-radius:999px;padding:3px 11px 3px 9px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--grass-light);box-shadow:0 0 #34d27e99;animation:live-ping 1.8s var(--ease) infinite}@keyframes live-ping{0%{box-shadow:0 0 #34d27e8c}70%{box-shadow:0 0 0 7px #34d27e00}to{box-shadow:0 0 #34d27e00}}@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}.tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{font-family:var(--font-body);font-weight:600;font-size:.85rem;color:var(--text);background:var(--surface-3);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:8px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .18s var(--ease)}.btn:hover{border-color:var(--grass-light);background:#1a3a26;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:#1a1206;border-color:transparent}.btn-gold:hover{filter:brightness(1.06);background:linear-gradient(135deg,var(--gold),var(--gold-deep))}.btn-ghost{background:transparent}.tz-select{font-family:var(--font-body);font-size:.82rem;color:var(--text);background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:8px 10px;cursor:pointer}.tabs{display:flex;gap:6px;background:#00000047;border:1px solid var(--border);border-radius:999px;padding:5px;margin:8px 0 22px;width:fit-content;max-width:100%;overflow-x:auto}.tab{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;font-weight:600;font-size:.95rem;color:var(--text-dim);background:transparent;border:none;border-radius:999px;padding:8px 18px;cursor:pointer;white-space:nowrap;transition:all .18s var(--ease)}.tab:hover{color:var(--text)}.tab.active{color:#08210f;background:linear-gradient(135deg,var(--grass-light),var(--grass));box-shadow:0 4px 14px #18a55859}.progress{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:.78rem;margin-bottom:18px}.progress .bar{flex:1;max-width:260px;height:6px;border-radius:6px;background:#00000059;overflow:hidden}.progress .bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--grass),var(--grass-light));transition:width .3s var(--ease)}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:18px}.card{background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#00000038;border-bottom:1px solid var(--border)}.card-head h3{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.05em;font-size:1.15rem;font-weight:700}.card-head h3 .gl{color:var(--gold)}.card-head .done-pill{font-size:.68rem;color:var(--grass-light);border:1px solid var(--win-border);border-radius:999px;padding:2px 9px}.standings{width:100%;border-collapse:collapse;font-size:.84rem}.standings th{text-align:center;font-weight:600;font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-mute);padding:8px 4px}.standings th.team-col,.standings td.team-col{text-align:left;padding-left:14px}.standings td{text-align:center;padding:7px 4px;border-top:1px solid rgba(255,255,255,.04)}.standings td.pts{font-weight:700;color:var(--text)}.standings tr.pos-1 td,.standings tr.pos-2 td{background:var(--win-bg)}.standings tr.pos-3.qualifies td{background:var(--third-bg)}.team-cell{display:flex;align-items:center;gap:9px}.team-cell .rankdot{width:18px;color:var(--text-mute);font-size:.72rem;text-align:right}.team-cell .nm{font-weight:600}.flag{width:22px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #0006;flex-shrink:0;background:#20382a}.flag.lg{width:30px;height:20px}.flag-fallback{display:inline-flex;align-items:center;justify-content:center;width:22px;height:15px;border-radius:2px;background:var(--surface-3);font-size:.6rem;color:var(--text-mute);flex-shrink:0}.fixtures{padding:6px 12px 12px;border-top:1px solid var(--border)}.fixtures-toggle{width:100%;text-align:left;background:transparent;border:none;color:var(--text-dim);font-family:var(--font-head);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;padding:8px 4px;cursor:pointer;display:flex;justify-content:space-between}.fixture{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:7px 4px;border-top:1px solid rgba(255,255,255,.04)}.fixture .home{justify-content:flex-end;text-align:right}.fixture .side{display:flex;align-items:center;gap:8px;min-width:0}.fixture .side .nm{font-size:.82rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-box{display:flex;align-items:center;gap:4px}.score-in{width:34px;height:32px;text-align:center;font-weight:700;font-size:.95rem;color:var(--text);background:#00000059;border:1px solid var(--border-2);border-radius:6px;-moz-appearance:textfield}.score-in::-webkit-outer-spin-button,.score-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.score-in:focus{outline:none;border-color:var(--grass-light);box-shadow:0 0 0 2px #34d27e40}.score-sep{color:var(--text-mute);font-weight:700}.fixture .kick{grid-column:1 / -1;text-align:center;font-size:.68rem;color:var(--text-mute);padding-top:2px}.fixture .venue{grid-column:1 / -1;text-align:center;font-size:.68rem;color:var(--text-dim);padding-bottom:2px}.fixture.locked{background:linear-gradient(90deg,rgba(24,165,88,.07),transparent 70%)}.fixture.locked .score-in{color:var(--grass-light);background:#18a5581f;border-color:var(--win-border)}.score-in:disabled{cursor:default;opacity:1}.actual-tag{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-size:.62rem;color:var(--grass-light)}.bracket-wrap{overflow-x:auto;padding:8px 2px 24px}.bracket{display:flex;gap:26px;min-width:max-content;align-items:stretch}.round-col{display:flex;flex-direction:column;justify-content:space-around;gap:14px;min-width:234px}.round-col h4{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.06em;font-size:.9rem;color:var(--gold);text-align:center;margin-bottom:4px;position:sticky;top:0}.tie{background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.tie.final-tie{border-color:var(--gold-deep);box-shadow:0 0 24px #f5c4512e}.tie-no{font-size:.6rem;color:var(--text-mute);padding:5px 10px 2px;display:flex;justify-content:space-between}.ko-head,.ko-row{display:grid;grid-template-columns:1fr 30px 30px 30px;gap:4px;align-items:center;padding:3px 8px}.ko-head{padding-top:0;padding-bottom:3px}.ko-head span{font-size:.54rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-mute);text-align:center}.ko-row{padding-top:4px;padding-bottom:4px}.ko-row+.ko-row{border-top:1px solid rgba(255,255,255,.05)}.ko-team{display:flex;align-items:center;gap:8px;min-width:0}.ko-team .nm{font-size:.84rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ko-team .nm.placeholder{color:var(--text-mute);font-weight:500;font-style:italic;font-size:.72rem}.ko-row.winner{background:var(--win-bg)}.ko-row.winner .ko-team .nm{color:var(--grass-light)}.ko-row.loser{opacity:.55}.ko-in{width:30px;height:28px;text-align:center;font-weight:700;font-size:.85rem;color:var(--text);background:#00000059;border:1px solid var(--border-2);border-radius:5px;-moz-appearance:textfield}.ko-in::-webkit-outer-spin-button,.ko-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ko-in:focus{outline:none;border-color:var(--grass-light);box-shadow:0 0 0 2px #34d27e40}.ko-in:disabled{opacity:.3;cursor:not-allowed;background:#0003}.ko-result{font-size:.66rem;font-weight:700;color:var(--grass-light);text-align:center;padding:4px 6px;border-top:1px solid rgba(255,255,255,.05)}.tie .kick{font-size:.62rem;color:var(--text-mute);text-align:center;padding:4px;border-top:1px solid rgba(255,255,255,.05)}.tie-venue{font-size:.6rem;color:var(--text-dim);text-align:center;padding:4px 6px;border-top:1px solid rgba(255,255,255,.05);line-height:1.25}.tie.on-path{outline:2px solid var(--gold);outline-offset:1px}.champion-banner{display:flex;align-items:center;gap:14px;justify-content:center;margin:4px auto 22px;padding:14px 26px;background:linear-gradient(135deg,#f5c45129,#d99e231a);border:1px solid var(--gold-deep);border-radius:var(--radius);font-family:var(--font-head);text-transform:uppercase;letter-spacing:.05em;font-size:1.3rem;width:fit-content}.champion-banner .trophy{font-size:1.8rem}.champion-banner .nm{color:var(--gold);font-weight:700}.notice{background:#38bdf814;border:1px solid var(--third-border);border-radius:var(--radius-sm);padding:12px 16px;color:var(--text-dim);font-size:.85rem;margin-bottom:18px}.notice b{color:var(--text)}.path-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.path-head select{font-family:var(--font-body);font-size:.95rem;color:var(--text);background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:10px 14px;cursor:pointer;min-width:230px}.finish-pill{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;padding:6px 14px;border-radius:999px;border:1px solid var(--border-2);color:var(--text-dim)}.finish-pill.q{color:var(--grass-light);border-color:var(--win-border);background:var(--win-bg)}.finish-pill.out{color:var(--crimson);border-color:#ef444466;background:#ef444414}.path-steps{display:flex;flex-direction:column;gap:12px;max-width:640px}.path-step{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:14px;background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-left:3px solid var(--grass-deep);border-radius:var(--radius-sm);padding:12px 16px}.path-step.advanced{border-left-color:var(--grass-light)}.path-step.pending{border-left-color:var(--gold-deep)}.path-step .round-name{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;font-weight:600;color:var(--gold);font-size:.9rem}.path-step .vs{color:var(--text-mute);font-size:.72rem}.path-step .opp-wrap{display:flex;flex-direction:column;gap:3px;min-width:0}.path-step .opp{display:flex;align-items:center;gap:9px;font-weight:600}.path-step .opp.tbd{color:var(--text-mute);font-style:italic;font-weight:500}.path-step .path-venue{font-size:.72rem;color:var(--text-dim)}.path-step .when{text-align:right;font-size:.72rem;color:var(--text-mute)}.path-step .status{font-size:1.1rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#030a06b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:7vh 16px 16px;overflow-y:auto}.modal{position:relative;width:100%;max-width:620px;background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:0 30px 80px #0009}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-head h3{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;font-size:1.2rem}.modal-close{background:transparent;border:none;color:var(--text-dim);font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:6px}.modal-close:hover{color:var(--text);background:#ffffff0f}.modal-body{padding:16px 20px 20px}.modal-hint{color:var(--text-dim);font-size:.85rem;line-height:1.5;margin-bottom:16px}.modal-hint b{color:var(--text);font-weight:600}.save-row,.port-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.save-row{margin-bottom:12px}.port-row{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--border)}.session-name-input{flex:1;min-width:180px;font-family:var(--font-body);font-size:.92rem;color:var(--text);background:#00000059;border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:9px 12px}.session-name-input:focus{outline:none;border-color:var(--grass-light);box-shadow:0 0 0 2px #34d27e38}.session-name-input.sm{padding:5px 8px;font-size:.85rem;min-width:140px}.btn.sm{padding:5px 10px;font-size:.78rem}.btn-danger{color:#fca5a5;border-color:#ef444466}.btn-danger:hover{color:#fff;background:#ef444433;border-color:#ef4444b3}.session-list{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto}.session-empty{color:var(--text-mute);font-size:.85rem;text-align:center;padding:22px 10px;font-style:italic}.session-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:11px 14px;background:#00000038;border:1px solid var(--border);border-radius:var(--radius-sm)}.session-row.is-active{border-color:var(--win-border);background:var(--win-bg)}.session-meta{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.session-title{font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:8px}.active-tag{font-family:var(--font-head);text-transform:uppercase;font-size:.6rem;letter-spacing:.06em;color:var(--grass-light);border:1px solid var(--win-border);border-radius:999px;padding:1px 7px}.session-sub{color:var(--text-mute);font-size:.72rem}.session-actions{display:flex;gap:6px;flex-wrap:wrap}.modal-toast{position:absolute;left:50%;bottom:14px;transform:translate(-50%);background:var(--grass-deep);color:#eafff1;font-size:.82rem;font-weight:600;padding:8px 16px;border-radius:999px;box-shadow:0 8px 24px #0006;white-space:nowrap}.sched-list{display:flex;flex-direction:column;gap:14px}.sched-card{scroll-margin-top:12px}.sched-card.is-today{border-color:var(--gold-deep);box-shadow:0 0 24px #f5c4512e}.sched-head{width:100%;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#00000038;border:none;color:var(--text);cursor:pointer;text-align:left}.sched-title{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.05em;font-size:1.05rem;font-weight:700;min-width:0}.sched-sub{margin-left:9px;color:var(--text-dim);font-weight:500;font-size:.76rem;letter-spacing:.02em}.today-pill{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#2a1f04;background:linear-gradient(135deg,var(--gold),var(--gold-deep));border-radius:999px;padding:2px 10px;flex-shrink:0}.sched-count{margin-left:auto;color:var(--text-mute);font-size:.72rem;white-space:nowrap}.sched-caret{color:var(--text-dim)}.sched-body{padding:6px 12px 12px;border-top:1px solid var(--border)}.sched-fixtures .fixture:first-child{border-top:none}.fx-group{color:var(--gold);font-weight:600}.tie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding-top:10px}.tie-round{color:var(--gold);font-weight:700}.footer{text-align:center;color:var(--text-mute);font-size:.78rem;padding:30px 0 0}.footer a{color:var(--text-dim)}@media(max-width:560px){.group-grid{grid-template-columns:1fr}.path-step{grid-template-columns:1fr;gap:6px}.path-step .when{text-align:left}}