:root{--ink:#19142D;--muted:#696578;--line:#DAD6E5;--paper:#fff;--canvas:#F5F6FA;--purple:#673DE6;--purple-2:#673DE6;--lime:#D6FF6A;--navy:#26144D;--radius-lg:10px;--radius-md:8px;--radius-sm:6px;--shadow:0 8px 24px #26144d0b}
body{background:var(--canvas)}
h1,h2,.page-title h1,.brand>span,.oddcall-cotw h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800}
#leaderboard-view .page-title h1,#leagues-view .page-title h1,#rules-view .page-title h1{letter-spacing:.02em;word-spacing:.12em;line-height:1.12;max-width:100%}
.topbar{background:#f5f6faf5;border-color:var(--line)}
.brand{cursor:pointer;flex-shrink:0;font-size:1.8rem;color:var(--ink)}
.brand small{font-family:Inter,system-ui,sans-serif;font-size:.6rem;letter-spacing:0;font-weight:600}
.brand>span{display:block}
.oddcall-header-logo{width:45px;height:42px;object-fit:contain;mix-blend-mode:multiply}
.btn{border-radius:6px;min-height:44px}
.btn-primary{background:var(--lime);color:var(--navy);box-shadow:none}
.btn-purple{background:var(--purple);color:#fff}
.btn-light{background:#fff;color:var(--ink);border:1px solid var(--line)}
.input,.select{border-color:var(--line);background:#fff;border-radius:6px;min-height:44px}
a{color:var(--purple)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
.panel,.weekly-stats-card,.fixture-card,.auth-page-card{border-radius:8px;box-shadow:none}
.oddcall-auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;max-width:1080px;margin:50px auto 60px}
.oddcall-auth-intro{padding-top:38px}
.oddcall-auth-layout .eyebrow{color:var(--purple)}
.oddcall-auth-intro h1{font-size:clamp(3.8rem,6vw,5.5rem);line-height:.98;text-transform:uppercase;margin:12px 0 24px;letter-spacing:-.02em}
.oddcall-auth-intro p{line-height:1.7;max-width:440px}
.oddcall-auth-intro ul{padding:0;list-style:none;margin-top:30px}
.oddcall-auth-intro li{border-top:1px solid var(--line);padding:16px 0;line-height:1.5}
.oddcall-auth-intro li:before{content:'✓';color:var(--purple);margin-right:12px;font-weight:800}
.oddcall-auth-card{width:100%;padding:30px;max-width:none;background:#fff;border:1px solid var(--line);margin:0}
.oddcall-auth-card h2{font-size:2.7rem;line-height:1;margin:8px 0 16px;text-transform:uppercase}
.oddcall-auth-card>p{color:var(--muted);line-height:1.6}
.oddcall-auth-card .auth-form{display:grid;grid-template-columns:1fr;gap:18px}
.oddcall-auth-card .auth-actions{display:grid;grid-template-columns:1fr;margin:0}
.oddcall-auth-card .auth-status{grid-column:auto;margin:0;overflow-wrap:anywhere}
.oddcall-auth-card .field{gap:8px}
.oddcall-check{display:flex;align-items:flex-start;gap:10px;font-size:.82rem;line-height:1.6;text-transform:none;letter-spacing:0;color:var(--ink)}
.oddcall-check input{width:20px;height:20px;flex:0 0 20px;margin:3px 0;accent-color:var(--purple)}
.oddcall-check small{display:block;color:var(--muted);font-size:inherit}
.oddcall-privacy{color:var(--muted);font-size:.78rem;line-height:1.65;margin:0}
.oddcall-password{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px}
.oddcall-password .input{flex:1;min-width:0;border:0;box-shadow:none}
.oddcall-password button{padding:12px;color:var(--purple);background:none;border:0;font-size:.8rem;font-weight:700}
.oddcall-league-details summary{color:var(--purple);cursor:pointer;padding:10px 0;font-size:.85rem;font-weight:700}
.oddcall-league-details .field{margin-top:10px}
.oddcall-text-button{border:0;background:none;color:var(--purple);justify-self:start;padding:8px 0;font-size:.82rem;font-weight:700}
.oddcall-footer{max-width:1180px;margin:24px auto 0;border-top:1px solid var(--line);padding:24px 16px 120px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.78rem}
.oddcall-footer strong{color:var(--ink);font-size:1.1rem}
.oddcall-footer nav{width:100%;display:flex;gap:16px;flex-wrap:wrap;line-height:1.6}
.oddcall-footer a{color:var(--muted)}
.oddcall-footer button{background:none;border:0;color:var(--muted);padding:0;text-decoration:underline;font-size:inherit}
.oddcall-menu-button{display:none}
.oddcall-profile-options{border-top:1px solid var(--line);margin-top:28px;padding-top:12px;line-height:1.6}
.oddcall-profile-options .btn{margin-top:12px}
.oddcall-highlights-list{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.oddcall-highlight-card{min-width:0;border:1px solid var(--line);border-top:4px solid var(--purple);border-radius:0;background:#fff;color:var(--ink);padding:18px;margin:0;overflow-wrap:anywhere}
.oddcall-highlight-card[hidden]{display:none}
.oddcall-highlight-card h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:2rem;text-transform:uppercase;letter-spacing:0;margin:0 0 14px;line-height:1.08}
.oddcall-highlight-player{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:1.7rem;letter-spacing:0;line-height:1.15;margin:10px 0}
.oddcall-highlight-card p{font-size:.8rem;line-height:1.6;margin:8px 0 0;color:var(--ink)}
.oddcall-highlight-card .oddcall-points{display:inline-block;max-width:100%;background:var(--lime);padding:5px 10px;font-size:.9rem;line-height:1.4;font-weight:800;color:var(--ink)}
.oddcall-highlight-card .oddcall-points[hidden]{display:none}
@media(max-width:760px){.oddcall-highlight-card{padding:16px}.oddcall-highlight-card h3{font-size:1.85rem}.oddcall-highlights-list{gap:14px}}
.oddcall-cotw article+article{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}
.oddcall-cotw .oddcall-call{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:1.7rem;line-height:1.15;margin:10px 0}
.oddcall-cotw p{font-size:.8rem;line-height:1.6;margin:6px 0}
.oddcall-cotw .oddcall-points{display:inline-block;background:var(--lime);padding:5px 10px;font-weight:800;color:var(--ink)}

.oddcall-storage-panel{position:fixed;z-index:100;bottom:18px;left:18px;right:18px;max-width:650px;margin:auto;padding:24px;background:#fff;border:2px solid var(--purple);box-shadow:0 6px 35px #26144d33;color:var(--ink)}
.oddcall-storage-panel h2{margin:0;font-family:Inter,system-ui,sans-serif;font-size:1.1rem}
.oddcall-storage-panel p{font-size:.83rem;line-height:1.7}
.oddcall-storage-actions{display:flex;gap:12px;flex-wrap:wrap}
.oddcall-storage-actions button{background:#fff;color:var(--ink);border:1px solid var(--purple);padding:12px 16px;border-radius:4px;font-weight:700}
.oddcall-storage-actions button[data-storage-choice="granted"]{background:var(--purple);color:#fff}
.oddcall-storage-panel[hidden]{display:none}
.oddcall-startup{position:fixed;inset:0;z-index:90;background:var(--canvas);display:grid;place-content:center;text-align:center}
.oddcall-startup[hidden]{display:none}
.oddcall-startup img{width:64px;margin:auto;mix-blend-mode:multiply}
/* The approved PNG includes a stray divider in its last three columns. */
img[src*="/assets/brand/oddcall-logo.png"]{clip-path:inset(0 3% 0 0)}
.oddcall-startup h2{font-size:2.4rem;margin:16px 0 8px}
.oddcall-startup p{color:var(--muted)}
#home-view{max-width:none}
#home-view .oddcall-home-illustration-note{font-size:.7rem;color:var(--muted);line-height:1.6}
.predictions-hero{background:#E6DEFF;color:var(--ink);box-shadow:none;border-radius:8px}
.predictions-hero:before,.predictions-hero:after{display:none}
.predictions-hero .hero-copy{color:var(--muted)}
.predictions-hero .hero-pill{color:var(--ink);border-color:var(--line);background:#fff}
#predictions-view .predictions-hero .eyebrow{color:var(--navy)}
#predictions-view .predictions-hero h1{letter-spacing:.04em;word-spacing:.18em;line-height:1.12}
@media(min-width:901px){.topbar-inner{gap:12px}.nav-tabs{gap:4px}.nav-tab{padding:10px;font-size:.8rem}.top-auth-link{font-size:.78rem}.brand small{display:none}}
@media(max-width:900px){
 .topbar-inner{display:grid;grid-template-columns:1fr auto auto;width:calc(100% - 28px);gap:12px;min-height:64px;padding:8px 0;position:relative}
 .brand{font-size:1.65rem}.brand small{display:none}.oddcall-header-logo{width:36px;height:36px}
 .top-actions{margin:0;gap:10px;justify-content:end;grid-column:2;grid-row:1;width:auto}
 .top-actions .top-auth-primary{display:none}
 .oddcall-menu-button{display:block;grid-column:3;grid-row:1;background:#fff;color:var(--ink);border:1px solid var(--line);padding:10px 12px;border-radius:4px;min-height:44px;font-size:.8rem}
 .topbar .nav-tabs{display:none;grid-column:1/-1;grid-row:2;width:100%;padding:0;overflow:visible;flex-wrap:wrap;gap:6px;margin:0;border:0;background:transparent}
 .topbar .nav-tabs.oddcall-nav-open{display:flex}
 .topbar .nav-tab{min-height:44px;flex:1 0 30%;text-align:center;white-space:normal;border-radius:4px;padding:12px 8px}
 .oddcall-auth-layout{grid-template-columns:1fr;gap:24px;margin:24px auto 40px;max-width:550px}
 .oddcall-auth-intro{padding:0}.oddcall-auth-intro h1{font-size:3rem;margin:12px 0}.oddcall-auth-intro ul{display:none}
 .oddcall-auth-intro>p:last-of-type{font-size:.85rem;margin:0}.oddcall-auth-card{padding:24px}
 .oddcall-auth-card h2{font-size:2.1rem}.oddcall-footer{padding-bottom:120px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}