:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fff;--color-surface:#f5f7f9;--color-surface-2:#edf0f3;--color-text:#000;--color-text-muted:#0000008c;--color-border:#0000001a;--color-accent-gold:#f1be88;--color-accent-green:#04f25c;--color-danger:#d92d20;--color-warning:#f2a51a;--color-shadow:#0000000f;background:var(--color-bg);color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#051c2c;--color-surface:#0a2840;--color-surface-2:#0e3050;--color-text:#e8f0f7;--color-text-muted:#ffffff8c;--color-border:#ffffff14;--color-shadow:#0000004d}*{box-sizing:border-box}body{background:var(--color-bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}img{display:block}.app-shell{min-height:100vh;padding:24px}.topbar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:16px;max-width:1440px;margin:0 auto 24px;padding-bottom:18px;display:flex}.brand{letter-spacing:0;align-items:center;gap:10px;font-size:24px;font-weight:760;display:flex}.brand svg{color:var(--color-accent-gold)}.topbar p,.muted,.section-head span,.stat-card p,.match-meta,.panel p{color:var(--color-text-muted)}.topbar p{margin:6px 0 0}.topbar-actions{align-items:center;gap:8px;display:flex}.layout{grid-template-columns:minmax(0,1fr) 360px;gap:20px;max-width:1440px;margin:0 auto;display:grid}.content-stack,.side-stack{align-content:start;gap:16px;display:grid}.auth-shell{grid-template-rows:auto 1fr;display:grid}.auth-topbar{width:100%}.auth-layout{place-items:center;min-height:calc(100vh - 150px);display:grid}.auth-panel{width:min(100%,460px)}.auth-heading{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.auth-heading svg{color:var(--color-accent-gold);flex:none;margin-top:2px}.auth-heading h1{margin:0 0 6px;font-size:24px;line-height:1.15}.auth-heading p,.auth-note{margin:0}.auth-links{min-height:28px;margin-top:12px}.auth-links button{color:var(--color-text);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.auth-note{margin-top:12px}.status-strip{border:1px solid var(--color-border);background:var(--color-surface);min-height:48px;box-shadow:0 8px 28px var(--color-shadow);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.status-strip strong{font-weight:620}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-card,.panel{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 8px 28px var(--color-shadow);border-radius:8px}.stat-card{align-items:center;gap:12px;min-height:92px;padding:16px;display:flex}.stat-card p,.stat-card strong{margin:0}.stat-card strong{margin-top:5px;font-size:18px;line-height:1.2;display:block}.stat-icon{background:var(--color-surface-2);border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.panel{padding:18px}.panel h2{margin:0 0 14px;font-size:18px}.wide{overflow:hidden}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-head h2{margin:0}.phase-tabs{gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex;overflow-x:auto}.phase-tab{border:1px solid var(--color-border);background:var(--color-bg);min-height:36px;color:var(--color-text);white-space:nowrap;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-weight:700;display:inline-flex}.phase-tab span{background:var(--color-surface-2);border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 7px;font-size:12px;display:inline-grid}.phase-tab-active{border-color:color-mix(in srgb, var(--color-accent-green), var(--color-border) 45%);background:color-mix(in srgb, var(--color-accent-green), transparent 84%)}.match-list{gap:10px;display:grid}.match-row{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;gap:14px;padding:14px;display:grid}.match-live{border-color:color-mix(in srgb, var(--color-accent-green), var(--color-border) 50%)}.match-meta,.teams-line,.tip-line,.team-label,.status-badge,.rank,.button{align-items:center;display:flex}.match-meta{flex-wrap:wrap;gap:10px;font-size:13px}.status-badge{min-height:24px;color:var(--color-text);background:var(--color-surface-2);border-radius:999px;gap:5px;padding:2px 8px}.match-live .status-badge{background:color-mix(in srgb, var(--color-accent-green), transparent 78%)}.teams-line{grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);align-items:center;gap:12px;display:grid}.team-label{gap:9px;min-width:0;font-weight:680}.team-reverse{justify-content:flex-end}.team-label img,.flag-placeholder{border:1px solid var(--color-border);object-fit:cover;border-radius:3px;flex:none;width:28px;height:20px}.team-label span:last-child{overflow-wrap:anywhere}.score{text-align:center;background:var(--color-surface-2);border-radius:8px;justify-self:center;min-width:72px;padding:7px 8px}.tip-line{flex-wrap:wrap;gap:8px}.tip-label{color:var(--color-text-muted);font-size:13px}.tip-line input{border:1px solid var(--color-border);background:var(--color-surface);width:58px;height:36px;color:var(--color-text);text-align:center;border-radius:6px}.points-pill{background:color-mix(in srgb, var(--color-accent-gold), transparent 72%);border-radius:999px;padding:6px 8px;font-size:13px;font-weight:650}.button{min-height:36px;color:var(--color-text);white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;gap:7px;padding:8px 12px;font-weight:680}.button-primary{background:var(--color-accent-green);color:#000}.button-secondary{border-color:var(--color-border);background:var(--color-surface-2)}.button-ghost{background:0 0;border-color:#0000}.button:disabled{cursor:not-allowed;opacity:.55}.control-code{letter-spacing:0;min-width:22px;font-size:12px;font-weight:760}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{border-bottom:1px solid var(--color-border);text-align:left;padding:11px 10px}th{color:var(--color-text-muted);font-size:13px;font-weight:700}.rank{gap:5px}.rank svg{color:var(--color-accent-gold)}.points-cell{font-weight:760}.form-stack{gap:12px;display:grid}.form-stack label{color:var(--color-text-muted);gap:6px;font-size:13px;font-weight:650;display:grid}.form-stack input{border:1px solid var(--color-border);background:var(--color-bg);width:100%;min-height:40px;color:var(--color-text);border-radius:7px;padding:8px 10px}.form-error{color:var(--color-danger);margin:0;font-size:13px}.form-notice,.empty-state{color:var(--color-text-muted);margin:0;font-size:13px}.form-notice{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:7px;padding:9px 10px}.empty-state{padding:12px}.user-email{overflow-wrap:anywhere;margin-bottom:4px;font-weight:700}.rules-list{gap:8px;margin:0 0 12px;display:grid}.rules-list div{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.rules-list dt{color:var(--color-text-muted)}.rules-list dd{margin:0;font-weight:760}.sync-box{background:var(--color-surface-2);border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:10px;display:flex}.sync-box span,.sync-box strong{display:block}.sync-box span{color:var(--color-text-muted);font-size:13px}.admin-panel{gap:12px;display:grid}.scoring-form{margin-top:4px}.scoring-form h3,.invite-form h3{margin:0;font-size:15px}.invite-form{border-top:1px solid var(--color-border);padding-top:12px}.admin-users{border-top:1px solid var(--color-border);gap:10px;padding-top:8px;display:grid}.admin-users h3{margin:0;font-size:15px}.admin-user-row{background:var(--color-surface-2);border-radius:8px;align-items:center;gap:10px;padding:9px;display:grid}.admin-user-row strong,.admin-user-row span{overflow-wrap:anywhere;display:block}.admin-user-summary{min-width:0}.admin-user-row span{color:var(--color-text-muted);font-size:13px}.admin-user-name-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.admin-user-name-form label{color:var(--color-text-muted);gap:5px;font-size:13px;font-weight:650;display:grid}.admin-user-name-form input{border:1px solid var(--color-border);background:var(--color-bg);width:100%;min-height:36px;color:var(--color-text);border-radius:7px;padding:7px 9px}@media (width<=1120px){.layout{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-panel{grid-column:1/-1}}@media (width<=760px){.app-shell{padding:14px}.topbar,.section-head,.status-strip{flex-direction:column;align-items:stretch}.auth-layout{place-items:start stretch;min-height:auto}.stat-grid,.side-stack,.teams-line{grid-template-columns:1fr}.team-reverse{justify-content:flex-start}.score{justify-self:start}.button{white-space:normal}.admin-user-name-form{grid-template-columns:1fr}}