:root{color-scheme:dark;--bg:#061b18;--panel:#0b2b26;--panel2:#0d352e;--line:#235b4d;--mint:#5de3ae;--text:#f3f7f5;--muted:#91aaa3;--danger:#ff7f8f;--warn:#f0c86a}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% 0,#0c493e 0,#071f1b 36%,#041411 100%);color:var(--text)}
a{text-decoration:none;color:inherit}button,input,select{font:inherit}.site{max-width:1240px;margin:auto;padding:28px 22px 48px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#65f0b7,#16a77c);display:grid;place-items:center;color:#06251d;font-size:22px;box-shadow:0 10px 30px rgba(93,227,174,.18)}.brand span{color:var(--mint)}
.nav-actions{display:flex;gap:10px}.btn{border:1px solid var(--line);background:#0a2924;color:var(--text);padding:12px 17px;border-radius:14px;font-weight:800;cursor:pointer}.btn.primary{background:var(--mint);color:#05251d;border-color:var(--mint)}.btn:hover{transform:translateY(-1px)}
.hero{min-height:68vh;display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.hero-card{padding:48px;border:1px solid rgba(93,227,174,.22);border-radius:32px;background:linear-gradient(145deg,rgba(10,54,46,.9),rgba(5,28,24,.9));box-shadow:0 24px 70px rgba(0,0,0,.28)}.eyebrow{font-size:13px;letter-spacing:.22em;color:var(--mint);font-weight:900}.hero h1{font-size:clamp(44px,7vw,86px);line-height:.94;margin:18px 0}.hero p{font-size:19px;line-height:1.6;color:var(--muted);max-width:700px}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-art{display:grid;gap:14px}.mini{border:1px solid var(--line);background:rgba(8,38,33,.86);border-radius:22px;padding:20px}.mini strong{display:block;font-size:28px}.mini small{color:var(--muted)}
.page-title{margin:30px 0 18px}.page-title h1{font-size:clamp(34px,5vw,62px);margin:8px 0}.page-title p{color:var(--muted);max-width:760px}
.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:22px;align-items:start}.card{background:rgba(7,35,30,.92);border:1px solid var(--line);border-radius:24px;padding:20px}.model-tabs,.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:#08251f;color:var(--muted);border-radius:999px;padding:10px 14px;font-weight:850;cursor:pointer}.tab.active{background:var(--mint);border-color:var(--mint);color:#06251d}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.kpi{border:1px solid #184a3e;border-radius:18px;padding:14px;background:#071f1b}.kpi small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.kpi strong{display:block;margin-top:6px;font-size:24px}.positive{color:var(--mint)}.negative{color:var(--danger)}
.chart-box{height:330px;border:1px solid #184a3e;border-radius:20px;background:linear-gradient(180deg,#082a24,#061c18);padding:12px;overflow:hidden}.chart-box svg{width:100%;height:100%}.chart-label{font-size:10px;fill:#8ea9a1}.chart-grid{stroke:#194c40;stroke-width:1}.chart-line{fill:none;stroke:#5de3ae;stroke-width:3}.chart-dot{fill:#5de3ae}.chart-zero{stroke:#58766e;stroke-dasharray:4 5}
.total-block{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.total-row{padding:14px;border-radius:16px;background:#08251f;border:1px solid #184a3e}.total-row small{color:var(--muted);display:block}.total-row b{font-size:20px}
.picks-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.picks-list{display:grid;gap:12px}.pick-card{border:1px solid #2b6c5b;border-left:4px solid var(--mint);border-radius:18px;background:#f1f6f4;color:#0b2420;overflow:hidden}.pick-top{display:flex;justify-content:space-between;gap:12px;background:#e7f1ed;padding:10px 14px;border-bottom:1px solid #cbded8}.pick-top small{font-weight:850;color:#3c6258}.status{font-size:11px;font-weight:950;border-radius:999px;padding:4px 8px}.status.pending{background:#dce9ff;color:#2c5688}.status.win{background:#c9f2df;color:#0c7653}.status.loss{background:#ffd6dc;color:#9a2738}.pick-body{padding:14px}.match-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:7px 0;align-items:center}.match-row+.match-row{border-top:1px solid #d9e6e2}.picked{font-weight:900}.odds-badge{min-width:58px;text-align:center;background:#d8f7ea;border:1px solid #a9e7cf;color:#0c7452;border-radius:999px;padding:7px}.pick-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;color:#5c766f;font-size:12px}.empty{color:var(--muted);padding:30px;text-align:center}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(480px,100%);background:#08251f;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 25px 70px rgba(0,0,0,.35)}.auth-card h1{margin:10px 0 5px}.auth-card p{color:var(--muted)}.form{display:grid;gap:14px;margin-top:20px}.field{display:grid;gap:7px}.field label{font-size:12px;color:var(--muted);font-weight:800}.field input,.field select{width:100%;padding:13px 14px;border-radius:13px;border:1px solid #285c50;background:#061d19;color:var(--text);outline:none}.form-msg{min-height:22px;color:var(--muted);font-size:13px}.form-msg.error{color:var(--danger)}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px}.user-list{display:grid;gap:10px}.user-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-radius:15px;border:1px solid #184a3e;background:#071f1b}.user-row small{display:block;color:var(--muted);margin-top:4px}.role-pill{align-self:center;color:var(--mint);font-weight:900}
html.auth-check body{visibility:hidden}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-art{display:none}.dashboard-layout{grid-template-columns:1fr}.picks-list{max-height:none}.kpis{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.site{padding:18px 14px 34px}.topbar{align-items:flex-start}.brand-text{font-size:13px}.hero-card{padding:28px 22px}.hero{min-height:76vh}.hero-buttons .btn{width:100%;text-align:center}.kpis{grid-template-columns:1fr 1fr}.total-block{grid-template-columns:1fr}.dashboard-layout{gap:14px}.card{padding:14px}.chart-box{height:270px}.nav-actions .btn.secondary-hide-mobile{display:none}}

.chart-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:12px 0 8px;flex-wrap:wrap}
.chart-mode-tabs{display:flex;gap:8px}
.month-picker{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:800}
.month-picker select{border:1px solid var(--line);background:#071f1b;color:var(--text);padding:9px 12px;border-radius:12px}
.chart-caption{color:var(--muted);font-size:12px;font-weight:800;margin:0 0 8px}
.chart-area-line{fill:none;stroke:#5de3ae;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(93,227,174,.25))}
.chart-dot{cursor:pointer;stroke:#09231e;stroke-width:2}
.chart-dot:focus{outline:none;stroke:#fff;stroke-width:3}
@media(max-width:560px){.chart-toolbar{align-items:stretch}.month-picker{justify-content:space-between;width:100%}.month-picker select{flex:1}}

.tab-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;margin-left:4px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px}
.tab.active .tab-count{background:rgba(4,34,27,.12)}
.subfilters{margin-top:10px;padding-top:10px;border-top:1px solid rgba(88,143,128,.25)}
.hidden{display:none!important}
.picks-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:16px}
.pager-btn{border:1px solid var(--line);background:#08251f;color:var(--text);border-radius:14px;padding:11px 14px;font-weight:850;cursor:pointer}
.pager-btn:last-child{justify-self:end}
.pager-btn:disabled{opacity:.35;cursor:not-allowed}
.pager-status{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}
.pager-status strong{color:var(--text);font-size:16px}
@media(max-width:560px){.picks-pager{grid-template-columns:1fr auto 1fr}.pager-btn{padding:10px 11px;font-size:12px}}


/* PureBet hero identity */
.hero-logo{display:block;width:min(100%,720px);height:auto;margin:0 auto 10px;object-fit:contain}
@media(max-width:560px){.hero-logo{width:100%;margin:0 auto 4px}.hero-card:has(.hero-logo){padding:24px 18px}}

/* Three-column Statistics & Predictions dashboard */
.dashboard-layout-3{grid-template-columns:minmax(430px,1.35fr) minmax(300px,.9fr) minmax(300px,.9fr);gap:16px;align-items:stretch}
.dashboard-layout-3>.card{min-height:690px}
.performance-card{display:flex;flex-direction:column}.performance-card .chart-box{flex:1;min-height:330px}
.predictions-card{display:flex;flex-direction:column}.predictions-card .picks-head h2{margin:5px 0 2px;font-size:21px}.predictions-card .picks-head p{margin:0;color:var(--muted);font-size:12px}
.predictions-list{margin-top:14px;flex:1;align-content:start}.predictions-card .pick-card{font-size:13px}.predictions-card .pick-body{padding:11px}.predictions-card .match-row{padding:6px 0}.predictions-card .pick-meta{font-size:10px}
.pending-total{display:grid;place-items:center;min-width:32px;height:32px;border-radius:999px;background:#103f36;color:var(--mint);font-weight:900}
.dashboard-layout-3 .picks-pager{margin-top:auto;padding-top:14px}
@media(max-width:1100px){.dashboard-layout-3{grid-template-columns:1fr 1fr}.performance-card{grid-column:1/-1}.dashboard-layout-3>.card{min-height:auto}.performance-card .chart-box{min-height:330px}}
@media(max-width:760px){.dashboard-layout-3{grid-template-columns:1fr}.performance-card{grid-column:auto}.predictions-card{min-height:auto}.dashboard-layout-3 .picks-pager{margin-top:14px}}


/* v0.28.32 desktop composition */
@media(min-width:1101px){
  .site{max-width:1420px;padding:18px 20px 20px}
  .page-title{margin:18px 0 12px}
  .page-title h1{font-size:clamp(34px,4vw,54px);margin:6px 0}
  .page-title p{margin:4px 0 0;line-height:1.35}
  .dashboard-layout-3{
    grid-template-columns:minmax(300px,.9fr) minmax(440px,1.28fr) minmax(300px,.9fr);
    grid-template-areas:"final performance pending";
    gap:14px;
    align-items:stretch
  }
  .finalized-card{grid-area:final}
  .performance-card{grid-area:performance}
  .pending-card{grid-area:pending}
  .dashboard-layout-3>.card{min-height:610px;padding:16px;border-radius:20px}
  .performance-card .chart-box{min-height:270px;height:270px}
  .kpis{margin:12px 0;gap:8px}
  .kpi{padding:11px 12px}
  .kpi strong{font-size:21px}
  .chart-toolbar{margin:8px 0 6px}
  .chart-caption{margin-bottom:6px}
  .total-block{margin-top:10px}
  .total-row{padding:10px 12px}
  .predictions-card .picks-head{margin-bottom:10px}
  .predictions-card .picks-head h2{font-size:20px}
  .predictions-list{margin-top:10px;gap:9px}
  .predictions-card .pick-top{padding:8px 10px}
  .predictions-card .pick-body{padding:9px 10px}
  .predictions-card .match-row{padding:5px 0}
  .dashboard-layout-3 .picks-pager{padding-top:10px;margin-top:auto}
}
.panel-icon{display:inline-block;margin-right:8px;font-size:1.05em;vertical-align:-.05em}

/* Protected pending predictions */
.protected-pick{position:relative;min-height:148px}
.pick-protected-content{filter:blur(8px);opacity:.72;pointer-events:none;user-select:none}
.protected-overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;padding:18px;color:#0b2420;background:rgba(235,247,242,.20);backdrop-filter:blur(2px)}
.protected-overlay span{font-size:28px}.protected-overlay b{font-size:15px;margin-top:4px}.protected-overlay small{max-width:220px;margin-top:4px;color:#45675f;font-weight:700}

/* Public model selector */
.public-model-selector{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.model-selector-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.model-selector-copy strong{font-size:14px;color:#eefaf6}
.model-selector-copy span{font-size:11px;line-height:1.35;color:#8fb7ae}
.public-model-selector .model-tabs{margin:0;flex:0 0 auto}
@media(max-width:700px){
 .public-model-selector{align-items:flex-start;flex-direction:column;gap:10px}
 .model-selector-copy span{max-width:330px}
}

/* Home public value cards */
.home-info-card{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}
.home-info-card small{font-size:11px;letter-spacing:.14em;font-weight:800;color:#5ce0b6}
.home-info-card strong{font-size:20px;line-height:1.15}
.home-info-card span{font-size:12px;line-height:1.35;color:#91b9b0}
@media(max-width:700px){.home-info-card strong{font-size:17px}.home-info-card span{font-size:11px}}


/* Home CTA hierarchy */
.home-login-btn{background:transparent}
.hero-primary-action{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:28px}
.home-stats-cta{
  width:min(100%,620px);
  min-height:62px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  padding:16px 22px;
  border-radius:18px;
  font-size:18px;
  text-align:center;
  box-shadow:0 10px 28px rgba(93,227,174,.14)
}
.home-stats-cta .cta-icon{font-size:22px}
.home-stats-cta .cta-arrow{font-size:28px;line-height:1}
.home-cta-copy{margin:0!important;max-width:none!important;font-size:13px!important;line-height:1.4!important;text-align:center;color:#91b9b0!important}
@media(max-width:560px){
  .topbar .home-login-btn{padding:10px 12px;font-size:12px}
  .hero-primary-action{margin-top:20px}
  .home-stats-cta{min-height:56px;font-size:15px;padding:14px 16px;gap:10px}
  .home-stats-cta .cta-icon{font-size:18px}
  .home-stats-cta .cta-arrow{font-size:22px}
  .home-cta-copy{font-size:11px!important}
}