@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Barlow:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#071310;--panel:#101f1b;--line:#31473f;--muted:#a4b6ae;--green:#00df98;--gold:#ffda6d;--font:'Barlow',Arial,sans-serif;--cond:'Barlow Condensed','Arial Narrow',sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#122b21 0, var(--bg) 65%);color:#f5f8f6;font-family:var(--font);font-size:16px;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{border:0}a{color:inherit}.app{max-width:700px;margin:auto;padding:28px 24px 115px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.brand{font-size:42px;line-height:1;font-weight:900;font-style:italic;letter-spacing:-2px;text-decoration:none}.brand span{color:var(--green)}.free{font-family:var(--cond);font-size:14px;letter-spacing:3px;white-space:nowrap}.demo-strip{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin-bottom:20px}.demo-strip span:first-child{color:#87c5ad;letter-spacing:1.4px;font-weight:700}.stats{display:grid;grid-template-columns:1fr 1fr;background:#10201b;border:1px solid #172b23;border-radius:8px;padding:16px 0}.stat{display:flex;align-items:center;justify-content:center;gap:20px}.stat+.stat{border-left:1px solid var(--line)}.stat span{font:500 16px var(--cond);letter-spacing:2px}.stat strong{font:800 43px/.95 var(--cond)}.stat:first-child strong{color:var(--green)}.prize{width:100%;display:flex;align-items:center;gap:15px;text-align:left;background:linear-gradient(100deg,#282917,#191e17);border:1px solid #323421;border-radius:8px;padding:15px 18px;margin:14px 0 20px}.prize svg{color:var(--gold);width:28px;height:28px}.prize strong{font:800 33px var(--cond);color:var(--gold)}.prize b{font:600 20px var(--cond)}.prize .end{margin-left:auto;color:#c5c8b6;font:400 16px var(--cond)}.chev{font-size:28px;color:var(--muted)}.days{display:flex;border-bottom:1px solid var(--line);margin-bottom:18px}.days button{position:relative;flex:1;background:none;padding:0 10px 15px;color:var(--muted);font:600 23px var(--cond)}.days button.active{color:var(--green)}.days button.active:after{content:'';height:3px;width:84px;position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);background:var(--green);border-radius:4px}.sports{display:flex;gap:8px;margin-bottom:25px}.sports button{flex:1;border:1px solid #385247;background:#10221b;padding:8px 10px;border-radius:30px;font:500 18px var(--cond)}.sports .active{background:var(--green);border-color:var(--green);color:#042218;font-weight:700}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:24px 0 13px}h1,h2,h3,p{margin-top:0}h2{font-size:27px;margin-bottom:0;font-weight:800;letter-spacing:-.6px}.section-title span{font:400 16px var(--cond);color:var(--muted)}.card{background:linear-gradient(120deg,#11261e,#101c19);border:1px solid #3c5549;border-radius:9px;overflow:hidden;margin-bottom:14px}.card-head{display:flex;justify-content:space-between;padding:9px 17px;border-bottom:1px solid #354e42;font:500 15px var(--cond);letter-spacing:1.4px;color:#c4d1cc}.market{text-align:center;font:400 12px var(--cond);letter-spacing:2.4px;color:#a7bdb2;margin:12px 0 5px}.matchup{display:grid;grid-template-columns:1fr 1fr;padding:0 9px 13px}.team{background:none;min-width:0;display:flex;align-items:center;gap:12px;padding:6px 10px;text-align:left;border-radius:5px;transition:background .15s}.team:hover{background:#1b3529}.team+.team{border-left:1px solid #496153;border-radius:0}.team:last-child{flex-direction:row-reverse;text-align:right}.badge{background:var(--team-color);border:2px solid #eee;width:49px;height:49px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font:800 italic 20px var(--cond);box-shadow:0 2px 6px #0005}.team-name{display:block;font:600 21px/1.05 var(--cond)}.line{display:block;font:800 32px/1.15 var(--cond);margin-top:4px}.selected{border:2px solid var(--green);box-shadow:0 0 16px #00df9807}.selected .matchup{padding:1px 12px 15px}.selected .team{flex-direction:column;text-align:center;padding:4px 12px;position:relative}.selected .badge{width:53px;height:53px;font-size:24px}.selected .team-name{font-size:23px}.selected .line{font-size:38px}.selected .chosen .line{color:var(--green)}.chosen .check{display:grid;place-items:center;position:absolute;right:12px;top:7px;background:var(--green);color:#052318;width:22px;height:22px;border-radius:50%;font-size:15px;font-weight:800}.card-bottom{padding:11px 16px;border-top:1px solid #315a44;display:flex;align-items:center;gap:8px;font:500 17px var(--cond);color:var(--muted)}.card-bottom b{color:var(--green);font-weight:600}.card-bottom button{background:none;color:var(--green);margin-left:auto;font:600 17px var(--cond)}.empty{border:1px dashed #3b5347;border-radius:9px;padding:24px;background:#0f2019;color:var(--muted);line-height:1.6}.empty strong{display:block;color:#eef6f1;margin-bottom:4px}nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(700px,100%);display:flex;padding:12px 18px calc(10px + env(safe-area-inset-bottom));background:#0b1915f5;border-top:1px solid #263b31;backdrop-filter:blur(16px)}nav button{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;background:none;flex:1;padding:2px 4px 10px;color:var(--muted);font:500 17px var(--cond)}nav svg{width:25px;height:25px}nav .active{color:var(--green)}nav .active:after{content:'';position:absolute;bottom:0;left:18%;right:18%;height:3px;background:var(--green);border-radius:3px}footer{text-align:center;font:500 11px var(--cond);letter-spacing:2px;color:#6f8a7c;padding-top:26px}footer span{padding:0 10px;color:var(--green)}.page-heading{margin:26px 0 7px;font-size:32px;letter-spacing:-1px}.intro{color:var(--muted);line-height:1.6;margin-bottom:24px}.hero-stat{text-align:center;background:radial-gradient(ellipse at center,#153f2c,#101e18);border:1px solid #355140;border-radius:10px;padding:25px;margin:25px 0}.hero-stat svg{width:30px;height:30px;color:var(--green)}.hero-stat strong{display:block;font:800 100px/1.1 var(--cond);color:var(--green)}.hero-stat span{color:#b7cbbc;font:500 17px var(--cond);letter-spacing:3px}.hero-stat p{color:var(--muted);margin:10px 0 0}.history-row,.rank{display:flex;align-items:center;gap:14px;padding:17px 12px;border-bottom:1px solid #263c30}.result{font-weight:800;color:var(--green);background:#113c2b;padding:9px 11px;border-radius:7px}.result.loss{background:#3a2023;color:#efa4a8}.history-row small,.rank small{display:block;color:var(--muted);margin-top:5px;font-size:13px}.history-row .score{margin-left:auto;font-family:var(--cond);font-size:20px}.rank .position{width:28px;color:var(--muted);font-family:var(--cond);font-size:23px}.avatar{height:37px;width:37px;border-radius:50%;background:#253b30;display:grid;place-items:center;font-weight:700;color:#b4d2be}.rank strong:last-child{margin-left:auto;font:700 29px var(--cond)}.rank.you{background:#123125;border:1px solid #276848;border-radius:8px}.rank.you strong:last-child{color:var(--green)}.table-head{display:flex;justify-content:space-between;color:var(--muted);font:500 14px var(--cond);letter-spacing:2px;padding:12px}.rule{padding:20px 0;border-bottom:1px solid #263c30;display:flex;gap:17px}.rule-number{color:var(--green);font:700 26px var(--cond)}.rule h3{margin:0 0 7px;font-size:19px}.rule p{color:var(--muted);line-height:1.6;margin:0}.notice{background:#25281b;border:1px solid #44432b;border-radius:8px;padding:16px;color:#d7cf9f;line-height:1.6;font-size:14px;margin-top:20px}.demo-controls{margin-top:26px;border:1px solid #31483c;border-radius:9px;padding:18px}.demo-controls p{color:var(--muted);font-size:14px;line-height:1.6}.control-row{display:flex;gap:8px;flex-wrap:wrap}.control-row button{background:#203b2c;border:1px solid #3d5c48;border-radius:6px;padding:10px 14px;font-size:14px}.control-row button:disabled{opacity:.35;cursor:not-allowed}.reset{background:none;color:var(--muted);text-decoration:underline;margin-top:19px;font-size:14px}dialog{background:#10231a;color:#f4f8f5;border:1px solid #42634c;border-radius:15px;padding:29px;width:calc(100% - 32px);max-width:420px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}dialog h2{font-size:29px;margin:9px 0 23px}.close{position:absolute;right:13px;top:10px;background:none;font-size:28px;color:var(--muted)}.eyebrow{font:600 13px var(--cond);letter-spacing:2px;color:var(--green)}#pick-summary{background:#1a3527;border:1px solid #3f654b;border-radius:8px;padding:18px;display:flex;gap:16px;align-items:center}#pick-summary strong{font:700 27px var(--cond)}#pick-summary small{display:block;color:var(--muted);margin-top:5px}#pick-note{color:var(--muted);font-size:14px;line-height:1.6;margin:18px 0}.primary{background:var(--green);color:#03281a;border-radius:7px;width:100%;padding:15px;font-weight:800;display:flex;justify-content:space-between}.quiet{display:block;background:none;color:var(--muted);margin:17px auto 0;font-size:14px}#toast{position:fixed;bottom:105px;left:50%;transform:translate(-50%,15px);background:#d9ffe9;color:#092e1b;border:1px solid #7ae6a9;border-radius:9px;padding:12px 19px;max-width:90%;width:max-content;z-index:20;opacity:0;pointer-events:none;transition:.2s;font-size:14px;font-weight:600}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:850px){.app{margin-top:22px;padding:30px 34px 120px;border:1px solid #203c2d;border-radius:16px 16px 0 0;background:#071310;box-shadow:0 10px 100px #0004}nav{border-left:1px solid #203c2d;border-right:1px solid #203c2d}.brand{font-size:45px}}
@media(max-width:480px){.app{padding:23px 15px 105px}.brand{font-size:32px;letter-spacing:-1.4px}.free{font-size:12px;letter-spacing:2px}.demo-strip{font-size:10px;gap:5px;margin-bottom:16px}.stat{gap:12px}.stat span{font-size:13px;letter-spacing:1.5px}.stat strong{font-size:36px}.stats{padding:15px 0}.prize{gap:10px;padding:11px 13px}.prize strong{font-size:29px}.prize b{font-size:17px}.prize .end{font-size:14px}.prize svg{width:25px}.sports button{font-size:16px;padding:8px 5px}.section-title h2{font-size:25px}.team{gap:7px;padding:6px}.badge{width:39px;height:39px;font-size:17px}.team-name{font-size:18px}.line{font-size:29px}.card-head{font-size:14px;padding:9px 13px}.selected .team-name{font-size:22px}.selected .line{font-size:36px}.card-bottom{font-size:16px;padding:10px 12px}.section-title span{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.demo-strip button{background:none;padding:0;color:var(--muted);font-size:12px;text-decoration:underline}.feed-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;margin:0 0 12px}.feed-meta button{background:#183227;border:1px solid #365642;border-radius:5px;padding:8px 10px;font-size:13px;white-space:nowrap}.feed-meta button:disabled{opacity:.5}.data-note{font-size:12px;color:var(--muted);line-height:1.6;margin:12px 0 20px}.sports{overflow-x:auto;padding:2px 0 5px}.sports button{min-width:76px;flex:1 0 auto}.team-name{overflow-wrap:anywhere}.days button{font-size:21px}.demo-strip span:first-child{font-size:11px}
/* Compact matchups and simple, team-colored sport marks. */
.card{margin-bottom:9px;border-radius:8px;background:linear-gradient(115deg,#12271f,#101e19)}
.card-head{padding:7px 12px;font-size:13px;letter-spacing:.4px;align-items:center;gap:8px;color:#b1c4b9}
.game-meta{display:flex;align-items:center;gap:9px}.game-meta b{font-weight:600;color:#e4ede8}.market-inline{font-size:11px;letter-spacing:.7px;color:#8ea99a}
.matchup,.selected .matchup{padding:7px 5px 8px}
.team,.selected .team{position:relative;flex-direction:row;text-align:left;gap:8px;padding:5px 8px;min-height:62px;align-items:center}
.team:last-child,.selected .team:last-child{flex-direction:row;text-align:left}
.team>span:not(.sport-badge):not(.check){flex:1;min-width:0}
.team-name,.selected .team-name{font-size:18px;line-height:1.1;font-weight:600;letter-spacing:0}
.line,.selected .line{font-size:27px;line-height:1.05;margin-top:4px;letter-spacing:.3px}
.sport-badge{position:relative;display:block;width:48px;height:48px;flex:0 0 48px;color:var(--team-color);filter:drop-shadow(0 2px 2px #0005)}
.sport-shape{position:absolute;inset:0;background:currentColor;mask:var(--sport-icon) center/contain no-repeat;-webkit-mask:var(--sport-icon) center/contain no-repeat}
.cap-letter{position:absolute;top:14%;left:0;right:0;text-align:center;font:800 13px/1.3 var(--font);color:#fff;text-shadow:0 1px 2px #0008;letter-spacing:-.5px}
.chosen{background:#123a29}.chosen .check{width:16px;height:16px;font-size:11px;top:3px;right:4px}.selected{box-shadow:none;border-width:1px}
.card-bottom{font-size:14px;padding:7px 12px;line-height:1.3}.card-bottom button{font-size:14px;min-height:24px}
.section-title{margin:17px 0 10px}.section-title h2{font-size:24px}.sports{margin-bottom:14px}.days{margin-bottom:12px}.days button{padding-bottom:10px}.prize{margin:10px 0 12px;padding:10px 14px}.stats{padding:12px 0}.stat strong{font-size:35px}.data-note{margin:7px 0 12px}.feed-meta{margin-bottom:4px}
#pick-summary .sport-badge{width:54px;height:54px;flex-basis:54px}#pick-summary .cap-letter{font-size:15px}
@media(max-width:480px){.card-head{padding:6px 10px;font-size:12px}.market-inline{font-size:10px;letter-spacing:.3px}.game-meta{gap:6px}.team,.selected .team{padding:4px 5px;gap:6px;min-height:60px}.sport-badge{width:39px;height:39px;flex-basis:39px}.cap-letter{font-size:11px}.team-name,.selected .team-name{font-size:16px}.line,.selected .line{font-size:25px}.matchup,.selected .matchup{padding:6px 4px}.card-bottom{font-size:13px}.app{padding-top:18px}header{margin-bottom:14px}.demo-strip{margin-bottom:12px}}
/* Streakline: high-contrast, compact sports picking surface. */
:root{--bg:#0c1016;--panel:#171e28;--line:#2c3542;--muted:#9aa8ba;--green:#54f3aa;--gold:#ffce72;--font:'Barlow',Arial,sans-serif}
body{background:#090d13;color:#f3f6fb}.app{background:#0c1016;padding-top:25px}header{margin-bottom:19px}.brand{font-family:var(--font);font-size:33px;letter-spacing:-1.7px;font-weight:900}.brand span{color:#54f3aa}.free{font-family:var(--font);font-size:10px;letter-spacing:1.2px;font-weight:700;border:1px solid #344339;background:#14231c;border-radius:5px;padding:6px 8px;color:#a4dfbe}
.demo-strip{align-items:center;margin-bottom:17px;color:#8d9cad}.demo-strip span:first-child{color:#8aa49a;font-size:10px;letter-spacing:1px}.demo-strip button{color:#9aa8ba;font-size:11px;text-decoration:none}
.dashboard-summary{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin-bottom:17px}.stats{display:flex;flex-direction:column;justify-content:center;padding:6px 12px;background:#161d26;border:1px solid #26303c;border-radius:11px}.stat{display:flex;gap:8px;justify-content:flex-start;min-height:37px}.stat+.stat{border-left:0;border-top:1px solid #29313c}.stat svg{width:17px;height:17px;color:#779385;flex-shrink:0}.stat span{font:500 12px var(--font);letter-spacing:0;color:#aebdcd}.stat strong{margin-left:auto;font:700 24px var(--font);color:#f2f6fa}.stat:first-child strong{color:var(--green)}
.prize{border:1px solid #54412a;background:linear-gradient(125deg,#30271d,#211e1b);border-radius:11px;margin:0;padding:13px;display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-content:center}.prize-icon{color:var(--gold);grid-column:1;grid-row:1}.prize svg{width:22px;height:22px}.prize-copy{grid-column:2/4;grid-row:1;display:flex;flex-direction:column;gap:3px}.prize-copy b{font:600 12px var(--font);color:#e5d6be}.prize-copy>span{font-size:10px;color:#b39c7c}.prize strong{grid-column:1/3;grid-row:2;font:800 29px var(--font);color:var(--gold);letter-spacing:-1px}.prize .chev{grid-column:3;grid-row:2;font-size:20px;color:#c5a872}.feed-meta{color:#7e8d9f;font-size:11px;margin:0 0 4px}.feed-meta button{border:0;padding:4px 0;background:none;color:#a0b0c3;font-size:12px}.data-note{color:#77869a;font-size:11px;line-height:1.5;margin:0 0 16px}
.days{border:1px solid #27313f;border-radius:9px;padding:4px;background:#141a23;margin:16px 0 15px;gap:5px}.days button{font:600 15px var(--font);padding:10px;color:#92a1b5;border-radius:6px}.days button.active{background:#2a3545;color:#fff;box-shadow:0 2px 5px #0004}.days button.active:after{display:none}
.sports{gap:7px;margin:0 0 20px;padding-bottom:3px}.sports button{font:600 12px var(--font);border:1px solid #2b3543;background:#171e28;color:#aebccc;border-radius:7px;padding:9px 12px;min-width:auto;flex:0 0 auto}.sports button.active{background:#54f3aa;color:#072119;border-color:#54f3aa;font-weight:700}
.section-title{margin:19px 0 5px;align-items:center}.section-title h2{font-size:20px;font-weight:700;letter-spacing:-.5px}.section-title>span{font:500 11px var(--font);color:#a0aec0;background:#1b2330;border-radius:5px;padding:4px 7px}.pick-instruction{font-size:12px;color:#8594a8;margin:4px 0 12px}
.card{background:#161d27;border:1px solid #2c3745;border-radius:11px;margin-bottom:10px;box-shadow:0 3px 8px #0001;overflow:hidden}.card-head{background:#1c2531;border:0;border-bottom:1px solid #2b3645;padding:9px 12px;display:flex;justify-content:space-between;gap:6px;letter-spacing:0;color:#8e9db2;font:500 11px var(--font)}.game-meta{gap:9px;min-width:0}.game-meta b{color:#c6d2e1;font-size:11px;font-weight:700;letter-spacing:.5px}.game-meta>span{font-size:11px;color:#94a4b8}.market-inline{color:#b6c4d5;font:600 11px var(--font);letter-spacing:0}
.matchup,.selected .matchup{display:flex;flex-direction:column;padding:3px 11px 5px}.team,.team:last-child,.selected .team,.selected .team:last-child{border:0;border-radius:0;display:flex;flex-direction:row;align-items:center;text-align:left;gap:10px;padding:6px 0;min-height:55px;background:none}.team+.team{border-top:1px solid #26303d}.team:hover,.selected .team:hover{background:#1c2733}.sport-badge{width:33px;height:33px;flex:0 0 33px;filter:drop-shadow(0 2px 3px #0005)}.cap-letter{font-size:9px}.team-identity{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.team-name,.selected .team-name{font:600 15px/1.2 var(--font);letter-spacing:0;overflow-wrap:normal}.team-location{color:#7f8fa3;font:500 10px var(--font)}
.team .odds-button{display:flex;align-items:center;justify-content:center;gap:11px;flex:0 0 88px!important;min-height:42px;background:#253347;border:1px solid #40516a;border-radius:7px;color:#f0f6ff;transition:background .15s,border-color .15s}.line,.selected .line{font:700 20px/1 var(--font);margin:0;letter-spacing:-.3px;font-variant-numeric:tabular-nums}.odds-plus{font-size:16px;font-weight:400;color:#8fa5c0}.team:hover .odds-button{background:#334762;border-color:#7088a7}.selected{border:1px solid #479f79;box-shadow:0 0 0 1px #54f3aa0a}.selected .card-head{background:#193328;border-bottom-color:#2c4a3d}.chosen .odds-button,.chosen:hover .odds-button{background:var(--green);border-color:var(--green);color:#063023}.selected .chosen .line{color:#063023}.odds-check{font-size:15px;color:#063023}.card-bottom{font:500 11px var(--font);background:#11271e;border-top:1px solid #2b493b;padding:7px 12px;gap:10px;color:#8ca899}.card-bottom b{color:#85dfb3;font-weight:600}.card-bottom button{font:600 11px var(--font);color:#c0edda;min-height:22px;background:none;text-decoration:underline;text-underline-offset:3px}
.empty{background:#141c26;border:1px dashed #344256;border-radius:10px;font-size:14px;color:#93a4b8;padding:18px}.empty strong{color:#d6e1ed;font-size:15px}nav{background:#101720f5;border-color:#2a3544;padding-top:12px}nav button{font:500 11px var(--font);gap:7px;color:#8394aa}nav svg{width:22px;height:22px}nav button.active{color:#54f3aa}nav .active:after{height:2px;left:35%;right:35%}footer{color:#5c7186;font-size:10px}.page-heading{font-size:28px}.intro{font-size:15px;color:#9aabbe}.hero-stat{background:radial-gradient(ellipse at center,#183c30,#151e27);border-color:#2d4d3f}.rank.you{background:#183629;border-color:#315c46}.history-row,.rank,.rule{border-color:#2b3543}.avatar{background:#293644;color:#c2d1e3}.notice{background:#2a251d;border-color:#4a3c29;color:#cfbb96}.demo-controls{background:#141d28;border-color:#2e3a49}.demo-controls h3{font-size:17px}.control-row button{background:#253b33;border-color:#456153}dialog{background:#17212d;border-color:#40536a;border-radius:16px}dialog h2{font-size:26px}#pick-summary{background:#223347;border-color:#3a526e}#pick-summary strong{font:700 22px var(--font)}.primary{background:var(--green);color:#073321;border-radius:8px}.close{color:#9caec3}.quiet{color:#9caec3}
@media(min-width:850px){.app{max-width:700px;border-color:#253141;border-radius:16px 16px 0 0;margin-top:24px;padding:30px 30px 115px}.dashboard-summary{grid-template-columns:1.65fr 1fr}.stats{flex-direction:row;gap:18px;padding:15px}.stat{flex:1;flex-wrap:wrap}.stat+.stat{border-top:0;border-left:1px solid #2d3846;padding-left:18px}.stat strong{font-size:31px}.prize{grid-template-columns:30px 1fr auto}.prize strong{grid-column:3;grid-row:1}.prize-copy{grid-column:2}.prize .chev{display:none}.team-name,.selected .team-name{font-size:16px}.team .odds-button{flex-basis:112px!important}nav{border-color:#253141}}
@media(max-width:380px){.app{padding-left:12px;padding-right:12px}.brand{font-size:29px}.dashboard-summary{gap:7px;grid-template-columns:1.2fr 1fr}.stat span{font-size:11px}.prize{padding:10px}.team-name,.selected .team-name{font-size:14px}.team .odds-button{flex-basis:78px!important}.game-meta{gap:6px}.sport-badge{width:29px;height:29px;flex-basis:29px}}
/* Streak intensity uses the same value-driven treatment at every size. */
.heat-number{position:relative;isolation:isolate;display:inline-grid;place-items:center;width:2.05em;height:1.85em;font-size:24px;flex-shrink:0;margin-left:auto;color:var(--heat)}
.heat-number strong,.stat:first-child .heat-number strong{position:relative;z-index:2;font:800 1em/1 var(--font);margin:0;color:var(--heat);text-shadow:0 1px 3px #08101c,0 0 8px #08101ccc}
.heat-halo{position:absolute;z-index:-1;inset:5% -6%;border-radius:50%;background:radial-gradient(ellipse,var(--flame),transparent 70%);opacity:calc(var(--heat-opacity)*.35);filter:blur(4px);pointer-events:none}
.flame-plume{position:absolute;z-index:0;pointer-events:none;left:calc(50% + var(--plume-x));bottom:11%;width:var(--plume-width);height:var(--plume-height);background:linear-gradient(0deg,transparent 1%,var(--flame) 25%,var(--heat) 100%);mask:url('icons/fire.svg') center bottom/100% 100% no-repeat;-webkit-mask:url('icons/fire.svg') center bottom/100% 100% no-repeat;transform:translateX(-50%) rotate(var(--plume-turn));transform-origin:50% 92%;opacity:calc(var(--heat-opacity)*var(--plume-alpha));filter:drop-shadow(0 0 2px var(--flame));animation:plume-breathe 2.7s ease-in-out infinite alternate;animation-delay:var(--plume-delay)}
@keyframes plume-breathe{from{transform:translateX(-50%) rotate(var(--plume-turn)) scaleY(.94)}to{transform:translateX(-50%) rotate(calc(var(--plume-turn) + 3deg)) scaleY(1.05)}}
.stat .heat-number{font-size:24px}.streak-stat{min-height:52px}.stat .streak-symbol{display:flex;flex:0 0 18px;width:18px;color:var(--streak-color)}.stat .streak-symbol svg{width:18px;height:22px;color:inherit}.streak-symbol.lit svg{fill:var(--streak-color);stroke-width:1;filter:drop-shadow(0 0 3px var(--streak-color))}.stat .stat-label{flex:1;min-width:0}
.heat-large{font-size:82px;width:2em;height:1.9em;margin:15px auto 0}.hero-stat .heat-number strong{font:800 1em/1 var(--font)}.hero-stat>.heat-number{display:inline-grid;letter-spacing:0}.hero-stat>.heat-level{font-size:14px;font-weight:600;letter-spacing:1px}.heat-preview{border:1px solid #344253;border-radius:14px;background:radial-gradient(ellipse at center,#202a39,#121b26 75%);padding:20px;margin-top:24px;overflow:hidden}.heat-preview .section-title{margin-top:0}.heat-preview>p{color:#a4b5c8;font-size:14px;margin:8px 0}.heat-preview #heat-preview-number{text-align:center;padding:10px 0}.heat-preview #heat-preview-label{text-align:center;color:#ffc46e;font-weight:700;margin:0 0 24px}.heat-preview label{display:flex;justify-content:space-between;font-size:14px;font-weight:600}.heat-preview output{color:#c7d7e9}.heat-preview input{display:block;width:100%;margin:17px 0;accent-color:#ffb56b;min-height:32px;cursor:pointer}.heat-scale{display:flex;justify-content:space-between;color:#a0b2c8;font-size:12px;gap:8px}.heat-preview small{display:block;color:#8599b1;font-size:12px;margin-top:17px}.no-streak{color:#a1b0c1}
@keyframes heat-flicker{0%{transform:scale(var(--flame-scale)) rotate(-3deg)}100%{transform:scale(calc(var(--flame-scale) * 1.07),calc(var(--flame-scale) * 1.14)) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.heat-active .flame-layer{animation:none}}
@media(max-width:380px){.heat-number{font-size:22px}.heat-large{font-size:72px}}
/* Keep core selection labels readable on small screens. */
.team-name,.selected .team-name{font-size:16px}.team-location,.market-inline,.game-meta>span,.game-meta b{font-size:12px}.sports button{font-size:14px}.stat span{font-size:13px}.prize-copy b{font-size:14px}.team .odds-button{min-height:44px}
.profile-field{display:flex;flex-direction:column;gap:9px;margin:18px 0 12px;font-size:14px;font-weight:600;color:#d1dfed}.profile-field input{width:100%;border:1px solid #3b4c61;background:#161f2c;border-radius:8px;padding:14px;color:#f4f8fd;font:400 16px var(--font)}.profile-field input:focus{outline:2px solid #54f3aa;outline-offset:2px}.profile-hint{color:#95a7bd;font-size:13px;line-height:1.6;margin:9px 0 20px}.profile-message{font-size:14px;line-height:1.5;padding:13px;border:1px solid #37654d;border-radius:8px;background:#193426;color:#a7eec5}.profile-message[hidden]{display:none}.profile-message.error{background:#38222a;border-color:#754150;color:#ffb4c1}.profile-photo-row{display:flex;gap:20px;align-items:center;margin:25px 0 8px}.profile-photo{width:88px;height:88px;border-radius:50%;object-fit:cover;border:2px solid #526d64}.initials{display:grid;place-items:center;background:linear-gradient(140deg,#245e43,#172d38);font-size:26px;font-weight:800;color:#8cf0bc}.photo-upload{display:block;position:relative;overflow:hidden;border:1px solid #3b536b;background:#233247;color:#e0eaf6;padding:11px 14px;border-radius:7px;font-size:14px;font-weight:600;cursor:pointer}.photo-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.profile-photo-row .quiet{margin-top:10px}.profile-secondary{width:100%;background:#26364a;border:1px solid #435a74;border-radius:8px;padding:13px;font-size:14px;font-weight:600}.account-divider{height:1px;background:#2b394b;margin:26px 0}.account-heading{font-size:20px}.signout{display:block;width:100%;background:none;color:#ffafb5;padding:16px;margin-top:12px;font-weight:600}.account-note{text-align:center;margin-top:26px}#account-form .primary{margin-top:22px}#account-form button:disabled,#email-form button:disabled{opacity:.5;cursor:wait}nav button{min-width:0;font-size:10px}
.jersey-letter{position:absolute;top:38%;left:0;right:0;text-align:center;color:#fff;font:800 8px/1 var(--font);text-shadow:0 1px 2px #0008}.jersey .sport-shape{mask-size:100%;-webkit-mask-size:100%}.team:disabled{cursor:default;opacity:1}.card.pick-live{border-color:#dfbb4e;animation:live-pulse 2.5s ease-in-out infinite}.pick-live .card-head{background:#332d1d;border-color:#5a4b27}.pick-live .card-bottom{background:#2b271c;border-color:#5a4b27}.pick-live .card-bottom b{color:#ffdf70}.pick-live .chosen .odds-button{background:#ffe080;border-color:#ffe080;color:#362807}.pick-live .chosen .line,.pick-live .odds-check{color:#362807}.card.pick-win,.result-receipt.pick-win{border-color:#50d99a;box-shadow:0 0 17px #3be39545;background:#122c22}.card.pick-loss,.result-receipt.pick-loss{border-color:#47515c;background:#1e242b;box-shadow:none}.pick-loss .card-head,.pick-loss .card-bottom{background:#272e36;border-color:#424b55}.pick-loss .chosen .odds-button{background:#48515d;border-color:#59626d}.pick-loss .chosen .line,.pick-loss .odds-check,.pick-loss .card-bottom b{color:#bac3cd}.pick-loss .sport-badge{filter:grayscale(.8);opacity:.65}.live-points{font-size:19px;color:#f6e6a9;font-variant-numeric:tabular-nums;margin-right:5px}.result-receipt{border:1px solid #40566b;border-radius:10px;padding:18px;margin:20px 0;display:flex;gap:15px;flex-wrap:wrap}.result-receipt small{color:#98aabc;width:100%}.control-row+.control-row{margin-top:10px}
@keyframes live-pulse{0%,100%{box-shadow:0 0 3px #ffd44a12,0 0 0 1px #ffd44a12}50%{box-shadow:0 0 21px #ffd44a55,0 0 0 1px #ffe08066}}
.board-label{font-size:12px;letter-spacing:1.5px;color:#8ba695;margin:24px 0 14px}.board-grid{display:grid;grid-template-columns:minmax(0,1fr) 62px 62px;gap:8px;align-items:center}.board-header{font-size:12px;color:#90a1b5;padding:10px 0}.board-header>span:not(:first-child){text-align:center}.board-row{width:100%;background:#16212e;border:1px solid #2c3b4b;border-radius:9px;padding:13px 9px;margin-bottom:8px;text-align:left}.board-row:hover{background:#203246;border-color:#4c687f}.board-row>strong{text-align:center;font-size:22px;font-variant-numeric:tabular-nums}.board-person{display:flex;align-items:center;gap:9px;min-width:0}.board-position{color:#72869d;font-size:12px;min-width:12px}.board-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid #4a6b62}.avatar-default{display:grid;place-items:center;background:linear-gradient(135deg,#356345,#294461);color:#c5e6d7}.avatar-default svg{width:22px;height:22px}.board-name{font-size:14px;font-weight:600;overflow-wrap:anywhere}.back-link{padding:12px 0;background:none;color:#acc9df;font-size:14px}.player-heading{display:flex;gap:15px;align-items:center;margin:20px 0}.player-heading .board-avatar{width:65px;height:65px}.player-heading h1{font-size:25px;margin:0 0 6px;overflow-wrap:anywhere}.player-heading p{font-size:13px;color:#90a6be;margin:0}.player-stats{display:grid;grid-template-columns:1fr 1fr;background:#182431;border:1px solid #324556;border-radius:12px;margin-bottom:25px}.player-stats>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px}.player-stats>div+div{border-left:1px solid #354454}.player-stats span:not(.heat-number):not(.flame-layer){font-size:13px;color:#a1b3c6}.player-stats strong{font-size:26px}.audit-pick{border:1px solid #334456;border-radius:10px;padding:15px;margin-bottom:12px;background:#16222e}.audit-top{display:flex;justify-content:space-between;font-size:12px;color:#a4b4c7}.audit-top b{font-size:12px;color:#b6c5d5}.audit-pick.pick-win .audit-top b{color:#60e4a7}.audit-pick.pick-loss{background:#212831;border-color:#49525d}.audit-pick h3{font-size:17px;margin:12px 0 6px}.audit-pick>p{font-size:13px;color:#9aadc2;line-height:1.5;margin-bottom:13px}.audit-detail{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:8px 0;color:#bacbda}.audit-pick small{font-size:11px;color:#8da992}.audit-score{padding-top:10px;border-top:1px solid #344352}.player-stats .heat-number{font-size:24px}.board-row.you{border-color:#508e70}
@media(prefers-reduced-motion:reduce){.card.pick-live{animation:none;box-shadow:0 0 10px #ffd44a33}}
@media(max-width:380px){.board-grid{grid-template-columns:minmax(0,1fr) 48px 48px;gap:5px}.board-person{gap:6px}.board-name{font-size:13px}.board-avatar{width:29px;height:29px}.player-stats>div{padding:14px 10px}}

.jersey-icon{display:block;width:100%;height:100%;filter:drop-shadow(0 0 1px #80909b)}.jersey-letter{top:48%;color:var(--team-ink);font-size:9px;text-shadow:none}.cap-letter{color:var(--team-ink)}

.slate-status{border-top:1px solid #2b3645;padding:8px 12px;font-size:12px;color:#a1afc1;background:#141c26}.slate-status.is-live{color:#ffda72}.team:disabled .odds-button{background:#202b39;border-color:#344153;color:#a7b4c7}.team:disabled:hover{background:transparent}.selected .team.chosen:disabled .odds-button{background:var(--green);color:#063023}.pick-live .team.chosen:disabled .odds-button{background:#ffe080}.pick-loss .team.chosen:disabled .odds-button{background:#48515d}.empty p{margin:9px 0 14px;line-height:1.5}.empty-action{display:inline-flex;justify-content:center;border:1px solid #406052;background:#1d382c;color:#b2f3d3;border-radius:7px;padding:11px 16px;font-size:14px;font-weight:600;min-height:44px}
@media(prefers-reduced-motion:reduce){.flame-plume{animation:none}}
@media(max-width:380px){.stat .heat-number{font-size:21px}.stat{gap:5px}.stat .streak-symbol{flex-basis:16px;width:16px}}

/* Closed, unpicked fixtures recede; saved results retain their own color. */
.card.unpicked-closed{background:#171e27;border-color:#303a47;box-shadow:none}
.unpicked-closed .card-head{background:#1b222c;border-color:#303a47;color:#8e9aaa}
.unpicked-closed .team{color:#8e9aaa;cursor:not-allowed}
.unpicked-closed .sport-badge{filter:grayscale(1);opacity:.4}
.unpicked-closed .team:disabled .odds-button{background:#1c232c;border-color:#303946;color:#758193;box-shadow:none}
.unpicked-closed .live-points{color:#9ca7b6}
.card.pick-win{border-color:#50d99a;box-shadow:0 0 18px #3be39538;background:#122c22}
.pick-win .team.chosen:disabled .odds-button,.pick-win .chosen .odds-button{background:#52e6a6;border-color:#7af2be;color:#073323;box-shadow:0 0 15px #3be39550}
.card.pick-loss{border-color:#e37480;background:#301d25;box-shadow:0 0 18px #ed5e7238}
.pick-loss .card-head,.pick-loss .card-bottom{background:#34212a;border-color:#70404d}
.pick-loss .team.chosen:disabled .odds-button,.pick-loss .chosen .odds-button{background:#f0808d;border-color:#ffa5ae;color:#44131d;box-shadow:0 0 15px #ed5e7250}
.pick-loss .chosen .line,.pick-loss .odds-check{color:#44131d}
.pick-loss .card-bottom b{color:#ff9daa}
.pick-loss .sport-badge{filter:drop-shadow(0 2px 3px #0005);opacity:1}
.team:disabled:hover .odds-button{transition:none}

@media(min-width:850px){.prize{grid-template-columns:24px minmax(0,1fr) auto}.prize-copy{grid-column:2/4}.prize strong{grid-column:1/4;grid-row:2}}

.signup-heading{display:flex;align-items:flex-start;gap:12px}.signup-heading h1{flex:1}.browse-close{flex:none;margin-top:20px;background:#1c2836;border:1px solid #354657;border-radius:50%;height:44px;width:44px;font-size:28px;color:#b7c7d8}.browse-first{display:block;width:100%;min-height:46px;margin:22px 0 12px;border:1px solid #41566b;border-radius:8px;background:#192635;color:#d8e5f2;font-weight:600}.browse-first:hover{background:#24374a}

#username-status.error{color:#ffa6ad}#username-status.username-available{color:#73e6ad}#account-form button:disabled{opacity:.5;cursor:wait}#month-dialog p{color:#afc1d1;line-height:1.6}#month-dialog .primary{margin-top:24px}

.month-picker{display:flex;align-items:center;gap:12px;font-size:14px;margin:20px 0}.month-picker select{min-width:0;flex:1;background:#14251e;color:#f1f5ef;border:1px solid #385446;border-radius:10px;padding:12px;font:inherit}.month-picker select:focus-visible{outline:2px solid #c5a860;outline-offset:3px}