:root{color-scheme:light;--navy: #111b42;--navy-2: #0a1028;--gold: #f5c84b;--gold-2: #ead282;--ink: #18203f;--muted: #667089;--line: #dbe2ef;--paper: #ffffff;--soft: #f4f7fb;--green: #1f9d5a;--red: #cf3f4b;--blue: #2563eb;--sky: #e7f0ff;--shadow: 0 14px 36px rgba(18, 27, 66, .11)}*{box-sizing:border-box}html{min-width:320px;background:#eef3f8}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 34rem),linear-gradient(180deg,#f8fbff,#eef3f8 45%,#eaf0f7)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px clamp(16px,4vw,42px);color:#fff;background:linear-gradient(135deg,var(--navy-2),var(--navy));box-shadow:0 12px 32px #0a10282e}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:1.15rem;font-weight:950;text-decoration:none}.brand-ball{font-size:1.35rem}.topbar nav{display:flex;flex-wrap:wrap;gap:10px}.topbar nav a{display:inline-flex;min-height:38px;align-items:center;padding:0 10px;color:#ffffffc7;font-size:.95rem;font-weight:850;text-decoration:none;border-radius:999px}.topbar nav a:hover{color:#fff;background:#ffffff1a}main{width:min(1410px,calc(100% - 36px));margin:0 auto;padding:24px 0 64px}.home{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);gap:22px;align-items:start}.intro-card,.card,.wide-card,.league-hero{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.intro-card{padding:clamp(28px,5vw,58px)}.intro-card h1{max-width:920px;margin:0 0 18px;color:var(--navy);font-size:clamp(2.5rem,6vw,5.4rem);line-height:.96}.intro-card p:not(.eyebrow),.league-hero p,.section-title p,.empty,.small{color:var(--muted);line-height:1.7}.eyebrow{margin:0 0 10px;color:var(--green);font-size:.82rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}h2,h3,p{margin-top:0}h2{margin-bottom:10px;color:var(--navy);font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.1}h3{margin-bottom:10px;color:var(--navy)}.proof-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.proof-row span,.pill{display:inline-flex;min-height:36px;align-items:center;padding:0 12px;color:var(--navy);background:#fff2bd;border:1px solid var(--gold-2);border-radius:999px;font-weight:950}.pill.locked{color:#fff;background:var(--red);border-color:var(--red)}.card,.wide-card{padding:clamp(18px,3vw,30px)}.card.no-pad{padding:0;overflow:hidden}.create-card{display:grid;gap:16px;padding:26px}.wide-card{grid-column:1 / -1}label{display:grid;gap:7px;color:var(--ink);font-weight:850}input,select{width:100%;min-height:48px;padding:12px 14px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;outline:none}input:focus,select:focus,button:focus-visible{border-color:var(--blue);outline:3px solid rgba(76,151,232,.2)}.primary,.secondary,.ghost,.link-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 18px;border-radius:8px;font-weight:950;text-decoration:none}.primary{color:#fff;background:var(--navy);border:1px solid var(--navy)}.secondary{color:var(--navy);background:#fff;border:1px solid #a8aabe}.ghost{color:var(--navy);background:transparent;border:1px solid transparent}.groups-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.groups-preview article{display:grid;gap:6px;padding:14px;background:var(--soft);border:1px solid var(--line);border-radius:10px}.league-layout{display:grid;gap:20px}.league-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:22px;align-items:center;padding:clamp(24px,4vw,42px);overflow:hidden;position:relative}.league-hero:after{content:"";position:absolute;inset:auto -90px -140px auto;width:320px;height:320px;background:radial-gradient(circle,rgba(245,200,75,.28),transparent 68%);pointer-events:none}.league-hero h1{margin:0 0 10px;color:var(--navy);font-size:clamp(2.2rem,5vw,4.5rem)}.invite-box{display:grid;gap:10px;padding:16px;background:#f8fbff;border:1px solid var(--line);border-radius:12px;position:relative;z-index:1}code{overflow-wrap:anywhere;color:var(--green);font-weight:850}.section-title.row,.identity-grid,.invite-form,.session-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}.auth-card,.auth-form,.rules-card,.social-stats,.dashboard-shell{display:grid;gap:16px}.app-tabs{position:sticky;top:74px;z-index:8;display:grid;grid-template-columns:repeat(6,minmax(max-content,1fr));gap:8px;padding:10px;background:#ffffffe0;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 28px #121b4217;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-tabs button{min-height:48px;padding:0 14px;color:var(--muted);background:transparent;border:0;border-radius:12px;font-weight:950}.app-tabs button.active{color:#fff;background:var(--navy);box-shadow:0 10px 22px #111b4233}.auth-tabs{display:flex;gap:10px}.auth-tabs button{min-height:42px;padding:0 14px;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:8px;font-weight:950}.auth-tabs button.active{color:var(--gold);background:var(--navy);border-color:var(--navy)}.social-stats{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.stat-chip{display:grid;gap:4px;padding:14px;background:#f8fbff;border:1px solid var(--line);border-radius:10px}.stat-chip small{color:var(--muted);font-weight:850}.stat-chip strong{color:var(--navy);font-size:1.15rem}.champion-mini{display:flex;flex-wrap:wrap;gap:8px;align-content:center}.champion-mini span{padding:8px 10px;background:#fff4cf;border:1px solid var(--gold-2);border-radius:999px;font-weight:850}.onboarding-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;background:#f8fbff;border-bottom:1px solid var(--line)}.onboarding-steps article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:center;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px}.onboarding-steps b{display:grid;grid-row:span 2;width:34px;height:34px;place-items:center;color:#fff;background:var(--navy);border-radius:50%;font-weight:950}.onboarding-steps span{color:var(--navy);font-weight:950}.onboarding-steps small{color:var(--muted);line-height:1.45}.onboarding-steps .open b{background:var(--green)}.onboarding-steps .locked b{background:var(--red)}.rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rules-grid span,.rules-grid label{display:grid;gap:5px;padding:12px;background:var(--soft);border:1px solid var(--line);border-radius:8px}.rules-grid b{color:var(--navy)}.locked-prompt{display:grid;place-items:center;min-height:260px;padding:28px;text-align:center}.dashboard-shell{padding:clamp(18px,3vw,30px);background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 48%),linear-gradient(135deg,#2463d8,#16419b 46%,#111b42);border-radius:22px;box-shadow:0 20px 44px #2355b838;color:#fff}.player-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}.player-card h2,.player-card p{color:#fff}.player-card .eyebrow{color:#d7e7ff}.avatar-badge{display:grid;width:64px;height:64px;place-items:center;color:#1e2457;background:#fff;border-radius:50%;font-size:1.15rem;font-weight:950}.status-badge{min-width:110px;padding:10px 12px;border-radius:999px;text-align:center;font-weight:950}.status-badge.ok{color:#153f20;background:#d9f7df}.status-badge.warn{color:#5c4208;background:#fff1be}.score-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.score-strip .stat-chip{background:#ffffff24;border-color:#ffffff38}.score-strip .stat-chip small,.score-strip .stat-chip strong{color:#fff}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:12px}.dashboard-grid article{padding:16px;background:#ffffff24;border:1px solid rgba(255,255,255,.2);border-radius:14px}.dashboard-grid h3,.dashboard-grid p{color:#fff}.dashboard-grid .primary{background:#fff;border-color:#fff;color:var(--navy)}.predictor{background:#f4f7fb}.predictor-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:18px;align-items:end;padding:28px;color:#fff;background:linear-gradient(135deg,var(--navy-2),var(--navy));text-align:center}.predictor-head h2{color:#fff}.predictor-head p:not(.eyebrow){color:#ffffffc7}.predictor-head .identity-grid{text-align:left}.predictor-head label{color:#fff}.autosave-line{display:inline-flex;margin-top:10px;padding:7px 10px;color:#dff7e6;background:#1f9d5a38;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-weight:850}.step-tabs{position:sticky;top:78px;z-index:9;display:flex;flex-wrap:wrap;gap:10px;padding:14px clamp(14px,3vw,28px);background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 22px #12133214}.step-tabs button{min-height:44px;padding:0 18px;color:#9ca0b5;background:#fff;border:2px solid #aeb1c5;border-radius:8px;font-weight:950}.step-tabs button.active{color:var(--gold);background:var(--navy);border-color:var(--navy);box-shadow:var(--shadow)}.step-tabs button.done{color:var(--green);border-color:var(--green);background:#eef9ec}.step-body{display:grid;gap:22px;padding:clamp(18px,3vw,34px)}.narrow-step{max-width:860px;margin:0 auto}.info-box{display:grid;gap:8px;max-width:760px;margin:0 auto;padding:18px 22px;color:#1f4e87;background:#e8f2ff;border:2px solid #69aef6;border-radius:12px}.group-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.group-card{display:grid;gap:10px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:10px}.group-card h3{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0;padding:12px;color:var(--gold);background:var(--navy);border-radius:6px;font-size:1.35rem}.group-card small{color:#f4d36fc7;font-size:.75rem}.team-rank{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;color:var(--ink);text-align:left;background:#fff;border:1px solid var(--line);border-radius:8px;font-weight:850}.team-rank.selected{background:#ffe7a3;border-color:#cfaa47}.team-rank b{display:grid;width:24px;height:24px;place-items:center;color:#fff;background:var(--navy);border-radius:50%;font-size:.8rem}.third-counter{display:grid;place-items:center;gap:8px;padding:18px;color:#fff;background:var(--navy);border-radius:8px;text-align:center}.third-counter h3{margin:0;color:#fff}.third-counter strong{color:var(--gold);font-size:1.35rem}.third-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.third-card{display:grid;gap:4px;min-height:54px;padding:10px 12px;color:var(--ink);text-align:left;background:#fff;border:1px solid var(--line);border-radius:8px;font-weight:850}.third-card.active{color:var(--navy);background:#f8df94;border-color:#cfaa47}.bonus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bonus-card{padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px}.bonus-card span{color:var(--navy);font-weight:950}.bonus-card small{color:var(--green);font-weight:850}.center-help{color:var(--muted);text-align:center}.bracket-scroll{overflow-x:auto;padding-bottom:10px}.bracket-board{display:grid;min-width:1480px;grid-template-columns:1.25fr 1.15fr 1.05fr .95fr .9fr .9fr;gap:24px;align-items:start}.round-col{display:grid;gap:14px}.round-col h3{margin:0 0 10px;text-align:center;font-size:1.35rem}.match-card{display:grid;gap:8px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:10px}.match-id{width:fit-content;padding:5px 8px;color:var(--gold);background:var(--navy);border-radius:5px;font-weight:950}.match-card small{color:var(--muted);font-weight:800}.match-card button{min-height:44px;padding:0 12px;color:var(--ink);text-align:left;background:#fff;border:1px solid var(--line);border-radius:8px;font-weight:850}.match-card button.winner{background:#f8df94;border-color:#cfaa47}.wizard-actions{display:flex;justify-content:center;gap:12px}.summary-card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px;text-align:center}.bonus-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;text-align:left}.bonus-summary span{display:grid;gap:3px;padding:10px;background:var(--soft);border:1px solid var(--line);border-radius:8px}.bonus-summary b{color:var(--muted);font-size:.82rem}.save-message{padding:13px 14px;border-radius:10px;font-weight:900;text-align:center}.save-message.ok{color:#1b5426;background:#dff7e3;border:1px solid #b9e5bf}.save-message.error{color:#7d2027;background:#ffe3e6;border:1px solid #f3bdc3}.leaderboard{display:grid;gap:10px;padding:0;margin:0;list-style:none}.leaderboard li{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;background:#f8fbff;border:1px solid var(--line);border-radius:10px}.leaderboard li.mine{background:#eef8f1;border-color:#a9dfbb}.rank{display:grid;min-width:42px;min-height:42px;place-items:center;color:var(--gold);background:var(--navy);border-radius:8px;font-weight:950}.avatar-mini{display:grid;width:42px;height:42px;place-items:center;color:var(--navy);background:#fff4cf;border:1px solid var(--gold-2);border-radius:50%;font-weight:950}.leaderboard strong{display:block;color:var(--navy)}.leaderboard small{display:block;color:var(--muted);line-height:1.45}.prediction-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.prediction-gallery article{padding:16px;background:#f8fbff;border:1px solid var(--line);border-radius:10px}details{margin-top:10px}summary{cursor:pointer;font-weight:900}.admin-panel{display:grid;gap:22px}.admin-lock{display:grid;gap:6px;margin:12px 0 16px;padding:16px;color:var(--navy);background:#fff2bd;border:1px solid var(--gold-2);border-radius:12px}.admin-power-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.admin-power-list span{padding:9px 10px;background:#eef9ec;border:1px solid #cae8c6;border-radius:8px;color:var(--green);font-weight:850}.admin-settings{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end}.admin-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-metric-grid article{padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.admin-metric-grid span,.email-preview-box span{display:block;color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.admin-metric-grid strong,.email-preview-box strong{display:block;margin-top:4px;color:var(--navy);font-size:1.15rem}.admin-metric-grid small,.email-preview-box small,.admin-inspector small{color:var(--muted)}.admin-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-inspector{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.admin-inspector summary{margin-bottom:8px}.admin-inspector p{margin:6px 0}.admin-mail-panel,.admin-mail-test,.admin-mail-broadcasts,.admin-preview-actions{display:grid;gap:10px}.admin-mail-test{grid-template-columns:minmax(220px,1fr) minmax(180px,.45fr)}.admin-mail-broadcasts{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:stretch}.admin-preview-actions{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.email-preview-box{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.email-preview-box iframe{width:100%;min-height:520px;border:1px solid var(--line);border-radius:8px;background:#eef3f8}.mail-recipient-pill{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 14px;border:1px solid #cae8c6;border-radius:8px;background:#eef9ec;color:var(--green);font-weight:900;text-align:center}.secondary:disabled{cursor:wait;opacity:.62}.selected-all-button{border-color:#cae8c6;background:#eef9ec;color:var(--green)}.check-row{display:flex;min-height:48px;align-items:center;gap:10px;padding:0 12px;background:var(--soft);border:1px solid var(--line);border-radius:8px}.check-row input{width:auto;min-height:auto}.scoring-editor{padding:14px;background:var(--soft);border:1px solid var(--line);border-radius:10px}.invite-form,.member-email-fix{margin-bottom:6px}.member-email-fix{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px}.adjustments{display:grid;gap:10px}.adjustments label{grid-template-columns:1fr 120px auto;align-items:center}.loader{display:grid;width:100%;max-width:none;min-height:100vh;margin:0;place-items:center;align-content:center;gap:14px;color:#fff;background:linear-gradient(135deg,var(--navy-2),var(--navy));padding:24px;text-align:center}.loader div{width:52px;height:52px;border:5px solid rgba(255,255,255,.22);border-top-color:var(--gold);border-radius:50%;animation:spin .85s linear infinite}.loader p{margin:0;color:#fff;font-weight:950}.loader small{max-width:420px;color:#ffffffb8;line-height:1.6}.error-loader{background:var(--navy-2)}.error-loader h1{max-width:620px;margin:0;color:#fff}.error-loader .primary{width:auto;background:#fff;color:var(--navy);border-color:#fff}.toast{position:fixed;right:18px;bottom:18px;z-index:20;display:flex;max-width:min(460px,calc(100% - 36px));gap:12px;align-items:center;padding:14px 16px;color:#fff;background:var(--navy);border-radius:10px;box-shadow:var(--shadow)}.toast button{width:30px;height:30px;color:#fff;background:#ffffff29;border:0;border-radius:8px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){body{background:#eef3f8}.group-grid,.groups-preview,.prediction-gallery,.social-stats,.rules-grid,.admin-power-list,.score-strip,.dashboard-grid,.bonus-grid,.bonus-summary,.onboarding-steps,.admin-settings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.home,.league-hero,.predictor-head,.section-title.row,.identity-grid,.invite-form,.member-email-fix,.third-grid,.session-card,.player-card{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.topbar nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.app-tabs{position:static;grid-template-columns:repeat(6,max-content);overflow-x:auto}.step-tabs{position:static;overflow-x:auto;flex-wrap:nowrap}.bracket-scroll{margin-inline:-18px;padding-inline:18px;scroll-snap-type:x mandatory}.bracket-board{min-width:920px;grid-template-columns:repeat(6,260px);gap:14px}.round-col{scroll-snap-align:start}}@media(max-width:620px){main{width:min(100% - 20px,1410px)}.group-grid,.groups-preview,.prediction-gallery,.social-stats,.rules-grid,.admin-power-list,.admin-settings,.admin-metric-grid,.admin-control-grid,.admin-mail-test,.admin-mail-broadcasts,.admin-preview-actions,.score-strip,.dashboard-grid,.onboarding-steps,.bonus-grid,.bonus-summary{grid-template-columns:1fr}.intro-card h1{font-size:2.45rem}.primary,.secondary,.ghost{width:100%}.leaderboard li{grid-template-columns:auto auto 1fr}.leaderboard li>b{grid-column:1 / -1;justify-self:stretch;padding:10px;text-align:center;background:#fff;border-radius:8px}.adjustments label{grid-template-columns:1fr}}