:root,html[data-theme=deep-blue]{--navy:#061b44;--navy-2:#0a2a67;--blue:#1769e8;--blue-2:#2c7cf5;--blue-soft:#edf4ff;--bg:#f4f7fb;--surface:#fff;--surface-2:#f8faff;--line:#dbe4f0;--text:#10213d;--muted:#6f7f95;--success:#16a36b;--success-soft:#e9f8f1;--warning:#f59e0b;--warning-soft:#fff6df;--danger:#dc4c64;--danger-soft:#fff0f3;--shadow:0 12px 35px #13315d1a;--shadow-soft:0 5px 18px #13315d14;--radius:20px;--safe-bottom:env(safe-area-inset-bottom,0px)}html[data-theme=sporty-green]{--navy:#123524;--navy-2:#176335;--blue:#17a63b;--blue-2:#22c55e;--blue-soft:#edf9ef;--bg:#f6f8f6;--surface:#fff;--surface-2:#f8fbf8;--line:#dce8de;--text:#14261a;--muted:#6f8074;--success:#16a34a;--success-soft:#eaf8ee;--warning:#f59e0b;--warning-soft:#fff6df;--danger:#dc4c64;--danger-soft:#fff0f3;--shadow:0 12px 35px #184f2a17;--shadow-soft:0 5px 18px #184f2a12}html[data-theme=dark-mode]{--navy:#0b0d13;--navy-2:#151827;--blue:#8b5cf6;--blue-2:#a675ff;--blue-soft:#221a38;--bg:#0c0f14;--surface:#151920;--surface-2:#1b2029;--line:#2a303b;--text:#f4f5f8;--muted:#9da6b5;--success:#47d45f;--success-soft:#15321d;--warning:#ff9f1a;--warning-soft:#3b2a10;--danger:#ff6274;--danger-soft:#3d1820;--shadow:0 12px 35px #00000052;--shadow-soft:0 5px 18px #0000003d}*{box-sizing:border-box}body,html{background:#f4f7fb;background:var(--bg)}body{color:#10213d;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45;margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.screen-center{grid-gap:14px;color:#6f7f95;color:var(--muted);display:grid;gap:14px;min-height:100vh;place-content:center;text-align:center}.loader{animation:spin .9s linear infinite;border:3px solid #dbe4f0;border-top-color:#1769e8;border:3px solid var(--line);border-radius:50%;border-top-color:var(--blue);height:36px;margin:auto;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.app-shell{min-height:100vh}.content{margin:0 auto;max-width:1180px;padding:82px 14px calc(94px + env(safe-area-inset-bottom,0px));padding:82px 14px calc(94px + var(--safe-bottom))}.content,.page{width:100%}.page-loading{color:#6f7f95;color:var(--muted);padding:40px;text-align:center}.mobile-header{align-items:center;background:linear-gradient(135deg,#061b44,#0a2a67);background:linear-gradient(135deg,var(--navy),var(--navy-2));box-shadow:0 2px 12px #04173d2e;color:#fff;display:flex;height:64px;inset:0 0 auto;justify-content:space-between;padding:0 14px;position:fixed;z-index:50}.icon-button{background:#0000;border:0;border-radius:12px;color:inherit;display:grid;font-size:23px;height:42px;place-items:center;width:42px}.icon-button:active{background:#ffffff1a}.brand{align-items:center;color:#fff;display:flex;gap:10px}.brand-logo{border:1px solid #ffffff38;border-radius:11px;box-shadow:0 3px 12px #00000038;flex:0 0 auto;height:40px;object-fit:cover;width:40px}.brand strong{display:block;font-size:16px;letter-spacing:.02em;line-height:1.1}.brand small{color:#9cc2ff;display:block;font-size:9px;font-weight:800;letter-spacing:.12em;margin-top:3px}.brand.compact .brand-logo{border-radius:10px;height:36px;width:36px}.brand.compact strong{font-size:14px}.avatar{background:linear-gradient(145deg,#2b76ee,#1458c5);border:2px solid #fffc;border-radius:50%;color:#fff;display:grid;flex:0 0 auto;font-size:12px;font-weight:900;height:42px;place-items:center;text-decoration:none;width:42px}.avatar.small{height:38px;width:38px}.desktop-sidebar{display:none}.bottom-nav{background:#fffffff7;border-top:1px solid #dbe4f0;border-top:1px solid var(--line);box-shadow:0 -6px 24px #122d5514;display:grid;grid-template-columns:repeat(3,1fr);height:70px;inset:auto 0 0;padding-bottom:env(safe-area-inset-bottom,0);padding-bottom:var(--safe-bottom);position:fixed;z-index:45}.bottom-link{align-items:center;color:#7b899b;display:flex;flex-direction:column;font-weight:750;gap:2px;justify-content:center;text-decoration:none}.bottom-link .nav-icon{font-size:20px;line-height:1}.bottom-link small{font-size:10px}.bottom-link.active{color:#1769e8;color:var(--blue)}.drawer-layer{inset:0;pointer-events:none;position:fixed;z-index:100}.drawer-backdrop{background:#04143194;border:0;inset:0;opacity:0}.drawer,.drawer-backdrop{position:absolute;transition:.22s}.drawer{background:#061b44;background:var(--navy);box-shadow:0 20px 60px #00000047;color:#fff;display:flex;flex-direction:column;inset:0 auto 0 0;overflow:auto;padding:18px;transform:translateX(-105%);width:min(86vw,340px)}.drawer-layer.open{pointer-events:auto}.drawer-layer.open .drawer-backdrop{opacity:1}.drawer-layer.open .drawer{transform:none}.drawer-head{justify-content:space-between}.drawer-head,.drawer-user{align-items:center;display:flex}.drawer-user{background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;gap:12px;margin:24px 0 18px;padding:14px}.drawer-user span,.drawer-user strong{display:block}.drawer-user span{color:#9db3d4;font-size:11px}.drawer-links,.side-links{grid-gap:5px;display:grid;gap:5px}.admin-shortcut,.logout-link,.side-link{align-items:center;background:#0000;border:0;border-radius:12px;color:#b9c9df;display:flex;font-weight:750;gap:12px;padding:12px 14px;text-align:left;text-decoration:none}.side-icon{font-size:18px;text-align:center;width:22px}.side-link.active{background:#fff;box-shadow:0 8px 22px #0000001f;color:#061b44;color:var(--navy)}.admin-shortcut{background:#2574f038;color:#d7e7ff;margin-top:16px}.logout-link{color:#ffb9c4;margin-top:auto}.login-page{background:linear-gradient(145deg,#04142f,#08285e 62%,#0b3a88);display:grid;min-height:100vh;overflow:hidden;padding:22px;place-items:center;position:relative}.login-page:after,.login-page:before{border-radius:50%;content:"";filter:blur(2px);opacity:.22;position:absolute}.login-page:before{background:#3d8cff;height:360px;right:-150px;top:-100px;width:360px}.login-page:after{background:#4fb0ff;bottom:-100px;height:260px;left:-130px;width:260px}.login-card{background:#fff;border-radius:28px;box-shadow:0 30px 80px #0000003d;padding:28px;position:relative;width:min(100%,430px);z-index:1}.login-brand{align-items:center;color:#061b44;color:var(--navy);display:flex;font-weight:900;gap:16px;letter-spacing:.04em}.login-logo{background:#000;border-radius:16px;box-shadow:0 10px 26px #05194133;flex:0 0 auto;height:146px;object-fit:contain;object-position:center;width:86px}.login-brand>div span,.login-brand>div strong{display:block}.login-brand>div strong{font-size:19px}.login-brand>div span{color:#1769e8;color:var(--blue);font-size:9px;letter-spacing:.16em;margin-top:4px}.login-copy{margin:24px 0 28px}.login-copy p{color:#1769e8;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.14em;margin:0 0 8px}.login-copy h1{color:#061b44;color:var(--navy);font-size:42px;letter-spacing:-.045em;line-height:.98;margin:0}.login-copy span{color:#6f7f95;color:var(--muted);display:block;margin-top:16px}.login-card form{grid-gap:15px;display:grid;gap:15px}.login-note{color:#6f7f95;color:var(--muted);display:block;margin-top:18px;text-align:center}label{grid-gap:7px;color:#53657c;display:grid;font-size:12px;font-weight:800;gap:7px}input,select{background:#fff;border:1px solid #dbe4f0;border:1px solid var(--line);border-radius:12px;color:#10213d;color:var(--text);min-height:47px;outline:none;padding:10px 12px;width:100%}input:focus,select:focus{border-color:#1769e8;border-color:var(--blue);box-shadow:0 0 0 3px #1769e81f}.eyebrow,.section-label{color:#1769e8;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.12em;margin:0;text-transform:uppercase}.danger-button,.primary-button,.secondary-button,.small-button{align-items:center;border:0;border-radius:12px;display:inline-flex;font-weight:850;gap:8px;justify-content:center;padding:11px 16px;text-decoration:none}.primary-button{background:linear-gradient(135deg,#1769e8,#0d58cc);background:linear-gradient(135deg,var(--blue),#0d58cc);box-shadow:0 7px 18px #1769e838;color:#fff}.secondary-button{background:#eef4fb;border:1px solid #dbe4f0;border:1px solid var(--line);color:#061b44;color:var(--navy)}.danger-button{background:#fff0f3;background:var(--danger-soft);border:1px solid #ffcbd4;color:#dc4c64;color:var(--danger)}.full{width:100%}.primary-button.full,.secondary-button.full{min-height:48px}.danger-button:disabled,.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.5}.small-button{background:#fff;border:1px solid #dbe4f0;border:1px solid var(--line);color:#10213d;color:var(--text);font-size:11px;padding:7px 10px}.small-button.primary{background:#1769e8;background:var(--blue);border-color:#0000;color:#fff}.small-button.danger{background:#fff0f3;background:var(--danger-soft);color:#dc4c64;color:var(--danger)}.alert{border:1px solid #dbe4f0;border:1px solid var(--line);border-radius:13px;font-size:13px;padding:13px 15px}.alert.error{background:#fff0f3;background:var(--danger-soft);border-color:#ffd1d9;color:#a8273d}.alert.warning{grid-gap:3px;background:#fff6df;background:var(--warning-soft);border-color:#f4d893;color:#8a5a00;display:grid;gap:3px}.alert.info{background:#edf4ff;background:var(--blue-soft);border-color:#cbdcff;color:#1d55a3}.form-message{color:#16a36b;color:var(--success);font-size:12px;margin:10px 0 0}.inline-error{color:#dc4c64;color:var(--danger);font-size:11px;margin:8px 0 0;text-align:center}.page-title{margin-bottom:20px}.dashboard-head h1,.page-title h1{color:#061b44;color:var(--navy);font-size:clamp(28px,7vw,44px);letter-spacing:-.035em;line-height:1.05;margin:5px 0 8px}.page-title>p:last-child{color:#6f7f95;color:var(--muted);margin:0;max-width:680px}.dashboard-head{margin-bottom:16px}.dashboard-kicker{color:#6f7f95;color:var(--muted);font-size:12px;font-weight:700}.dashboard-head h1{font-size:27px;margin-top:3px}.stat-grid{grid-gap:8px;background:#fff;border:1px solid #dbe4f0;border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 18px #13315d14;box-shadow:var(--shadow-soft);display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:14px;padding:5px}.stat-card{border-right:1px solid #dbe4f0;border-right:1px solid var(--line);min-width:0;padding:13px 6px;text-align:center}.stat-card:last-child{border-right:0}.stat-card strong{color:#061b44;color:var(--navy);display:block;font-size:23px;line-height:1.1}.stat-card span{color:#6f7f95;color:var(--muted);display:block;font-size:9px;font-weight:800;letter-spacing:.04em;margin-top:4px;text-transform:uppercase}.stat-card.accent strong{color:#f59e0b;color:var(--warning)}.next-match-card{background:#fff;border:1px solid #dbe4f0;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 35px #13315d1a;box-shadow:var(--shadow);margin-bottom:18px;padding:18px}.next-match-meta{color:#6f7f95;color:var(--muted);font-size:10px;margin:8px 0 14px;text-align:center}.next-match-teams{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 72px 1fr;margin-bottom:17px}.next-team{min-width:0;text-align:center}.next-team span{display:block;font-size:34px;line-height:1;margin-bottom:7px}.next-team strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-kickoff{text-align:center}.next-kickoff span{color:#061b44;color:var(--navy);display:block;font-size:24px;font-weight:900}.next-kickoff small{color:#6f7f95;color:var(--muted);font-size:9px;text-transform:uppercase}.next-match-card.complete h2{margin:8px 0 4px}.next-match-card.complete p{color:#6f7f95;color:var(--muted);font-size:12px;margin:0 0 14px}.section-block{margin:22px 0}.section-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:9px}.section-head h2{color:#061b44;color:var(--navy);font-size:15px;margin:0}.section-head a{color:#6f7f95;color:var(--muted);font-size:10px;font-weight:750;text-decoration:none}.compact-matches,.mini-ranking{background:#fff;border:1px solid #dbe4f0;border:1px solid var(--line);border-radius:17px;box-shadow:0 5px 18px #13315d14;box-shadow:var(--shadow-soft);overflow:hidden}.compact-match{grid-gap:8px;align-items:center;border-bottom:1px solid #edf1f7;display:grid;gap:8px;grid-template-columns:64px 1fr auto;padding:11px 13px}.compact-match:last-child{border-bottom:0}.compact-match time{color:#6f7f95;color:var(--muted);font-size:9px}.compact-pair{align-items:center;display:flex;gap:6px;min-width:0}.compact-pair strong{font-size:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-pair strong span{margin-right:4px}.compact-pair i{color:#9aa7b8;font-style:normal}.compact-match em{border-radius:999px;font-size:9px;font-style:normal;font-weight:850;padding:4px 7px}.compact-match em.saved{background:#e9f8f1;background:var(--success-soft);color:#16a36b;color:var(--success)}.compact-match em.missing{background:#fff6df;background:var(--warning-soft);color:#b36a00}.mini-ranking>div{grid-gap:8px;align-items:center;border-bottom:1px solid #edf1f7;display:grid;gap:8px;grid-template-columns:28px 1fr auto;padding:12px 14px}.mini-ranking>div:last-child{border-bottom:0}.mini-ranking>div.me{background:#edf4ff;background:var(--blue-soft)}.mini-ranking b{color:#6f7f95;color:var(--muted)}.mini-ranking span{font-size:12px;font-weight:750}.mini-ranking strong{color:#061b44;color:var(--navy);font-size:11px}.filter-row{display:flex;gap:7px;margin:0 0 14px;overflow:auto;padding-bottom:2px}.filter-row button{background:#fff;border:1px solid #dbe4f0;border:1px solid var(--line);border-radius:999px;color:#6f7f95;color:var(--muted);font-size:11px;font-weight:800;padding:8px 12px;white-space:nowrap}.filter-row button.active{background:#061b44;background:var(--navy);border-color:#061b44;border-color:var(--navy);color:#fff}.filter-row.scroll{padding-bottom:6px}.champion-card{grid-gap:12px;background:linear-gradient(135deg,#061b44,#0a2a67);background:linear-gradient(135deg,var(--navy),var(--navy-2));border-radius:18px;box-shadow:0 12px 35px #13315d1a;box-shadow:var(--shadow);color:#fff;display:grid;gap:12px;margin-bottom:16px;padding:16px}.champion-card>div{align-items:center;display:flex;gap:10px}.champion-icon{background:#ffffff1f;border-radius:12px;color:#ffd45e;display:grid;height:38px;place-items:center;width:38px}.champion-card .eyebrow{color:#9fc5ff}.champion-card h2{font-size:15px;margin:2px 0}.champion-card select{background:#fff;color:#10213d;color:var(--text)}.champion-card small{color:#b9d4ff}.match-list{grid-gap:11px;display:grid;gap:11px}.match-card{background:#fff;border:1px solid #dbe4f0;border:1px solid var(--line);border-radius:17px;box-shadow:0 5px 18px #13315d14;box-shadow:var(--shadow-soft);overflow:hidden;scroll-margin-top:90px}.match-card.missing{border-color:#f0c36d}.match-meta{background:#f8faff;border-bottom:1px solid #edf1f7;color:#6f7f95;color:var(--muted);display:flex;font-size:9px;gap:10px;justify-content:space-between;padding:9px 12px}.match-main{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) 114px minmax(0,1fr);padding:16px 10px 12px}.team{min-width:0;text-align:center}.team-flag{display:block;font-size:30px;line-height:1;margin-bottom:7px}.team strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-score-zone{display:grid;place-items:center}.final-score,.locked-score,.tip-score{grid-gap:5px;align-items:center;display:grid;gap:5px;grid-template-columns:42px 12px 42px}.tip-score input{border-color:#b9cce7;border-radius:10px;font-size:19px;font-weight:900;height:46px;min-height:46px;padding:3px;text-align:center}.final-score span,.locked-score span,.tip-score span{color:#6f7f95;color:var(--muted);font-weight:900;text-align:center}.final-score strong,.locked-score strong{background:#f2f6fb;border-radius:10px;color:#061b44;color:var(--navy);display:grid;font-size:19px;height:44px;place-items:center}.final-score{position:relative}.final-score small{color:#6f7f95;color:var(--muted);font-size:8px;left:0;position:absolute;right:0;text-align:center;text-transform:uppercase;top:49px}.tip-footer{align-items:center;background:#fbfcfe;border-top:1px solid #edf1f7;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:10px 12px}.tip-status{font-size:9px;font-weight:850}.tip-status.saved{color:#16a36b;color:var(--success)}.tip-status.missing{color:#b36a00}.tip-status.locked{color:#6f7f95;color:var(--muted)}.save-tip{background:#1769e8;background:var(--blue);border:0;border-radius:10px;color:#fff;font-size:10px;font-weight:850;padding:8px 11px}.save-tip:disabled{opacity:.45}.points-badge{background:#e9f8f1;background:var(--success-soft);border-radius:999px;color:#16a36b;color:var(--success);font-size:9px;font-weight:900;margin-left:auto;padding:5px 8px}.community-wrap{border-top:1px solid #edf1f7;padding:9px 12px}.text-button{background:none;border:0;color:#1769e8;color:var(--blue);font-size:10px;font-weight:800;padding:0}.community-tips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.community-tips span{background:#f3f6fa;border-radius:8px;color:#6f7f95;color:var(--muted);font-size:9px;padding:5px 7px}.community-tips b{color:#10213d;color:var(--text)}.empty-state{background:#fff;border:1px dashed #c7d3e2;border-radius:18px;padding:36px 20px;text-align:center}.empty-state>span{color:#16a36b;color:var(--success);font-size:32px}.empty-state h3{margin:8px 0 3px}.empty-state p{color:#6f7f95;color:var(--muted);font-size:12px;margin:0}.date-group{margin:24px 0}.date-group>h2{color:#6f7f95;color:var(--muted);font-size:12px;margin:0 0 8px;text-transform:capitalize}.date-group .match-card{margin-bottom:9px}.ranking-list{grid-gap:9px;display:grid;gap:9px}.ranking-item{grid-gap:9px;align-items:center;background:#fff;border:1px solid #dbe4f0;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 18px #13315d14;box-shadow:var(--shadow-soft);display:grid;gap:9px;grid-template-columns:34px 40px 1fr auto;padding:12px}.ranking-item.me{background:#edf4ff;background:var(--blue-soft);border-color:#9fc2ff}.rank-position{background:#f0f4f9;border-radius:9px;color:#061b44;color:var(--navy);display:grid;font-weight:900;height:28px;place-items:center;width:28px}.rank-1 .rank-position{background:#fff4c5;color:#a67800}.rank-2 .rank-position{background:#eef1f5;color:#6f7883}.rank-3 .rank-position{background:#f7e7da;color:#9a5b31}.rank-person{min-width:0}.rank-person span,.rank-person strong{display:block}.rank-person strong{font-size:12px}.rank-person strong small{color:#1769e8;color:var(--blue);font-size:8px;margin-left:6px;text-transform:uppercase}.rank-person span{color:#6f7f95;color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-points{text-align:right}.rank-points span,.rank-points strong{display:block}.rank-points strong{color:#061b44;color:var(--navy);font-size:19px}.rank-points span{color:#6f7f95;color:var(--muted);font-size:8px;text-transform:uppercase}.group-grid{grid-gap:12px;display:grid;gap:12px}.group-card{background:#fff;border:1px solid #dbe4f0;border:1px solid var(--line);border-radius:17px;box-shadow:0 5px 18px #13315d14;box-shadow:var(--shadow-soft);overflow:hidden}.group-card h2{background:linear-gradient(135deg,#061b44,#0a2a67);background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;font-size:15px;margin:0;padding:13px 15px}.group-table{padding:5px 10px 10px}.group-row{grid-gap:5px;align-items:center;border-bottom:1px solid #edf1f7;display:grid;font-size:11px;gap:5px;grid-template-columns:24px 1fr 30px 34px 30px;min-height:42px}.group-row:last-child{border-bottom:0}.group-row.heading{color:#6f7f95;color:var(--muted);font-size:8px;font-weight:800;min-height:31px;text-transform:uppercase}.group-row.qualified{background:#f7faff;box-shadow:inset 3px 0 0 #1769e8;box-shadow:inset 3px 0 0 var(--blue)}.group-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-row>b,.group-row>span:not(:nth-child(2)){text-align:center}.bracket-mobile{grid-gap:24px;display:grid;gap:24px}.bracket-mobile section>h2{color:#6f7f95;color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.knockout-grid{grid-gap:9px;display:grid;gap:9px}.ko-card{background:#fff;border:1px solid #dbe4f0;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 18px #13315d14;box-shadow:var(--shadow-soft);overflow:hidden}.ko-card.final{border-color:#f1ca73}.ko-card header{background:#f7f9fc;color:#6f7f95;color:var(--muted);font-size:9px;padding:8px 11px}.ko-card div{grid-gap:8px;border-top:1px solid #edf1f7;display:grid;font-size:11px;gap:8px;grid-template-columns:1fr auto;padding:10px 12px}.ko-card b{color:#1769e8;color:var(--blue)}.settings-card{background:#fff;border:1px solid #dbe4f0;border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 18px #13315d14;box-shadow:var(--shadow-soft);margin-bottom:12px;padding:17px}.settings-card h2{color:#061b44;color:var(--navy);font-size:16px;margin:0 0 13px}.settings-card>p,.settings-title p{color:#6f7f95;color:var(--muted);font-size:11px}.profile-data{grid-gap:9px;display:grid;gap:9px;grid-template-columns:1fr 1fr}.profile-data span{background:#f6f8fb;border-radius:11px;color:#6f7f95;color:var(--muted);font-size:9px;padding:11px}.profile-data strong{color:#10213d;color:var(--text);display:block;font-size:12px;margin-top:3px}.form-grid{grid-gap:12px;display:grid;gap:12px}.form-grid.two{grid-template-columns:1fr 1fr}.settings-title{align-items:flex-start;display:flex;gap:13px;justify-content:space-between}.settings-title h2{margin-bottom:3px}.settings-title p{margin:0 0 4px}.status-pill{background:#f1f4f8;border-radius:999px;color:#6f7f95;color:var(--muted);flex:0 0 auto;font-size:9px;font-weight:900;padding:5px 8px}.status-pill.on{background:#e9f8f1;background:var(--success-soft);color:#16a36b;color:var(--success)}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.settings-card details{color:#6f7f95;color:var(--muted);font-size:11px;margin-top:14px}.settings-card summary{color:#1769e8;color:var(--blue);cursor:pointer;font-weight:800}.admin-tabs{display:flex;gap:7px;margin-bottom:15px;overflow:auto}.admin-tabs button{background:#fff;border:1px solid #dbe4f0;border:1px solid var(--line);border-radius:999px;color:#6f7f95;color:var(--muted);font-size:10px;font-weight:800;padding:8px 12px}.admin-tabs button.active{background:#061b44;background:var(--navy);border-color:#061b44;border-color:var(--navy);color:#fff}.admin-section{grid-gap:12px;display:grid;gap:12px}.admin-create{grid-gap:9px;display:grid;gap:9px}.admin-list{grid-gap:8px;display:grid;gap:8px}.admin-list article{grid-gap:9px;background:#fff;border:1px solid #dbe4f0;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px #13315d14;box-shadow:var(--shadow-soft);display:grid;gap:9px;padding:12px}.admin-list span,.admin-list strong{display:block}.admin-list span{color:#6f7f95;color:var(--muted);font-size:9px}.admin-actions{display:flex;flex-wrap:wrap;gap:6px}.match-editor,.team-editor{grid-gap:8px;display:grid;gap:8px}.team-editor article{grid-gap:6px;background:#fff;border:1px solid #dbe4f0;border:1px solid var(--line);border-radius:14px;display:grid;gap:6px;grid-template-columns:50px 1.5fr .8fr .6fr 60px;padding:10px}.team-editor .flag-input{font-size:19px;text-align:center}.team-editor button{grid-column:1/-1}.match-editor article{background:#fff;border:1px solid #dbe4f0;border:1px solid var(--line);border-radius:15px;overflow:hidden}.match-editor footer,.match-editor header{align-items:center;background:#f7f9fc;display:flex;gap:10px;justify-content:space-between;padding:10px 12px}.match-editor footer span,.match-editor header span{color:#6f7f95;color:var(--muted);font-size:9px}.admin-match-grid{grid-gap:9px;display:grid;gap:9px;grid-template-columns:1fr 1fr;padding:12px}.input-suffix{color:#6f7f95;color:var(--muted);font-size:10px}.push-device-section{border-top:1px solid #dbe4f0;border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.device-heading{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;margin-bottom:9px}.device-heading h3{color:#061b44;color:var(--navy);font-size:13px;margin:0}.device-heading>span{color:#6f7f95;color:var(--muted);font-size:9px;text-align:right}.push-device-list{grid-gap:8px;display:grid;gap:8px}.push-device{grid-gap:10px;align-items:center;background:#f8faff;border:1px solid #dbe4f0;border:1px solid var(--line);border-radius:12px;display:grid;gap:10px;grid-template-columns:38px 1fr auto;padding:10px}.push-device.current{background:#edf4ff;background:var(--blue-soft);border-color:#a9c7f5}.device-icon{background:#fff;border-radius:11px;box-shadow:0 3px 10px #13315d14;display:grid;font-size:17px;height:38px;place-items:center;width:38px}.device-info{grid-gap:2px;display:grid;gap:2px;min-width:0}.device-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:7px;min-width:0}.device-name-row strong{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-info>span{color:#6f7f95;color:var(--muted);font-size:8px}.current-device-badge{background:#dceaff;border-radius:999px;color:#1769e8!important;color:var(--blue)!important;font-size:7px!important;font-weight:900;letter-spacing:.04em;padding:3px 6px;text-transform:uppercase}.push-device .small-button{white-space:nowrap}@media(max-width:480px){.push-device{grid-template-columns:36px 1fr}.push-device .small-button{grid-column:1/-1;width:100%}.device-heading{align-items:flex-start;flex-direction:column}.device-heading>span{text-align:left}.form-grid.two,.profile-data{grid-template-columns:1fr}.match-main{grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr)}}@media(min-width:640px){.content{padding-left:24px;padding-right:24px}.dashboard-page{max-width:760px}.stat-grid{max-width:560px}.date-group,.match-card,.match-list,.next-match-card{max-width:760px}.group-grid,.knockout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-create{grid-template-columns:repeat(2,1fr)}.admin-create button{grid-column:1/-1}.admin-list article{align-items:center;grid-template-columns:1fr auto}.team-editor article{grid-template-columns:54px 1.6fr 1fr .7fr 60px auto}.team-editor button{grid-column:auto}}@media(min-width:920px){.bottom-nav,.mobile-header{display:none}.desktop-sidebar{background:linear-gradient(180deg,#061b44,#03122f);background:linear-gradient(180deg,var(--navy),#03122f);color:#fff;display:flex;flex-direction:column;inset:0 auto 0 0;padding:24px 18px;position:fixed;width:238px;z-index:50}.desktop-sidebar .brand{margin-bottom:32px}.app-shell{padding-left:238px}.content{padding:38px 34px 60px}.side-links{gap:6px}.desktop-sidebar .logout-link{margin-top:auto}.dashboard-page{max-width:900px}.stat-grid{max-width:620px}.next-match-card{max-width:820px}.group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bracket-mobile{align-items:start;grid-template-columns:repeat(4,minmax(210px,1fr));overflow:auto;padding-bottom:14px}.bracket-mobile section{min-width:210px}.knockout-grid{grid-template-columns:1fr}.settings-card{padding:20px}.admin-create{grid-template-columns:repeat(5,1fr)}.admin-create button{grid-column:auto}.match-editor{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.theme-settings{overflow:hidden}.theme-grid{grid-gap:10px;display:grid;gap:10px;margin-top:14px}.theme-card{grid-gap:11px;align-items:center;background:#fff;background:var(--surface);border:2px solid #dbe4f0;border:2px solid var(--line);border-radius:16px;color:#10213d;color:var(--text);display:grid;gap:11px;grid-template-columns:82px 1fr 26px;padding:10px;position:relative;text-align:left;transition:border-color .16s,transform .16s,box-shadow .16s}.theme-card:hover{box-shadow:0 5px 18px #13315d14;box-shadow:var(--shadow-soft);transform:translateY(-1px)}.theme-card.selected{border-color:#1769e8;border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,#1769e8 12%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 12%,#0000)}.theme-preview{border:1px solid #646e822e;border-radius:10px;display:block;height:58px;overflow:hidden;position:relative;width:82px}.theme-preview i{display:block;position:absolute}.preview-header{height:15px;left:0;right:0;top:0}.preview-stat{border-radius:3px;height:11px;top:21px;width:20px}.preview-stat.one{left:7px}.preview-stat.two{left:31px}.preview-match{border-radius:4px;height:25px;left:55px;top:21px;width:20px}.preview-button{border-radius:3px;height:8px;left:7px;top:37px;width:44px}.preview-nav{bottom:0;height:7px;left:0;right:0}.theme-card-copy small,.theme-card-copy strong{display:block}.theme-card-copy strong{font-size:12px}.theme-card-copy small{color:#6f7f95;color:var(--muted);font-size:9px;margin-top:3px}.theme-check{border:2px solid #dbe4f0;border:2px solid var(--line);border-radius:50%;color:#fff;display:grid;font-size:12px;font-weight:900;height:23px;place-items:center;width:23px}.theme-card.selected .theme-check{background:#1769e8;background:var(--blue);border-color:#1769e8;border-color:var(--blue)}.theme-sporty-green .theme-preview{background:#fff}.theme-sporty-green .preview-header,.theme-sporty-green .preview-nav{background:#153c25}.theme-sporty-green .preview-stat{background:#e9f7ec}.theme-sporty-green .preview-match{background:#f1f4f1;border:1px solid #dfe7df}.theme-sporty-green .preview-button{background:#19ad3e}.theme-deep-blue .theme-preview{background:#f7f9fd}.theme-deep-blue .preview-header,.theme-deep-blue .preview-nav{background:#08275e}.theme-deep-blue .preview-stat{background:#eaf2ff}.theme-deep-blue .preview-match{background:#fff;border:1px solid #dce5f2}.theme-deep-blue .preview-button{background:#1769e8}.theme-dark-mode .theme-preview{background:#0d1015}.theme-dark-mode .preview-header,.theme-dark-mode .preview-nav{background:#090b10}.theme-dark-mode .preview-stat{background:#1f2430}.theme-dark-mode .preview-match{background:#171b22;border:1px solid #2e3440}.theme-dark-mode .preview-button{background:#8b5cf6}html[data-theme=sporty-green] .mobile-header{background:linear-gradient(135deg,#123524,#176335)}html[data-theme=sporty-green] .desktop-sidebar{background:linear-gradient(180deg,#123524,#0b2517)}html[data-theme=sporty-green] .avatar{background:linear-gradient(145deg,#24c44e,#138a32)}html[data-theme=dark-mode],html[data-theme=dark-mode] body{background:#f4f7fb;background:var(--bg);color:#10213d;color:var(--text)}html[data-theme=dark-mode] .mobile-header{background:linear-gradient(135deg,#090b10,#181324)}html[data-theme=dark-mode] .desktop-sidebar{background:linear-gradient(180deg,#090b10,#0c0b11)}html[data-theme=dark-mode] .drawer{background:#0b0d13}html[data-theme=dark-mode] .bottom-nav{background:#0f1218f7;border-color:#dbe4f0;border-color:var(--line)}html[data-theme=dark-mode] .avatar{background:linear-gradient(145deg,#8b5cf6,#6034be)}html[data-theme=dark-mode] .admin-list article,html[data-theme=dark-mode] .empty-state,html[data-theme=dark-mode] .group-card,html[data-theme=dark-mode] .ko-card,html[data-theme=dark-mode] .match-card,html[data-theme=dark-mode] .match-editor article,html[data-theme=dark-mode] .next-match-card,html[data-theme=dark-mode] .ranking-item,html[data-theme=dark-mode] .settings-card,html[data-theme=dark-mode] .team-editor article{background:#fff;background:var(--surface);border-color:#dbe4f0;border-color:var(--line);color:#10213d;color:var(--text)}html[data-theme=dark-mode] .group-row.qualified,html[data-theme=dark-mode] .push-device.current,html[data-theme=dark-mode] .ranking-item.me{background:#edf4ff;background:var(--blue-soft)}html[data-theme=dark-mode] .community-tips span,html[data-theme=dark-mode] .ko-card header,html[data-theme=dark-mode] .match-editor footer,html[data-theme=dark-mode] .match-editor header,html[data-theme=dark-mode] .match-meta,html[data-theme=dark-mode] .profile-data span,html[data-theme=dark-mode] .push-device,html[data-theme=dark-mode] .rank-position,html[data-theme=dark-mode] .tip-footer{background:#f8faff;background:var(--surface-2);border-color:#dbe4f0;border-color:var(--line)}html[data-theme=dark-mode] .device-icon{background:#242a34}html[data-theme=dark-mode] input,html[data-theme=dark-mode] select{background:#10141b;border-color:#dbe4f0;border-color:var(--line);color:#10213d;color:var(--text)}html[data-theme=dark-mode] .secondary-button,html[data-theme=dark-mode] .small-button{background:#202630;border-color:#353d49;color:#10213d;color:var(--text)}html[data-theme=dark-mode] .admin-tabs button{background:#fff;background:var(--surface);border-color:#dbe4f0;border-color:var(--line);color:#6f7f95;color:var(--muted)}html[data-theme=dark-mode] .admin-tabs button.active{background:#1769e8;background:var(--blue);border-color:#1769e8;border-color:var(--blue);color:#fff}html[data-theme=dark-mode] .side-link.active{background:#f1effb;color:#171224}html[data-theme=dark-mode] .brand small{color:#b89bff}html[data-theme=dark-mode] .device-heading h3,html[data-theme=dark-mode] .rank-points strong,html[data-theme=dark-mode] .settings-card h2{color:#10213d;color:var(--text)}html[data-theme=dark-mode] .community-wrap,html[data-theme=dark-mode] .group-row,html[data-theme=dark-mode] .ko-card div,html[data-theme=dark-mode] .tip-footer{border-color:#dbe4f0;border-color:var(--line)}@media(min-width:640px){.theme-grid{grid-template-columns:repeat(3,1fr)}.theme-card{grid-template-columns:1fr 26px}.theme-preview{grid-column:1/-1;height:76px;width:100%}.theme-card-copy strong{font-size:13px}.theme-card-copy small{font-size:9px}}@media(max-width:380px){.login-logo{height:129px;width:76px}.login-brand{gap:13px}.login-brand>div strong{font-size:17px}}.live-badge{align-items:center;background:#fff0f1;border-radius:999px;color:#d7172f;display:inline-flex;font-size:8px;font-weight:950;gap:5px;letter-spacing:.08em;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.live-badge i{animation:livePulse 1.25s infinite;background:#ef233c;border-radius:50%;box-shadow:0 0 0 0 #ef233c8c;height:7px;width:7px}.live-badge em{color:#a70e21;font-style:normal;letter-spacing:0}.live-badge.tiny{font-size:7px;padding:3px 6px}.title-live{margin-left:7px;vertical-align:middle}.match-meta-right{align-items:center;display:flex;gap:7px}.match-card.is-live{border-color:#f2a0aa;box-shadow:0 8px 28px #d7172f1a}.live-score strong{color:#d7172f}.live-points{background:#fff0f1!important;border-color:#ffc7cd!important;color:#d7172f!important}.penalty-note{color:#6f7f95;color:var(--muted)}.mini-ranking strong em,.penalty-note,.rank-points em{display:block;font-size:8px;font-style:normal;margin-top:2px}.mini-ranking strong em,.rank-points em{color:#d7172f;font-weight:900}.ranking-item.has-live-points{border-color:#f1b8bf}.stat-live{color:#d7172f;display:block;font-size:8px;font-style:normal;font-weight:900;margin-top:2px}.live-hero{background:linear-gradient(135deg,#fff,#fff7f8);border:1px solid #f3b5bd;border-radius:20px;box-shadow:0 5px 18px #13315d14;box-shadow:var(--shadow-soft);margin-bottom:14px;padding:14px}.live-hero-head{align-items:center;color:#6f7f95;color:var(--muted);display:flex;font-size:9px;justify-content:space-between}.live-hero-teams{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto 1fr;padding:16px 0 12px}.live-hero-teams>div{grid-gap:5px;display:grid;gap:5px;justify-items:center;text-align:center}.live-hero-teams>div span{font-size:30px}.live-hero-teams>div strong{font-size:11px}.live-hero-teams>b{color:#d7172f;font-size:28px}.live-hero-tip{background:#fff0f1;border-radius:10px;color:#7e2330;font-size:9px;margin-bottom:10px;padding:8px;text-align:center}.compact-match.is-live{background:#fff8f8}.provider-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin:14px 0}.provider-stats>div{grid-gap:2px;background:#f8faff;background:var(--surface-2);border:1px solid #dbe4f0;border:1px solid var(--line);border-radius:12px;display:grid;gap:2px;padding:11px}.provider-stats strong{color:#061b44;color:var(--navy);font-size:17px}.provider-stats span{color:#6f7f95;color:var(--muted);font-size:8px}.live-provider-head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.provider-state{border-radius:999px;font-size:8px;font-weight:900;padding:5px 8px}.provider-state.ok{background:#e9f8ef;color:#12813c}.provider-state.off{background:#f0f2f6;color:#697487}.provider-note{color:#6f7f95;color:var(--muted);font-size:9px;line-height:1.55}.checkbox-label{align-items:center;display:flex!important;gap:8px}.checkbox-label input{width:auto!important}.alert.warning{background:#fff5de;border-color:#f0cf7d;color:#806010}@keyframes livePulse{0%{box-shadow:0 0 0 0 #ef233c8c}70%{box-shadow:0 0 0 7px #ef233c00}to{box-shadow:0 0 0 0 #ef233c00}}html[data-theme=dark-mode] .live-badge{background:#34161e;color:#ff6074}html[data-theme=dark-mode] .live-hero{background:linear-gradient(135deg,#171b22,#21151a);border-color:#63323c}html[data-theme=dark-mode] .live-hero-tip{background:#351820;color:#ffb6c0}html[data-theme=dark-mode] .provider-stats>div{background:#f8faff;background:var(--surface-2)}html[data-theme=dark-mode] .provider-stats strong{color:#10213d;color:var(--text)}@media(min-width:640px){.provider-stats{grid-template-columns:repeat(4,1fr)}}