:root{--ink: #17231d;--muted: #607066;--forest: #1f5f45;--forest-dark: #0b2a20;--forest-soft: #dcefe5;--gold: #d9ae4f;--gold-soft: #f6dfaa;--clay: #a84f31;--paper: #fffdf7;--cream: #f4efe4;--line: #d9dfd4;color:var(--ink);background:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#fffdf7b3,#eef4eef2),linear-gradient(135deg,#f5ead7,#eff5ef 52%,#e4efe6)}button,input,select{font:inherit}button{border:0;border-radius:8px;background:var(--forest);color:#fff;cursor:pointer;font-weight:700;min-height:40px;padding:0 14px;box-shadow:0 1px #ffffff42 inset}button:disabled{cursor:not-allowed;opacity:.55}input,select{width:100%;min-height:40px;border:1px solid #cbd5ce;border-radius:8px;background:var(--paper);color:var(--ink);padding:8px 10px}label{display:grid;gap:6px;color:var(--muted);font-size:.85rem;font-weight:700}h1,h2,p{margin:0}h1{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.05}h2{font-size:1.1rem}.loading{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-shell{display:grid;min-height:100vh;place-items:center;background:linear-gradient(120deg,#0b2a20f2,#0b2a20e6 36%,#f4efe4f5 36%),#f4efe4;padding:24px}.auth-card{width:min(420px,100%);border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:28px;box-shadow:0 24px 60px #12201a21}.login-card{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(320px,1fr);width:min(900px,100%);overflow:hidden;padding:0}.auth-brand-panel{position:relative;display:grid;grid-template-rows:1fr auto;min-height:500px;align-content:stretch;gap:24px;background:linear-gradient(180deg,#030c0a0a,#030c0a8f),#061511;padding:28px}.auth-brand-panel:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(217,174,79,.34);border-radius:6px;pointer-events:none}.auth-trophy{z-index:1;width:min(250px,88%);align-self:center;justify-self:center;filter:drop-shadow(0 22px 32px rgba(0,0,0,.38))}.auth-brand-copy{z-index:1;display:grid;gap:4px;color:#fff8e8}.auth-brand-copy span{color:var(--gold-soft);font-size:.72rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.auth-brand-copy strong{font-size:clamp(1.45rem,4vw,2rem);line-height:1}.auth-form-panel{align-self:center;padding:36px}.auth-card form{display:grid;gap:16px;margin-top:24px}.setup-copy{margin-top:14px;color:var(--muted);line-height:1.45}.auth-card button[type=submit]{width:100%}.link-button,.ghost{background:transparent;color:var(--forest);padding-inline:0;box-shadow:none}.link-button{width:100%;margin-top:16px}.shell{width:min(1480px,100%);margin:0 auto;padding:24px}.brand-lockup{display:flex;min-width:0;align-items:center;gap:14px}.brand-mark{display:grid;width:66px;height:88px;flex:0 0 auto;place-items:center;border:1px solid rgba(217,174,79,.45);border-radius:8px;background:#061511;box-shadow:0 12px 26px #12201a29;overflow:hidden;padding:4px}.brand-mark img{width:100%;height:100%;object-fit:contain}.topbar,.panel-heading,.account,.status-row{display:flex;align-items:center}.topbar{justify-content:space-between;gap:24px;padding:20px 0 26px}.topbar-controls{display:flex;align-items:end;gap:18px}.account{gap:12px;color:var(--muted);font-weight:700}.account,.account-identity,.account-actions{flex-wrap:wrap}.account-identity,.account-actions{display:flex;align-items:center;gap:8px}.compact-button{min-height:36px;padding-inline:10px}.participant-select{min-width:220px}.participant-control{display:grid;gap:6px}.eyebrow{color:var(--clay);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.status-row{min-height:48px;gap:12px;flex-wrap:wrap}.notice,.error{border-radius:8px;padding:10px 12px;font-weight:700}.notice{background:var(--forest-soft);color:#185238}.error{background:#ffe9de;color:#9a3d20}.matches-panel,.participant-panel,.leaderboard-panel{min-width:0}.view-tabs{display:inline-grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:4px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fffdf7e0;margin-bottom:20px;box-shadow:0 10px 28px #12201a0f}.view-tabs button{min-height:42px;border-radius:0;background:transparent;color:var(--muted);box-shadow:none}.view-tabs button.active{background:var(--forest);color:#fff}.main-view{display:grid;gap:20px;align-items:start}.panel-heading{justify-content:space-between;gap:16px;margin-bottom:16px}.panel-heading p{color:var(--muted);font-size:.9rem;margin-top:4px}.compact{align-items:flex-start}.secondary{background:var(--gold);color:var(--ink)}.danger{background:var(--clay)}.segmented{display:grid;grid-template-columns:repeat(6,minmax(72px,1fr));border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fffdf7e6}.segmented button{min-height:38px;border-radius:0;background:transparent;color:var(--muted);box-shadow:none}.segmented button.active{background:var(--forest);color:#fff}.match-schedule-actions{display:grid;gap:8px;justify-items:end}.schedule-toggle{justify-self:end;color:#45574d;font-size:.86rem;font-weight:800}.daily-focus{display:grid;gap:14px}.daily-focus-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.daily-focus-heading p:not(.eyebrow){color:var(--muted);margin-top:4px}.deadline-banner{display:grid;min-width:150px;gap:2px;border-left:4px solid var(--gold);background:#fff8e8;padding:9px 12px}.deadline-banner.urgent{border-left-color:var(--clay);background:#ffe9de}.deadline-banner span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.deadline-banner strong{color:var(--ink)}.focus-status{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;border:1px solid var(--line);border-left:4px solid var(--line);border-radius:8px;background:#fffdf7f0;padding:10px 12px;box-shadow:0 8px 20px #12201a0d}.focus-status.missing{border-left-color:var(--gold)}.focus-status.done{border-left-color:#2e7d57}.focus-status>div{display:grid;gap:2px}.focus-status>div:first-child{flex:1 1 240px}.focus-status strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focus-status span{color:var(--muted);font-size:.8rem;font-weight:800}.focus-match-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:920px}.empty-focus{color:var(--muted);font-weight:800}.match-day-list{display:grid;gap:18px}.match-day{display:grid;gap:10px}.match-day-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:8px}.match-day-heading h3{margin:0;font-size:1rem;text-transform:capitalize}.match-day-heading span{color:var(--muted);font-size:.82rem;font-weight:800}.match-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.match-card{display:grid;min-width:0;gap:8px;border:1px solid var(--line);border-left:4px solid transparent;border-radius:8px;background:#fffdf7f5;padding:10px;overflow:hidden;box-shadow:0 10px 24px #12201a0f}.match-card.predicted{border-left-color:#2e7d57;box-shadow:inset 0 0 0 1px #2e7d5714}.match-card.missing{border-left-color:var(--gold)}.match-card.urgent{border-left-color:var(--clay)}.match-card.not-ready{border-left-color:#8b6f4e;background:#fbfaf7}.match-card-header,.match-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.match-meta{display:flex;flex-wrap:wrap;gap:5px 9px;color:var(--muted);font-size:.76rem;font-weight:700}.match-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.match-number{color:var(--clay)}.venue{color:#718078;font-size:.72rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-name{display:flex;min-width:0;align-items:center;gap:7px;font-size:.92rem;font-weight:800;overflow-wrap:anywhere}.flag{width:22px;height:16px;flex:0 0 auto;border:1px solid rgba(30,42,36,.16);border-radius:2px;object-fit:cover}.scoreline{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:7px 10px;align-items:center}.scoreline input{min-height:30px;padding:4px 6px;text-align:center}.scoreline-team{min-width:0}.scoreline-team.home{grid-column:1;grid-row:1}.scoreline-team.away{grid-column:1;grid-row:2}.scoreline-team.away .team-name{justify-content:flex-start;text-align:left}.scoreline input:nth-of-type(1){grid-column:2;grid-row:1}.scoreline input:nth-of-type(2){grid-column:2;grid-row:2}.score-separator{display:none;color:#65746b;font-weight:900;text-align:center}.score-separator.visible{display:inline}.locked-scoreline{display:grid;gap:6px}.locked-teams{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;align-items:center}.locked-teams .team-name:last-child{justify-content:flex-start;text-align:left}.match-footer button{min-height:34px;padding-inline:10px}.locked-note{color:var(--muted);font-size:.85rem;font-weight:800}.match-state{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;min-height:28px;align-items:center;border-radius:999px;padding:0 10px;background:#edf1ee;color:#45574d;font-size:.78rem;font-weight:800}.pill.admin{background:var(--gold-soft);color:#6c4812}.admin-trigger{min-height:28px;border-radius:999px;padding:0 10px}.pill.open{background:#e0f2e7;color:#185238}.pill.predicted{background:#d8efe1;color:#185238}.pill.missing{background:#fff1d3;color:#7a4d05}.pill.urgent{background:#ffe9de;color:#9a3d20}.pill.locked{background:#edf1ee;color:#45574d}.pill.waiting{background:#fff1d3;color:#7a4d05}.pill.final{background:#dbe8ff;color:#254f8d}.pill.not-ready{background:#efe5d6;color:#665035}.result,.points{color:var(--ink);font-weight:800}.participant-panel,.leaderboard-panel{border:1px solid var(--line);border-radius:8px;background:#fffdf7f5;padding:16px;box-shadow:0 10px 26px #12201a0f}.leaderboard-panel{width:min(760px,100%)}.participant-panel{display:grid;gap:14px}.participant-form{display:grid;gap:10px;border-top:1px solid #ecf0ed;padding-top:14px}.participant-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.leaderboard-table{display:grid;gap:6px}.leaderboard-row{display:grid;grid-template-columns:48px minmax(0,1fr) 56px 56px minmax(100px,.7fr);gap:10px;align-items:center;min-height:40px;border-radius:8px;padding:0 10px;color:#46574e}.leaderboard-row span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row span:nth-child(5){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-winner{display:inline-flex;min-width:0;align-items:center;gap:6px}.leaderboard-winner .flag{flex:0 0 auto}.winner-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winner-bonus{flex:0 0 auto;color:#185238;font-weight:800}.leaderboard-row.header{color:#76877c;font-size:.78rem;font-weight:800;text-transform:uppercase}.leaderboard-row.current{background:#e0f2e7;color:#185238}.mobile-only-panel{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#1e2a245c;padding:18px}.modal{width:min(420px,100%);border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:0 24px 70px #192a2238;padding:18px}.settings-modal{width:min(720px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto}.admin-results-modal{width:min(920px,100%);max-height:min(820px,calc(100vh - 36px));overflow:hidden}.admin-results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #ecf0ed;margin-top:16px;padding-top:14px}.admin-results-toolbar.secondary-toolbar{margin-top:10px;padding-top:10px}.admin-results-toolbar p{color:var(--muted);font-size:.9rem;line-height:1.4}.admin-sync-provider{margin-top:6px;font-weight:800}.admin-sync-warning{margin-top:6px;color:#9a3d20!important;font-weight:800}.admin-sync-controls{display:grid;min-width:min(340px,100%);gap:8px;justify-items:end}.admin-sync-controls .toggle-row{justify-self:stretch}.admin-results-list{display:grid;max-height:min(620px,calc(100vh - 230px));overflow:auto;gap:16px;margin-top:16px;padding-right:4px}.admin-results-day{display:grid;gap:8px}.admin-results-day h3{position:sticky;top:0;z-index:1;margin:0;border-bottom:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:.95rem;padding:6px 0;text-transform:capitalize}.admin-result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px}.admin-result-meta{display:flex;flex-wrap:wrap;gap:6px 10px;color:var(--muted);font-size:.76rem;font-weight:800}.admin-result-teams{display:flex;min-width:0;align-items:center;gap:8px;font-weight:800}.admin-result-controls{display:grid;grid-row:1 / span 2;grid-column:2;grid-template-columns:72px 72px auto auto;gap:8px;align-items:end}.admin-result-controls label{font-size:.72rem}.admin-result-controls input{min-height:34px;padding:4px 6px;text-align:center}.admin-result-controls button{min-height:34px;padding-inline:10px}.modal-heading,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-form{display:grid;gap:16px;margin-top:18px}.champion-picker-section{display:grid;gap:10px}.champion-picker-section h3{margin:0;font-size:1rem}.champion-picker-section p{margin-top:4px;color:var(--muted);font-size:.88rem}.champion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;max-height:min(420px,55vh);overflow:auto;padding-right:2px}.champion-option{display:grid;justify-items:center;align-content:center;min-height:78px;gap:6px;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:8px 6px;text-align:center}.champion-option.selected{border-color:var(--forest);background:var(--forest-soft);box-shadow:inset 0 0 0 1px var(--forest)}.champion-option img{width:32px;height:22px;border-radius:3px;object-fit:cover}.champion-option span{max-width:100%;overflow-wrap:anywhere;font-size:.75rem;line-height:1.15}.selected-champion{color:#45574d;font-weight:800}.close-button{min-height:32px}.modal-actions button{min-width:120px}.settings-content{display:grid;gap:22px;margin-top:18px}.settings-section{display:grid;gap:12px;border-top:1px solid #ecf0ed;padding-top:16px}.settings-section:first-child{border-top:0;padding-top:0}.settings-section h3{margin:0;font-size:1rem}.settings-section p{margin-top:4px;color:var(--muted);font-size:.9rem}.settings-participants{display:grid;gap:10px}.settings-participant-row{display:grid;grid-template-columns:minmax(190px,1fr) minmax(170px,.7fr) auto;gap:12px;align-items:end;border:1px solid #ecf0ed;border-radius:8px;padding:10px;background:#fffaf0}.settings-name-field,.settings-champion-pick,.settings-row-actions{align-self:end}.settings-champion-pick{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;align-items:center}.settings-champion-pick span{grid-column:1 / -1;color:var(--muted);font-size:.78rem;font-weight:800}.settings-champion-pick strong{color:var(--ink);font-size:.9rem}.settings-champion-pick small,.toggle-row small{display:block;grid-column:1 / -1;color:var(--muted);font-size:.78rem;font-weight:700;line-height:1.35}.settings-champion-value{display:flex;min-height:40px;min-width:0;align-items:center;gap:7px}.settings-champion-value strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.champion-change-button{min-height:40px;min-width:64px;padding-inline:12px}.settings-row-actions{display:flex;align-items:end;gap:8px}.settings-row-actions button{min-height:40px;white-space:nowrap}.toggle-row{display:flex;grid-template-columns:none;align-items:flex-start;gap:10px;color:var(--ink);font-size:.95rem}.toggle-row input{width:18px;min-height:18px;margin-top:2px;accent-color:var(--forest)}.toggle-row strong{display:block;margin-bottom:2px}@media (max-width: 980px){.mobile-only-panel{display:grid}}@media (max-width: 700px){.auth-shell{align-items:start;background:linear-gradient(180deg,#0b2a20fa 0,#0b2a20fa 188px,#f4efe4f7 188px),#f4efe4;padding:16px}.login-card{grid-template-columns:1fr;margin-top:18px}.auth-brand-panel{min-height:150px;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto;align-content:center;align-items:center;padding:18px}.auth-brand-panel:after{top:10px;right:10px;bottom:10px;left:10px}.auth-trophy{width:92px}.auth-form-panel{padding:24px 18px 22px}.shell{padding:16px}.topbar,.panel-heading,.daily-focus-heading{align-items:flex-start;flex-direction:column}.topbar-controls{width:100%;align-items:stretch;flex-direction:column;gap:10px}.brand-lockup{width:100%}.brand-mark{width:52px;height:70px}.account,.account-identity,.account-actions{width:100%;justify-content:space-between}.settings-participant-row{grid-template-columns:1fr}.leaderboard-row{grid-template-columns:34px minmax(0,1fr) 46px 42px 36px;gap:6px;padding-inline:8px}.leaderboard-row.header{font-size:.68rem}.leaderboard-row.header span:nth-child(5){overflow:hidden;text-overflow:clip}.leaderboard-row .winner-name,.leaderboard-row .winner-bonus{display:none}.leaderboard-winner{justify-content:center}.participant-select,.participant-control{width:100%}.view-tabs,.segmented{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.participant-actions,.settings-participant-row,.settings-row-actions{grid-template-columns:1fr}.settings-row-actions{display:grid}.match-card-header,.match-footer{align-items:flex-start;flex-direction:column}.match-state{justify-content:flex-start}.admin-results-toolbar,.admin-result-row{align-items:stretch;grid-template-columns:1fr;flex-direction:column}.admin-sync-controls{justify-items:stretch}.admin-result-controls{grid-row:auto;grid-column:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.admin-result-controls button,.admin-sync-controls button{grid-column:1 / -1}}