:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#2f9e55;--accent-bg:#2f9e551a;--accent-border:#2f9e5580;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#4ade80;--accent-bg:#4ade8026;--accent-border:#4ade8080;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.site-header{text-align:center;padding:40px 32px 0}@media (width<=600px){.site-header{padding:24px 16px 0}}.subtitle{color:var(--text);margin-bottom:0}.tab-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:24px 32px 32px;display:flex}@media (width<=600px){.tab-nav{padding:16px 16px 24px}}.tab-btn{border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:8px 24px;font-size:15px;transition:background .15s,color .15s,border-color .15s}.tab-btn:hover{background:var(--accent-bg);border-color:var(--accent-border)}.tab-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.tab-btn--autofill{color:var(--text);opacity:.8;margin-left:12px;padding:6px 16px;font-size:13px}.tab-btn--autofill:hover{opacity:1;color:#38a169;border-color:#38a169}.tab-btn--reset{color:var(--text);opacity:.7;padding:6px 16px;font-size:13px}.tab-btn--reset:hover{opacity:1;color:#e53e3e;border-color:#e53e3e}.flag{object-fit:cover;border-radius:2px;flex-shrink:0;width:auto;height:14px;display:block}.team-btn{font:inherit;color:inherit;cursor:pointer;outline-offset:2px;background:0 0;border:none;border-radius:3px;align-items:center;gap:4px;margin:0;padding:0;text-decoration:none;display:inline-flex}.team-btn:hover{text-underline-offset:2px;text-decoration:underline}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;padding:0 32px 48px;display:grid}@media (width<=600px){.groups-grid{gap:12px;padding:0 12px 32px}}.group-card{border:1px solid var(--border);background:var(--bg);border-radius:12px;padding:16px}.group-title{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--border);margin:0 0 12px;padding-bottom:10px;font-size:14px;font-weight:700}.matchdays{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.matchday{border-top:1px solid var(--border);padding-top:8px}.matchday-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin:0 0 6px;font-size:11px;font-weight:600}.match-row{color:var(--text-h);align-items:center;gap:6px;padding:3px 0;font-size:12px;display:flex}.match-home,.match-away{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.match-home{justify-content:flex-end}.match-away{justify-content:flex-start}.match-name{white-space:nowrap;text-overflow:ellipsis;max-width:80px;overflow:hidden}.score-inputs{flex-shrink:0;align-items:center;gap:4px;display:flex}.score-input{text-align:center;width:34px;font:inherit;color:var(--text-h);background:var(--code-bg);border:1px solid var(--border);appearance:textfield;border-radius:5px;outline:none;padding:2px 0;font-size:13px;font-weight:600;transition:border-color .15s}.score-input:focus{border-color:var(--accent)}.score-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.score-sep{color:var(--text);font-size:12px}.standings-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:11px}.standings-table th{letter-spacing:.04em;text-transform:uppercase;color:var(--text);text-align:right;border-bottom:1px solid var(--border);padding:4px 4px 4px 0;font-size:10px;font-weight:600}.standings-table th:first-child,.standings-table th.standings-team-col{text-align:left}.standings-table td{text-align:right;color:var(--text);padding:4px 4px 4px 0}.standings-table td:first-child{color:var(--text)}.standings-team-col{align-items:center;gap:5px;min-width:0;display:flex;text-align:left!important}.standings-name{white-space:nowrap;text-overflow:ellipsis;max-width:90px;overflow:hidden}.standings-pts{font-weight:700;color:var(--text-h)!important}.standings-qualify td{color:var(--text-h)}.standings-qualify .standings-pts{color:var(--accent)!important}.standings-3rd td{color:var(--text);opacity:.85}.standings-out td{color:var(--text);opacity:.5}.ko-bracket{flex-direction:column;gap:32px;padding:0 32px 48px;display:flex}@media (width<=600px){.ko-bracket{gap:24px;padding:0 12px 32px}}.ko-finals{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=600px){.ko-finals{grid-template-columns:1fr}}.ko-round-header{border-bottom:1px solid var(--border);align-items:baseline;gap:12px;margin-bottom:12px;padding-bottom:10px;display:flex}.ko-round-header h2{margin:0;font-size:18px}.ko-round-dates{color:var(--text);font-size:13px}.ko-matches{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;display:grid}.ko-round--slim .ko-matches{grid-template-columns:1fr}.ko-match{border:1px solid var(--border);border-radius:8px;padding:10px 12px;transition:border-color .15s}.ko-match--decided{border-color:var(--accent-border)}.ko-round--final .ko-match--decided{background:var(--accent-bg);border-color:var(--accent)}.ko-match-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ko-num{letter-spacing:.06em;text-transform:uppercase;color:var(--text);font-size:10px;font-weight:700}.ko-date{color:var(--text);font-size:11px}.ko-teams{flex-direction:column;gap:4px;display:flex}.ko-vs{color:var(--text);text-align:center;letter-spacing:.05em;text-transform:uppercase;padding:0 12px;font-size:10px}.ko-team{color:var(--text-h);text-align:left;align-items:center;gap:7px;width:100%;font-size:13px;display:flex}.ko-team--tbd{color:var(--text);opacity:.7;padding:2px 0;font-size:11px;font-style:italic}.ko-team--btn{cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 8px;transition:background .12s,border-color .12s}.ko-team--btn:hover:not(:disabled){background:var(--accent-bg);border-color:var(--accent-border)}.ko-team--btn:disabled{cursor:default}.ko-team--picked{color:var(--text-h);font-weight:600;background:var(--accent-bg)!important;border-color:var(--accent-border)!important}.ko-pick-mark{color:var(--accent);margin-left:auto;font-size:12px}.schedule{max-width:640px;margin:0 auto;padding:0 32px 48px}@media (width<=600px){.schedule{padding:0 12px 32px}}.schedule-note{color:var(--text);opacity:.7;text-align:center;margin:0 0 20px;font-size:12px}.schedule-day{margin-bottom:28px}.schedule-date-header{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--border);margin:0 0 6px;padding-bottom:8px;font-size:13px;font-weight:700}.schedule-rows{flex-direction:column;display:flex}.schedule-row{color:var(--text-h);border-radius:6px;grid-template-columns:48px 1fr 20px 1fr;align-items:center;gap:6px;padding:5px 8px;font-size:13px;transition:background .1s;display:grid}.schedule-row--germany{background:#38a1691f;border-left:3px solid #38a169;padding-left:12px;font-weight:600}.schedule-time{font-variant-numeric:tabular-nums;color:var(--accent);letter-spacing:.02em;font-size:13px;font-weight:700}.schedule-row--germany .schedule-time{color:#38a169}.schedule-row--brazil{background:#ecc94b26;border-left:3px solid #d4a017;padding-left:12px;font-weight:600}.schedule-row--brazil .schedule-time{color:#b7791f}.schedule-vs{text-align:center;color:var(--text);font-size:11px}.schedule-team{align-items:center;gap:5px;min-width:0;display:flex}.schedule-team--right{justify-content:flex-end}.schedule-team--left{justify-content:flex-start}.schedule-team-name{white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}@media (width<=600px){.schedule-team-name{max-width:90px}}.modal-overlay{z-index:200;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.squad-modal{background:var(--bg);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:100%;max-width:400px;max-height:82vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000040}.squad-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:14px 16px;display:flex}.squad-modal-title{flex:1;margin:0;font-size:17px;font-weight:700}.squad-modal-close{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:5px;padding:4px 8px;font-size:16px;line-height:1}.squad-modal-close:hover{background:var(--accent-bg)}.squad-modal-body{padding:12px 16px 16px;overflow-y:auto}.squad-pos-section{margin-bottom:14px}.squad-pos-section:last-child{margin-bottom:0}.squad-pos-label{letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin:0 0 5px;font-size:10px;font-weight:700}.squad-player{color:var(--text-h);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:3px 0;font-size:13px;display:flex}.squad-player:last-child{border-bottom:none}.squad-num{text-align:right;width:22px;color:var(--text);flex-shrink:0;font-size:11px;font-weight:700}.squad-empty{color:var(--text);text-align:center;padding:32px 0;font-size:13px;font-style:italic}