:root{color:#132033;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16.5px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-tap-highlight-color:transparent;background:#f6f8fb;min-width:320px;margin:0;overflow-x:hidden}button,input,select{font:inherit}button{color:#fff;background:#0f766e;border:0;border-radius:1rem;min-height:56px;padding:1rem 1.15rem;font-size:1rem;font-weight:900;box-shadow:0 8px 18px #0f172a1f}button:active{transform:scale(.98)}.primary-action{background:#0b1220;width:100%;min-height:66px;margin-top:.5rem;font-size:1.15rem}select,input{color:#132033;background:#fff;border:2px solid #cbd5e1;border-radius:1rem;min-height:56px;padding:.9rem}.shell{min-height:100svh;padding:env(safe-area-inset-top) .85rem calc(1.5rem + env(safe-area-inset-bottom));max-width:980px;margin:0 auto}.app-header{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f8fbee;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;display:flex;position:sticky;top:0}h1,h2,h3,p{margin-top:0}h1{color:#0b1220;margin-bottom:0;font-size:1.55rem}h2{color:#0b1220;margin-bottom:.55rem;font-size:clamp(1.85rem,7vw,3rem);line-height:1.05}h3{color:#0b1220;margin-bottom:.65rem;font-size:1.32rem}p{color:#475569;font-size:1.08rem;line-height:1.5}.eyebrow{color:#0f766e;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.1rem;font-size:.74rem;font-weight:900}.stack{gap:1rem;display:grid}.hero,.panel,.match-card,.notice,.next-step-card,.round-section,.champion-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.35rem;padding:1.05rem;box-shadow:0 12px 28px #0f172a12}.hero h2{letter-spacing:-.035em;font-size:clamp(1.65rem,6vw,2.8rem);line-height:1.03}.compact-hero h2{font-size:clamp(1.6rem,6vw,2.6rem)}.notice{color:#155e75;background:#ecfeff}.notice.good{color:#166534;background:#ecfdf5}.notice.subtle{color:#475569;background:#f8fafc}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.stats span,.points-pill{color:#115e59;text-align:center;background:#e6fffb;border-radius:1rem;place-items:center;min-height:56px;padding:.9rem .75rem;font-weight:900;display:grid}.big-progress{background:#ecfeff;border-radius:1.25rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.big-progress span{color:#0f766e;font-size:2rem;font-weight:950}.big-progress small{color:#475569;text-align:right;font-size:.9rem}.section-heading p,.next-step-card p{margin-bottom:0}.mode-grid{gap:1rem;display:grid}.mode-card{gap:.4rem;display:grid}.mode-card button{width:100%;margin-top:.25rem}.group-predict-section{border-top:1px solid #e2e8f0;gap:1rem;padding-top:1rem;display:grid}.table-panel{overflow-x:auto}.match-card{gap:.85rem;display:grid}.locked-match{opacity:.78}.match-meta{color:#155e75;flex-wrap:wrap;gap:.45rem;font-size:.85rem;font-weight:850;display:flex}.match-meta span{background:#ccfbf1;border-radius:999px;padding:.35rem .55rem}.teams{grid-template-columns:1fr auto 1fr;align-items:center;gap:.7rem;font-size:1.22rem;line-height:1.16;display:grid}.teams strong{word-break:break-word;border-radius:.85rem;margin:-.35rem -.45rem;padding:.35rem .45rem}.teams strong:last-child{text-align:right}.teams span{color:#64748b;font-size:.85rem;font-weight:900}.teams .team-winner{color:#166534;box-shadow:none;background:#dcfce766}.venue,.score-readout{color:#64748b;font-size:.98rem}.score-entry{gap:.75rem;display:grid}.score-input{align-items:end;gap:.7rem;display:flex}.score-input label{flex:1;gap:.35rem;display:grid}.score-input label span{color:#475569;font-size:.9rem;font-weight:850}.score-label{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.score-input input{text-align:center;border-color:#cbd5e1;width:100%;min-height:72px;font-size:2rem;font-weight:950;line-height:1}.score-input input:focus{border-color:#0f766e;outline:3px solid #14b8a655}.score-input input::placeholder{color:#94a3b8}.dash{color:#64748b;padding-bottom:1.25rem;font-size:1.6rem;font-weight:950}.penalty-input{background:#f0fdfa;border:2px dashed #14b8a6;border-radius:1.1rem;gap:.65rem;padding:.85rem;display:grid}.penalty-heading{justify-content:space-between;align-items:start;gap:.7rem;display:flex}.penalty-heading strong{color:#0f766e}.penalty-heading span{color:#475569;text-align:right;font-size:.86rem;font-weight:800}.penalty-score-input input{min-height:62px;font-size:1.55rem}.penalty-winner,.penalty-warning{margin:0;font-size:.95rem;font-weight:900}.penalty-winner{color:#166534}.penalty-warning{color:#92400e}.round-section{background:#f8fafc;gap:.85rem;display:grid}.bracket-scroller{overscroll-behavior-x:contain;scroll-snap-type:x proximity;grid-auto-columns:minmax(min(88vw,25rem),1fr);grid-auto-flow:column;gap:1rem;padding:.15rem .1rem 1rem;display:grid;overflow-x:auto}.bracket-round{scroll-snap-align:start;align-content:start;max-height:calc(100svh - 8rem);overflow-y:auto}.round-heading{justify-content:space-between;align-items:start;gap:.8rem;display:flex}.round-heading h3{margin-bottom:0}.round-heading span{color:#155e75;white-space:nowrap;background:#ccfbf1;border-radius:999px;padding:.35rem .6rem;font-size:.8rem;font-weight:900}.bracket-pair-list{gap:1rem;display:grid}.bracket-pair{border-left:4px solid #14b8a6;gap:.55rem;padding-left:.7rem;display:grid}.bracket-side{gap:.35rem;display:grid}.bracket-connector{color:#155e75;text-align:center;background:#ecfeff;border-radius:1rem;padding:.75rem;font-size:.92rem;font-weight:900}.champion-card{text-align:center;color:#92400e;background:#fef3c7;gap:.25rem;display:grid}.champion-card span{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:900}.champion-card strong{text-transform:capitalize;font-size:1.6rem}.fixture-focus .match-card{border-color:#0f766e;box-shadow:0 12px 30px #0f766e1f}.group-table{border-collapse:collapse;width:100%;font-size:.92rem}.group-table th,.group-table td{text-align:right;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:.72rem .45rem}.group-table th:first-child,.group-table td:first-child{text-align:left;white-space:normal;min-width:9rem}.third-place-table th:first-child,.third-place-table td:first-child,.third-place-table th:nth-child(2),.third-place-table td:nth-child(2){text-align:center;min-width:3.2rem}.third-place-table th:nth-child(3),.third-place-table td:nth-child(3){text-align:left;white-space:normal;min-width:9rem}.qualified td{background:#dcfce744}.third td{background:#fef3c744}.bracket{gap:1rem;display:grid}.nav-drawer-wrap{position:relative}.menu-button{color:#fff;background:#0b1220;border-radius:.95rem;min-height:48px;padding:.75rem 1rem}.top-nav{background:#fff;border:1px solid #e2e8f0;border-radius:1.2rem;grid-template-columns:1fr;gap:.45rem;min-width:min(88vw,340px);padding:.6rem;display:none;position:absolute;top:calc(100% + .6rem);right:0;box-shadow:0 20px 45px #0f172a24}.top-nav.open{display:grid}.top-nav button{color:#132033;width:100%;box-shadow:none;text-align:left;background:#f1f5f9;border-radius:.9rem}.top-nav button.active{color:#fff;background:#0f766e}.update-bar{z-index:8;color:#fff;background:#0b1220;border-radius:1.1rem;align-items:center;gap:.8rem;padding:1rem;display:grid;position:sticky;top:5rem;box-shadow:0 12px 32px #0f172a33}.update-bar strong{font-size:1.05rem;display:block}.update-bar span{color:#cbd5e1;margin-top:.2rem;font-size:.95rem;display:block}.update-bar button{color:#052e2b;background:#14b8a6}.toggle{background:#fff;border:1px solid #e2e8f0;border-radius:1.2rem;align-items:center;gap:.8rem;padding:1rem;font-size:1.1rem;font-weight:800;display:flex}.toggle input{width:1.4rem;height:1.4rem;min-height:auto}.settings-page h3{margin-bottom:.35rem}.settings-panel{gap:.75rem;display:grid}.settings-panel p{margin-bottom:0}.settings-actions{gap:.65rem;display:grid}.secondary-action{color:#0f172a;box-shadow:none;background:#e2e8f0}.visually-hidden-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}@media (width<=420px){:root{font-size:16px}.shell{padding-left:.65rem;padding-right:.65rem}.teams{gap:.45rem;font-size:1.08rem}.score-input{gap:.45rem}.score-input input{min-height:68px;padding:.75rem .35rem;font-size:1.85rem}.app-header{align-items:flex-start}.menu-button{min-width:86px}}@media (width>=760px){:root{font-size:18px}.stats,.mode-grid{grid-template-columns:repeat(2,1fr)}.bracket{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{padding-left:2rem;padding-right:2rem}.top-nav{min-width:380px}}.home-hero{text-align:center;grid-template-columns:1fr;justify-items:center;gap:.95rem;display:grid}.home-hero .primary-action{width:100%;max-width:24rem}.wc26-home-icon{filter:drop-shadow(0 10px 22px #0f172a20);border-radius:0;width:min(72vw,280px);height:auto}.team-flag-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.team-flag-tile{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;align-content:center;gap:.1rem;min-height:86px;padding:.55rem;display:grid}.team-flag-tile span{font-size:1.65rem}.team-flag-tile strong{color:#0b1220;font-size:.78rem;line-height:1.08}.team-flag-tile small{color:#64748b;font-size:.68rem;font-weight:850}.featured-mode-card{background:#f0fdfa;border-color:#14b8a6}.group-table-grid{grid-template-columns:1fr;gap:1rem;display:grid}.needs-result .match-card{background:#fffbeb;border-color:#f59e0b;box-shadow:0 12px 30px #f59e0b24}.has-result .match-card{border-color:#86efac}.result-flag{color:#451a03;background:#f59e0b;border-radius:999px;margin:0 0 .4rem .25rem;padding:.35rem .7rem;font-size:.85rem;font-weight:950;display:inline-grid}@media (width<=420px){.team-flag-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.42rem}.team-flag-tile{min-height:78px;padding:.42rem}.team-flag-tile strong{font-size:.68rem}.team-flag-tile small{font-size:.6rem}.wc26-home-icon{width:min(78vw,220px)}.home-hero{gap:.8rem}}@media (width>=560px){.team-flag-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.group-table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.three-mode-grid{grid-template-columns:repeat(3,1fr)}.group-table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.group-grid{gap:.35rem;display:grid}.group-row{border-bottom:1px solid #e2e8f0;grid-template-columns:1.15rem 1fr;align-items:center;gap:.45rem;padding:.35rem 0;display:grid}.group-row:last-child{border-bottom:0}.group-letter{color:#0b1220;text-align:center;font-size:.9rem;font-weight:950;line-height:1}.group-teams{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;display:grid}.group-team-tile{text-align:center;justify-content:center;align-items:center;gap:.18rem;min-width:0;min-height:2rem;padding:.05rem;display:flex}.group-team-tile .team-flag{font-size:1.18rem;line-height:1}.group-team-tile .team-code{color:#0b1220;letter-spacing:.02em;font-size:.64rem;font-weight:950;line-height:1}.fixtures-page .teams strong{font-size:1.4rem}.fixtures-page .match-card{padding:1.25rem}.fixtures-page .score-input input{min-height:4.5rem;font-size:2.2rem}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark],[data-theme=dark] body{color:#f1f5f9;background:#0b1220}[data-theme=dark] .app-header{background:#0b1220ee;border-bottom-color:#1e293b}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:#f8fafc}[data-theme=dark] p{color:#cbd5e1}[data-theme=dark] .hero,[data-theme=dark] .panel,[data-theme=dark] .match-card,[data-theme=dark] .notice,[data-theme=dark] .next-step-card,[data-theme=dark] .round-section,[data-theme=dark] .champion-card{background:#1e293b;border-color:#334155}[data-theme=dark] .notice{color:#cffafe;background:#164e63}[data-theme=dark] .notice.good{color:#d1fae5;background:#14532d}[data-theme=dark] .notice.subtle{color:#94a3b8;background:#1e293b}[data-theme=dark] .stats span,[data-theme=dark] .points-pill{color:#a5f3fc;background:#164e63}[data-theme=dark] .big-progress{background:#164e63}[data-theme=dark] .big-progress span{color:#22d3ee}[data-theme=dark] .big-progress small{color:#cbd5e1}[data-theme=dark] .match-meta{color:#5eead4}[data-theme=dark] .match-meta span{color:#99f6e4;background:#134e4a}[data-theme=dark] .teams span,[data-theme=dark] .venue,[data-theme=dark] .score-readout{color:#94a3b8}[data-theme=dark] .score-input label span{color:#cbd5e1}[data-theme=dark] .score-input input{color:#f1f5f9;background:#0f172a;border-color:#475569}[data-theme=dark] .score-input input:focus{border-color:#14b8a6;outline-color:#14b8a6}[data-theme=dark] .score-input input::placeholder{color:#64748b}[data-theme=dark] .dash{color:#94a3b8}[data-theme=dark] .penalty-input{background:#134e4a;border-color:#14b8a6}[data-theme=dark] .penalty-heading strong,[data-theme=dark] .penalty-winner{color:#a7f3d0}[data-theme=dark] .penalty-heading span,[data-theme=dark] .penalty-warning{color:#fde68a}[data-theme=dark] .round-section{background:#1e293b}[data-theme=dark] .round-heading span,[data-theme=dark] .bracket-connector{color:#a5f3fc;background:#164e63}[data-theme=dark] .bracket-pair{border-left-color:#14b8a6}[data-theme=dark] .teams .team-winner{color:#dcfce7;box-shadow:none;background:#14532d88}[data-theme=dark] .champion-card{color:#fef3c7;background:#78350f}[data-theme=dark] .group-table th,[data-theme=dark] .group-table td{border-bottom-color:#334155}[data-theme=dark] .qualified td{background:#14532d44}[data-theme=dark] .third td{background:#78350f44}[data-theme=dark] .top-nav{background:#1e293b;border-color:#334155}[data-theme=dark] .top-nav button{color:#f1f5f9;background:#334155}[data-theme=dark] .top-nav button.active{color:#fff;background:#0f766e}[data-theme=dark] .toggle{background:#1e293b;border-color:#334155}[data-theme=dark] .secondary-action{color:#f1f5f9;background:#334155}[data-theme=dark] select,[data-theme=dark] input{color:#f1f5f9;background:#1e293b;border-color:#475569}[data-theme=dark] .team-flag-tile{background:#1e293b;border-color:#334155}[data-theme=dark] .team-flag-tile strong{color:#f1f5f9}[data-theme=dark] .team-flag-tile small{color:#94a3b8}[data-theme=dark] .featured-mode-card{background:#134e4a;border-color:#14b8a6}[data-theme=dark] .needs-result .match-card{background:#78350f;border-color:#f59e0b}[data-theme=dark] .has-result .match-card{background:#14532d;border-color:#86efac}[data-theme=dark] .wc26-home-icon{filter:invert()drop-shadow(0 12px 28px #0008)}[data-theme=dark] .group-row{border-bottom-color:#334155}[data-theme=dark] .group-letter,[data-theme=dark] .group-team-tile .team-code{color:#f1f5f9}@media (width<=420px){.group-row{grid-template-columns:1rem 1fr;gap:.35rem}.group-teams{grid-template-columns:repeat(4,minmax(0,1fr));gap:.12rem}.group-team-tile{gap:.12rem;min-height:1.8rem}.group-team-tile .team-flag{font-size:1rem}.group-team-tile .team-code{font-size:.55rem}.fixtures-page .teams strong{font-size:1.15rem}}