:root{--ink:#13251f;--muted:#66756e;--paper:#f5f4ed;--card:#fff;--line:#dce2dc;--lime:#d9ff62;--green:#176b4b;--orange:#ff784d;--shadow:0 10px 30px #15271f12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1180px)/2));background:var(--ink);color:#fff}.brand{color:#fff;text-decoration:none;font-weight:850;font-size:1.1rem}.brand span{display:inline-grid;place-items:center;background:var(--lime);color:var(--ink);border-radius:9px;padding:7px;margin-right:6px}.status{display:flex;align-items:center;gap:7px;font-size:.8rem}.status i{width:8px;height:8px;border-radius:50%;background:var(--orange)}.status i.online{background:var(--lime)}.nav{display:flex;gap:4px;overflow:auto;padding:9px max(16px,calc((100vw - 1180px)/2));background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.nav a{white-space:nowrap;color:var(--muted);text-decoration:none;padding:8px 11px;border-radius:8px;font-size:.9rem;font-weight:650}.nav a:hover{background:#eff3ef;color:var(--ink)}main{max-width:1180px;margin:auto;padding:32px 20px 80px}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:32px;align-items:center;min-height:400px}.hero h1,.page-head h1{font-size:clamp(2.4rem,6vw,5.7rem);line-height:.95;letter-spacing:-.065em;margin:.18em 0}.page-head h1{font-size:clamp(2.4rem,5vw,4.2rem)}.lede{max-width:600px;font-size:1.2rem;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:850;color:var(--green)}.panel,.group-card,.match-card,.take-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.join-form,label{display:grid;gap:7px}.join-form{gap:16px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;background:#fff}button{border:0;border-radius:9px;padding:10px 14px;font-weight:750}.primary{background:var(--ink);color:#fff}.secondary{background:#edf2ed}.score-strip,.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0}.score-strip div,.stat-grid div{background:var(--lime);border-radius:13px;padding:16px}.score-strip strong,.stat-grid strong{font-size:1.8rem;display:block}.score-strip span,.stat-grid span{font-size:.75rem;font-weight:700}.page-head{margin-bottom:28px}.page-head p:last-child,.muted,.empty{color:var(--muted)}.page-head h1{margin:.15em 0}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.group-card h2{margin-top:0}.pick-row{display:grid;grid-template-columns:88px 1fr;gap:10px;align-items:center;margin:9px 0}.annotation{margin-top:13px}.saved{color:var(--green);font-size:.75rem;font-weight:750}.filters,.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:18px}.filters label{min-width:180px}.match-list{display:grid;gap:10px}.match-card{display:grid;grid-template-columns:160px 1fr auto;gap:18px;align-items:center}.match-meta{font-size:.78rem;color:var(--muted)}.teams{font-weight:800;font-size:1.05rem}.pick-buttons{display:flex;gap:6px}.pick-buttons button{background:#edf2ed}.pick-buttons button.selected{background:var(--lime);outline:2px solid var(--ink)}.combo-match-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px}.combo-option{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:10px}.combo-option input{width:auto}.list-row,.leader-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.leader-row{grid-template-columns:42px 1fr auto;align-items:center}.leader-row strong:first-child{font-size:1.35rem}.leader-row .points{background:var(--lime);border-radius:8px;padding:7px 10px}.takes-grid{columns:3 260px;column-gap:14px}.take-card{break-inside:avoid;margin-bottom:14px}.take-card blockquote{font-size:1.1rem;margin:10px 0}.take-card small{color:var(--muted)}#toast{position:fixed;right:18px;bottom:18px;background:var(--ink);color:#fff;padding:11px 16px;border-radius:9px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}
.league-context{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px max(20px,calc((100vw - 1180px)/2));background:#eaf3ee;border-bottom:1px solid var(--line)}.league-context strong{font-size:.85rem}.league-context label{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:750;color:var(--muted)}.league-context select{width:auto;min-width:125px;padding:7px 30px 7px 9px;font-weight:800}.league-context a{color:var(--green);font-size:.78rem;font-weight:800}.league-context.empty-context{justify-content:center;color:var(--muted);font-size:.82rem}
.league-card{width:100%;display:flex;justify-content:space-between;gap:12px;margin:8px 0;background:#edf2ed;text-align:left}.league-card.active{background:var(--lime);outline:2px solid var(--ink)}.league-card span{color:var(--muted);font-size:.8rem}
@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:auto}.card-grid{grid-template-columns:1fr}.score-strip,.stat-grid{grid-template-columns:repeat(2,1fr)}.match-card{grid-template-columns:1fr}.combo-match-list{grid-template-columns:1fr}.takes-grid{columns:1}.status span{display:none}main{padding:24px 14px 70px}}
@media(max-width:800px){.league-context{align-items:flex-start;flex-direction:column}.league-context label,.league-context select{width:100%}}
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.how-grid p{color:var(--muted);margin-bottom:0}@media(max-width:800px){.how-grid{grid-template-columns:1fr}}
.lock-grid,.lock-summary{display:flex;flex-wrap:wrap;gap:9px}.lock-chip{background:#edf2ed;border-radius:10px;padding:10px 13px;font-weight:750}.lock-chip.locked{background:var(--lime)}.comparison{overflow:auto}.comparison table{border-collapse:collapse;width:100%;min-width:620px}.comparison th,.comparison td{text-align:left;border-bottom:1px solid var(--line);padding:10px}.comparison th{font-size:.78rem;color:var(--muted)}[disabled]{cursor:not-allowed;opacity:.55}

/* Simplified premium app shell */
:root{--ink:#101815;--muted:#6b746f;--paper:#f4f3ee;--card:#fff;--line:#e7e8e3;--lime:#b8f24a;--green:#16704d;--orange:#ff785a;--shadow:0 12px 32px rgba(20,35,28,.06)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#101815,#17251f);color:#fff;padding:24px 16px}.brand{display:flex;align-items:center;margin:0 8px 28px;font-size:1.2rem}.brand span{width:34px;height:34px;padding:0;border-radius:50%;margin-right:9px}.nav{position:static;display:grid;gap:3px;padding:0;background:transparent;border:0;overflow:visible}.nav small{margin:20px 10px 6px;color:#819089;text-transform:uppercase;letter-spacing:.13em;font-size:.62rem;font-weight:800}.nav a{color:#aeb9b3;padding:10px 12px;border-radius:8px}.nav a:hover,.nav a.active{background:#ffffff12;color:#fff}.nav a.active{box-shadow:inset 3px 0 var(--lime)}.workspace{min-width:0}.topbar{height:72px;background:rgba(244,243,238,.92);color:var(--ink);border-bottom:1px solid var(--line);backdrop-filter:blur(14px);padding:0 32px;position:sticky;top:0;z-index:6}.status{color:var(--muted)}.status i.online{background:var(--green)}.league-context{flex:1;background:transparent;border:0;padding:0}.league-context.empty-context{justify-content:flex-start}.league-context select{border:1px solid var(--line);background:#fff}.league-context a{margin-left:auto}main{max-width:1440px;padding:36px 40px 80px}.panel,.group-card,.match-card,.take-card{box-shadow:var(--shadow);border-color:var(--line)}.page-head{max-width:780px}.page-head h1,.dashboard-head h1{font-size:clamp(2.4rem,5vw,4.5rem);letter-spacing:-.055em}.page-head p:last-child{font-size:1.05rem}.dashboard-head{margin-bottom:28px}.dashboard-head h1{margin:.1em 0}.dashboard-head p:last-child{color:var(--muted);font-size:1.05rem}.dashboard-grid{display:grid;grid-template-columns:1.15fr .9fr .95fr;gap:18px;align-items:start}.feature-card{min-height:430px;padding:28px;border-radius:20px;background:radial-gradient(circle at 80% 10%,#48d99b55,transparent 28%),linear-gradient(145deg,#14231d,#075c42);color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 22px 46px rgba(12,64,45,.2)}.feature-card h2{font-size:2.3rem;line-height:1;letter-spacing:-.045em;margin:.25em 0}.feature-card p{color:#c8d7d0}.feature-card .eyebrow{color:var(--lime)}.feature-card .join-form{padding-top:24px}.feature-card label{font-size:.75rem;color:#d5dfda}.feature-card input{border-color:#ffffff25;background:#ffffff12;color:#fff}.feature-card input::placeholder{color:#ffffff75}.feature-card .primary{background:var(--lime);color:var(--ink)}.progress-stack,.activity-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.section-title h2{margin:0;font-size:1.05rem}.section-title a{color:var(--green);font-size:.75rem;font-weight:800;text-decoration:none}.progress-item{margin:18px 0}.progress-item header{display:flex;justify-content:space-between;gap:10px;font-size:.82rem;font-weight:800}.progress-item small{color:var(--muted)}.progress-track{height:7px;background:#edf0ec;border-radius:20px;margin-top:8px;overflow:hidden}.progress-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,#27b879,var(--lime))}.progress-item:nth-child(2) .progress-fill{background:linear-gradient(90deg,#1f8d87,#52d5c4)}.progress-item:nth-child(3) .progress-fill{background:linear-gradient(90deg,#7451df,#b585ff)}.activity-card .list-row{font-size:.82rem}.activity-card .list-row strong{font-size:.85rem}.league-panel{margin-top:18px}.league-card{border:1px solid var(--line);background:#fafbf9;padding:13px}.league-card.active{background:#eef8dd;outline:1px solid #9bcf3e}.score-strip div,.stat-grid div{background:#eef8dd}.primary{background:var(--green)}button,.nav a,input,select,textarea{transition:.16s ease}button:hover{transform:translateY(-1px)}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr 1fr}.feature-card{grid-row:span 2}}
@media(max-width:800px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:12px 12px 0}.brand{margin:0 4px 10px}.nav{display:flex;overflow:auto;gap:2px;padding-bottom:10px}.nav small{display:none}.nav a{white-space:nowrap;padding:8px 10px;font-size:.78rem}.nav a.active{box-shadow:inset 0 -2px var(--lime)}.topbar{height:auto;min-height:64px;padding:10px 14px;align-items:flex-start;gap:10px}.league-context{align-items:flex-start}.league-context strong{font-size:.75rem}.league-context a{display:none}.league-context label{font-size:0}.league-context select{font-size:.78rem;padding:6px 24px 6px 8px;min-width:110px}.status{padding-top:8px}.status strong{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{padding:24px 14px 70px}.dashboard-grid{grid-template-columns:1fr}.feature-card{min-height:390px;grid-row:auto}.dashboard-head h1,.page-head h1{font-size:2.7rem}.page-head{margin-bottom:20px}.league-card{align-items:flex-start;flex-direction:column}.filters{align-items:stretch;flex-direction:column}.filters label{min-width:0}}
.lock-notice{display:flex;gap:8px;align-items:center;margin:0 0 20px;padding:12px 14px;border-radius:12px;font-size:.82rem}.lock-notice span{color:var(--muted)}.lock-notice.open{background:#eef8dd;border:1px solid #cce9a1}.lock-notice.locked{background:#fff2ed;border:1px solid #ffcbbc}.lock-notice.locked strong{color:#a64227}@media(max-width:800px){.lock-notice{align-items:flex-start;flex-direction:column}}
.optional{color:var(--muted);font-size:.68rem;font-weight:500}.league-card code{user-select:all;color:var(--green);font-weight:850;letter-spacing:.08em}.league-card{align-items:center}.league-open{display:flex;flex:1;justify-content:space-between;gap:12px;padding:0;background:transparent;text-align:left}.league-open:hover,.league-remove:hover{transform:none}.league-remove{background:transparent;color:var(--muted);font-size:.72rem;padding:7px}.league-remove:hover{background:#fff2ed;color:#a64227}
.feature-card{min-height:auto;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);justify-content:flex-start}.feature-card h2{font-size:2rem}.feature-card p{color:var(--muted)}.feature-card .eyebrow{color:var(--green)}.feature-card label{color:var(--ink)}.feature-card input{border-color:var(--line);background:#fff;color:var(--ink)}.feature-card input::placeholder{color:#9aa39e}.feature-card .primary{background:var(--green);color:#fff}.welcome-message{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;padding:16px 18px;background:#eef5f1;border:1px solid #d8e7df;border-radius:14px}.welcome-message span{color:var(--muted);font-size:.82rem}.welcome-message[hidden]{display:none}@media(max-width:800px){.welcome-message{align-items:flex-start;flex-direction:column}}
.progress-points{display:block;margin-top:6px;color:var(--green)!important;font-weight:750}.pick-row span{display:grid;gap:2px}.pick-row small{color:var(--green);font-size:.68rem}.point-badge{display:inline-block;margin-top:7px;padding:3px 7px;border-radius:20px;background:#eef8dd;color:var(--green);font-weight:850}.scoring-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.score-rule{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.score-rule>strong{display:inline-block;padding:7px 10px;border-radius:10px;background:var(--lime);font-size:1.4rem}.score-rule h2{font-size:1rem;margin:20px 0 8px}.score-rule p{min-height:72px;color:var(--muted);font-size:.85rem}.score-rule small{color:var(--green);font-weight:800}.scoring-summary{display:grid;grid-template-columns:.7fr 1.3fr;gap:32px}.scoring-summary>div:first-child{padding:22px;border-radius:14px;background:#eef8dd}.scoring-summary>div:first-child>strong{font-size:2.5rem;letter-spacing:-.05em}.leader-entry{border-bottom:1px solid var(--line)}.leader-entry .leader-row{border:0;cursor:pointer;list-style:none}.leader-entry summary::-webkit-details-marker{display:none}.score-breakdown{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:0 0 16px 52px}.score-breakdown div{display:flex;justify-content:space-between;gap:8px;padding:10px;border-radius:10px;background:#f5f7f4;font-size:.72rem}.score-breakdown span,.score-breakdown small{display:block}.score-breakdown small{margin-top:3px;color:var(--muted)}.score-breakdown strong{white-space:nowrap;color:var(--green)}
@media(max-width:1100px){.scoring-grid{grid-template-columns:repeat(3,1fr)}.score-breakdown{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.scoring-grid,.scoring-summary{grid-template-columns:1fr}.score-rule p{min-height:0}.score-breakdown{grid-template-columns:1fr;padding-left:0}}
.knockout-admin-round{padding:18px 0;border-top:1px solid var(--line)}.knockout-admin-round:first-child{border-top:0}.knockout-admin-round>summary{cursor:pointer;list-style:none;margin-bottom:0}.knockout-admin-round>summary::-webkit-details-marker{display:none}.knockout-admin-round[open]>summary{margin-bottom:18px}.knockout-fixture-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.fixture-editor{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fafbf9}.fixture-editor>small{grid-column:1/-1;color:var(--muted)}.fixture-editor label{font-size:.7rem;color:var(--muted)}.fixture-editor select{margin-top:4px;color:var(--ink)}@media(max-width:800px){.knockout-fixture-grid,.fixture-editor{grid-template-columns:1fr}.fixture-editor>small{grid-column:auto}}
.admin-login-panel{max-width:440px}
.match-card.sync-rejected{border-color:#e9a38f}.deadline-error{color:#a64227;font-weight:850}
.language-picker{display:flex;align-items:center;gap:7px;margin-left:auto;margin-right:18px;color:var(--muted);font-size:.72rem;font-weight:750}.language-picker select{width:auto;padding:6px 25px 6px 8px;font-size:.75rem}@media(max-width:800px){.language-picker{margin:0}.language-picker span{display:none}}
.join-required{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:16px 18px;border:1px solid #ffcbbc;border-radius:14px;background:#fff2ed}.join-required span{flex:1;color:var(--muted);font-size:.82rem}.join-required a{text-decoration:none;white-space:nowrap}.join-required[hidden]{display:none}@media(max-width:800px){.join-required{align-items:flex-start;flex-direction:column}}
.field-help{color:var(--muted);font-size:.7rem;line-height:1.4}