:root{color-scheme:dark;--bg:#080e17;--panel:#101c2e;--panel-deep:#0b1423;--line:#2c4059;--muted:#aebed4;--text:#f1f6fe;--ice:#a4e2ff;--signal:#b8f3d7}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 70% 0,#162741,var(--bg) 42rem);color:var(--text);font:15px/1.55 system-ui,sans-serif}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px max(5vw,14px);background:#080f1b;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-size:12px;letter-spacing:.16em}
.brand img{display:block;clip-path:ellipse(45.6% 45.3% at 49.4% 47.8%)}
.season,small{color:var(--ice);letter-spacing:.12em;font-size:11px;font-weight:750}
main{max-width:1330px;margin:auto;padding:24px clamp(14px,4vw,52px)}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);align-items:center;gap:clamp(20px,4vw,50px);padding:clamp(20px,4vw,48px);border:1px solid #4b6481;border-radius:17px;overflow:hidden;background:repeating-linear-gradient(105deg,transparent 0 76px,#8dc7ff0c 77px 78px),radial-gradient(ellipse at 85% 25%,#223e5b,#0e1a2b 72%);box-shadow:0 16px 44px #0004}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#243d5e,#b6daf4 70%,#476a96)}
h1,h2,h3,p{margin:0}h1{font-size:clamp(40px,6vw,76px);letter-spacing:-.06em;line-height:1.02;margin:9px 0 12px}
h2{font-size:clamp(22px,3vw,29px);letter-spacing:-.03em}
h3{font-size:19px;line-height:1.2;margin-top:4px}
p{color:var(--muted)}
.stamp{display:inline-block;margin-top:14px;padding:5px 10px;border:1px solid #42617b;border-radius:20px;background:#0a1523;color:var(--signal);font-size:12px}
#spotlight{background:#0a1424c9;border:1px solid #426080;border-radius:12px;padding:13px 15px}
#spotlight a{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--text)}
#spotlight small{display:block;margin-bottom:6px}
#spotlight a>span:first-child span{display:block;color:var(--muted);font-size:12px}
nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 12px;border-bottom:1px solid var(--line);padding-bottom:12px}
button,input,select{font:inherit;color:inherit;background:#132239;border:1px solid #405570;border-radius:8px;padding:8px 11px;min-height:42px}
button{cursor:pointer}
button:hover,button[aria-pressed=true]{background:#254666;border-color:var(--ice)}
nav button[aria-pressed=true]{box-shadow:inset 0 -2px var(--ice)}
#filters{display:grid;grid-template-columns:minmax(170px,1.5fr) repeat(4,minmax(105px,1fr)) auto;gap:9px;align-items:end}
label{display:grid;gap:4px;color:var(--muted);font-size:13px}
input,select{min-width:0;width:100%}
#notice:not(:empty){padding:8px 0;color:var(--signal);overflow-wrap:anywhere}
#view{margin-top:18px}
a{color:var(--ice)}
.bar{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.heading{align-items:center;margin-bottom:12px}
.games,.players{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}
.games{grid-template-columns:repeat(2,minmax(0,1fr))}
.games:has(>.card:only-child){grid-template-columns:1fr}
.card,.entry,.empty{border:1px solid var(--line);border-radius:12px;padding:15px;background:var(--panel)}
.card{border-top-color:#7a9cbc;background:linear-gradient(130deg,#182a44,var(--panel) 65%)}
.entry{background:var(--panel-deep);overflow-wrap:anywhere}
.entry p{margin:8px 0}
.entry .pill{margin-top:8px}
.entry button,.share{font-size:13px;white-space:nowrap}
.badges{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}
.pill{display:inline-block;padding:3px 8px;border-radius:30px;background:#24405f;color:#cae9ff;font-size:12px;white-space:nowrap}
.pill:is([data-state=Inactive],[data-state=Out],[data-state="Injured reserve"]){background:#552c3b;color:#ffd6de}
.pill:is([data-state=Limited],[data-state=Questionable],[data-state=DNP],[data-state=Doubtful]){background:#493a24;color:#ffe1a5}
.pill:is([data-state=Full],[data-state=Active],[data-state=Activated]){background:#194335;color:#b8f3d7}
.impact{border-left:2px solid #83bee8;padding-left:10px}
.report-meta,.report-matchup{font-size:12px;color:var(--muted)}
.report-matchup{display:inline-block;margin:8px 0}
details{margin-top:11px}
summary{cursor:pointer;color:var(--ice);padding:5px 0}
details .players{margin-top:8px}
footer{margin-top:24px;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:13px}
:focus-visible{outline:2px solid var(--ice);outline-offset:3px}
.skip{position:absolute;left:8px;top:8px;transform:translateY(-150%);padding:8px;background:var(--panel);z-index:2}
.skip:focus{transform:none}
@media(max-width:850px){#filters{grid-template-columns:repeat(3,minmax(0,1fr))}.search{grid-column:span 2}}
@media(max-width:620px){main{padding-top:14px}.hero,.games{grid-template-columns:1fr}#filters{grid-template-columns:repeat(2,minmax(0,1fr))}.search{grid-column:1/-1}.heading>a{font-size:12px;text-align:right}.season{font-size:10px}}

#filters[hidden]{display:none}
.featured{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #557795;border-radius:13px;background:linear-gradient(118deg,#1d3655,#101c2e);padding:clamp(15px,3vw,28px);margin:14px 0 20px}
.featured h2{margin:4px 0}.featured p{max-width:68ch}
.action{display:inline-block;white-space:nowrap;padding:9px 12px;border-radius:7px;background:#b1e3ff;color:#0a1929;font-weight:750;text-decoration:none}
.slate-grid,.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:12px}
.slate-group{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:13px}
.slate-group h3{font-size:14px;color:var(--ice);margin-bottom:8px}
.slate-row{padding:8px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.slate-row a{font-size:13px}.analysis-section{margin:24px 0}
.analysis-section h2{margin-bottom:8px}.analysis-section>p{margin:8px 0}
.analysis-grid .card p{margin:8px 0}.analysis-grid .pill{margin-top:8px}
.metric{color:var(--ice);font-size:21px;font-weight:750;margin-top:7px}
@media(max-width:620px){.featured{align-items:flex-start;flex-direction:column}}
.prop-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:10px}
.prop-table{overflow:auto;margin:12px 0;border:1px solid var(--line);border-radius:10px}
.prop-table table{border-collapse:collapse;width:100%;min-width:660px;background:var(--panel)}
.prop-table th,.prop-table td{padding:9px 11px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.prop-table th{color:var(--ice);background:var(--panel-deep)}
.pill[data-grade=Hit]{background:#194335;color:#b8f3d7}
.pill[data-grade=Miss]{background:#552c3b;color:#ffd6de}
.pill[data-grade=Push]{background:#493a24;color:#ffe1a5}

/* Navigation and page shell */
:root{--ice:#aadfff;--line:#2c3e55;--panel:#121e2e;--bg:#080e17}
body{background:radial-gradient(ellipse at 72% 0,#142337 0,var(--bg) 47rem)}
.masthead{position:sticky;top:0;z-index:5;min-height:65px;padding:6px clamp(14px,3vw,36px);background:#09121f}
.brand{gap:9px;letter-spacing:0;font-size:17px}
.brand span{display:grid;line-height:1.1;gap:4px}
.brand small{font-size:9px;letter-spacing:.16em;color:var(--muted)}
.season{padding:4px 8px;border:1px solid var(--line);border-radius:5px}
.workspace{max-width:1580px;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr)}
#workspace-nav{display:grid;align-content:start;gap:20px;position:sticky;top:65px;height:calc(100vh - 65px);overflow:auto;margin:0;padding:25px 14px;border:0;border-right:1px solid var(--line);background:#0a1321}
.nav-group{display:grid;gap:5px}
.nav-group>small{padding:0 8px 3px;color:#9bb0ca}
#workspace-nav button{display:flex;align-items:center;gap:9px;text-align:left;border-color:transparent;background:transparent;color:#bdccdf}
#workspace-nav button>span:first-child{width:18px;color:var(--ice);font-size:17px;text-align:center}
#workspace-nav button:hover{background:#17283d;color:#fff}
#workspace-nav button[aria-pressed=true]{background:#1c3450;color:#fff;border-color:#426486;box-shadow:inset 3px 0 var(--ice)}
#count{font-size:11px;color:var(--ice);margin-left:auto}
main{width:100%;max-width:1240px;margin:0 auto;padding:22px clamp(16px,3vw,42px);scroll-margin-top:78px}
[hidden]{display:none!important}
.tool-context{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--ice);margin-bottom:12px}
.tool-context:empty{display:none}
.hero{border-radius:13px;background:linear-gradient(110deg,#162c46,#101d2e 72%);padding:clamp(16px,3vw,35px)}
.hero h1{font-size:clamp(37px,5vw,64px)}
.quick-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 20px}
.quick-tools a{display:grid;gap:5px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-decoration:none}
.quick-tools a:hover{border-color:var(--ice);background:#182b43}
.quick-tools strong{color:var(--text);font-size:16px;line-height:1.25}
.quick-tools span{color:var(--muted);font-size:13px}
.quick-tools b{color:var(--ice)}
#view{margin-top:0}
#filters:not([hidden]){margin-bottom:16px}
.heading{margin-bottom:14px}
@media(max-width:1050px){.workspace{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:860px){
 .workspace{display:block}
 #workspace-nav{position:static;height:auto;display:flex;flex-wrap:wrap;gap:8px;padding:9px 14px;border-right:0;border-bottom:1px solid var(--line)}
 .nav-group{display:flex;flex-wrap:wrap;gap:4px;padding:0}
 .nav-group>small{display:none}
 #workspace-nav button{min-height:37px;gap:4px;padding:5px 8px;font-size:13px}
 #workspace-nav button[aria-pressed=true]{box-shadow:inset 0 -2px var(--ice)}
}
@media(max-width:620px){
 .quick-tools{grid-template-columns:1fr;gap:7px}
 .quick-tools a{grid-template-columns:1fr auto;align-items:center}
 .quick-tools small{grid-column:1/-1}
 .quick-tools span{font-size:12px;text-align:right;max-width:15ch}
 .hero{gap:14px}
 #workspace-nav{gap:3px}
}
@media(max-width:1020px){#filters{grid-template-columns:repeat(3,minmax(0,1fr))}.search{grid-column:span 2}}
@media(max-width:860px){#workspace-nav{position:sticky;top:65px;z-index:4}main{scroll-margin-top:158px}}
@media(max-width:620px){#filters{grid-template-columns:repeat(2,minmax(0,1fr))}.search{grid-column:1/-1}}

.room-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.65fr);align-items:center;gap:24px;padding:clamp(22px,5vw,64px);border:1px solid #465d7b;border-radius:16px;background:radial-gradient(ellipse at 82% 45%,#234767,#111f33 55%,#0c1625);box-shadow:0 14px 45px #0004}
.room-intro{position:relative;z-index:1}
.room-intro h1{font-size:clamp(48px,7vw,104px);line-height:.91;letter-spacing:-.07em;margin:12px 0 18px}
.room-intro h1 span{color:var(--ice)}
.room-intro p{max-width:40ch;font-size:clamp(14px,2vw,17px)}
.room-search{margin-top:22px;max-width:490px}
.room-search label{font-weight:650;margin-bottom:5px}
.room-search>div{display:flex;gap:6px}
.room-search button{background:var(--ice);color:#0a1929;font-weight:800;white-space:nowrap}
.room-field{position:absolute;right:-4%;top:-12%;width:49%;height:124%;display:flex;align-items:center;justify-content:space-around;gap:18px;transform:skewY(-14deg);background:repeating-linear-gradient(90deg,#a4d7fc31 0 1px,transparent 1px 20%);border-block:1px solid #a4d7fc31;opacity:.75;mask-image:linear-gradient(90deg,transparent,#000 35%)}
.room-field span{color:#c6e9ff57;font-weight:900;font-size:clamp(35px,6vw,90px);line-height:1;writing-mode:vertical-rl}
.room-section{margin-top:25px}
.room-heading{margin-bottom:10px}
.room-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.room-tools a,.room-feature,.room-reports{border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:15px}
.room-tools a{position:relative;display:grid;align-content:start;gap:6px;text-decoration:none;min-height:125px}
.room-tools a:hover{border-color:var(--ice);background:#1b3049}
.room-tools strong{color:var(--text);font-size:17px;line-height:1.2}
.room-tools span,.room-reports p{color:var(--muted);font-size:13px}
.room-tools b{position:absolute;right:10px;bottom:6px}
.room-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.room-feature{background:linear-gradient(130deg,#1b3552,#111e31);display:grid;align-content:center;gap:6px}
.room-feature a{justify-self:start;margin-top:3px}
.room-reports #spotlight{border:0;background:none;padding:0}
.room-reports p{margin-top:5px}
@media(max-width:1120px){.room-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.room-hero{grid-template-columns:1fr}.room-field{width:60%;opacity:.3}.room-bottom{grid-template-columns:1fr}.room-tools a{min-height:110px;padding:11px}.room-tools strong{font-size:15px}.room-tools small{font-size:9px}.room-intro h1{font-size:clamp(48px,11vw,68px)}.brand{font-size:15px}}

/* Editorial typography and color */
:root{
 --bg:#0a1019;--panel:#131d29;--panel-deep:#0e1722;
 --line:#334254;--muted:#b8c6d3;--text:#f1f3f4;--ice:#8bd8fa;
 --paper:#f5f1e7;--ink:#0b1c28;
 --display:Georgia,"Times New Roman",serif;
}
body{background:var(--bg)}
.masthead,#workspace-nav{background:#0e1721}
.brand strong{font-family:var(--display);font-size:21px;letter-spacing:-.035em;color:var(--paper)}
.brand small,.nav-group>small{color:var(--muted);letter-spacing:.15em}
h1,h2{font-family:var(--display);color:var(--paper);font-weight:700;letter-spacing:-.045em}
h2{font-size:clamp(26px,3vw,34px);line-height:1.1}
h3,.room-tools strong{font-weight:750;letter-spacing:-.025em}
.room-hero{border-color:#48677d;background:linear-gradient(115deg,#10212f 4%,#12384c 100%);box-shadow:inset 0 -3px #73caef,0 14px 42px #0004}
.room-intro h1{letter-spacing:-.065em;line-height:.93}
.room-intro p{color:#d6e3ec}
.room-field{background:repeating-linear-gradient(90deg,#8bd8fa49 0 1px,transparent 1px 20%);border-color:#8bd8fa49}
.room-field span{color:#9bdcf880;font-variant-numeric:tabular-nums}
.room-search input{background:#0c1824;border-color:#64829b}
.room-search button,.action{background:var(--ice);color:var(--ink);border-color:var(--ice)}
.room-search button:hover,.action:hover{background:#b1e9ff}
.room-tools a{background:var(--panel);border-top:2px solid #64849a}
.room-tools a:hover{background:#1a2c3e;border-color:var(--ice)}
.room-tools strong{font-size:18px;color:var(--paper)}
.room-feature,.featured{background:#172b3d;border-color:#496a80}
.room-reports,.card,.slate-group,.prop-table table{background:var(--panel)}
.entry,.prop-table th{background:var(--panel-deep)}
button,input,select{background:#162434;border-color:#496176}
#workspace-nav button[aria-pressed=true]{background:#203b50;border-color:#56829a}
.metric,.prop-table td,.report-meta{font-variant-numeric:tabular-nums}
.metric{font-weight:800;letter-spacing:-.03em}
@media(max-width:620px){.brand strong{font-size:17px}.room-tools strong{font-size:15px}}

/* Playbook edition */
:root{--bg:#101112;--panel:#1a1b1d;--panel-deep:#121315;--line:#48433b;--muted:#d0cac1;--text:#f4f1e9;--ice:#f4bd70;--paper:#fbefda;--ink:#24190e}
.masthead,#workspace-nav{background:#141516}
.season{border-color:#84653f;color:var(--paper)}
#workspace-nav button{color:#ddd6cb}
#workspace-nav button:hover{background:#292521}
#workspace-nav button[aria-pressed=true]{background:#392b1d;border-color:#b8874d;color:var(--paper)}
.room-hero{min-height:350px;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);padding:clamp(22px,4vw,48px);border-color:#4b4236;background:#141617;box-shadow:0 14px 36px #0004}
.playbook-art{position:absolute;inset:0 0 0 36%;z-index:-1;background:url(playbook-hero.webp) center right/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 34%);pointer-events:none}
.room-intro h1{font-size:clamp(48px,6.4vw,94px)}
.room-intro p{color:#eee0ca}
.room-search input,button,input,select{background:#242321;border-color:#62574a}
.room-search button,.action{background:#eeb16b;border-color:#eeb16b;color:var(--ink)}
.room-search button:hover,.action:hover{background:#ffd39a}
.room-tools a{grid-template-columns:42px minmax(0,1fr);column-gap:10px;border-color:#51483d;border-top-width:1px}
.room-tools a:hover{background:#302820;border-color:var(--ice)}
.room-tools a>small,.room-tools a>strong,.room-tools a>span{grid-column:2}
.room-tools strong{font-family:var(--display);font-size:19px;line-height:1.15}
.tool-icon{grid-column:1;grid-row:1/4;width:100%;align-self:center;color:#ebc18e}
.room-feature{position:relative;isolation:isolate;overflow:hidden;background:repeating-linear-gradient(110deg,#dbe2a311 0 1px,transparent 1px 70px),linear-gradient(110deg,#20251b,#2a3020);border-color:#5c604a}
.feature-teams{position:absolute;right:16px;bottom:11px;z-index:-1;color:#e6dbb83a;font:bold italic clamp(28px,4vw,54px)/1 var(--display)}
.feature-teams i{color:#eeb16b60}
.featured{background:#2b241d;border-color:#766048}
@media(max-width:620px){
 .room-hero{min-height:0;grid-template-columns:1fr;padding:21px}
 .playbook-art{inset:0 0 0 24%;opacity:.46;mask-image:linear-gradient(90deg,transparent,#000 60%)}
 .room-intro h1{font-size:clamp(44px,11vw,66px)}
 .room-tools a{grid-template-columns:26px minmax(0,1fr);gap:4px 7px}
 .room-tools strong{font-size:16px}
}

.social-footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;padding:17px 0 20px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.social-logo{display:block;clip-path:ellipse(45.6% 45.3% at 49.4% 47.8%)}
.social-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.social-links a{display:inline-flex;align-items:center;min-height:40px;padding:6px 12px;border:1px solid #8c6c48;border-radius:8px;background:#26231e;color:var(--paper);font-weight:700;text-decoration:none}
.social-links .social-youtube{background:var(--ice);color:var(--ink)}
.social-links a:hover{border-color:var(--paper)}
.social-wordmark{align-self:end}
@media(max-width:620px){.social-footer{grid-template-columns:auto minmax(0,1fr);gap:9px}.social-logo{width:51px;height:51px}.social-wordmark{display:none}.social-links a{padding-inline:8px}}

.league-switch{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--ice)}
.league-switch select{width:auto;min-width:76px}
#workspace-nav[hidden]{display:none}
.workspace:has(#workspace-nav[hidden]){grid-template-columns:minmax(0,1fr)}

.nba-room{--ice:#ffc17e;--line:#554236}
.nba-room .masthead{border-bottom-color:#554236}
.nba-room .card{background:#211e1b}
.nba-hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(220px,30vw,320px);display:grid;align-content:center;background:linear-gradient(90deg,#181310 5%,#1e1711 44%,#664226);border:1px solid #6e5339;border-radius:16px;padding:clamp(22px,5vw,54px);margin:0 0 20px}
.nba-hero svg{position:absolute;right:-20px;top:0;width:min(62%,600px);height:100%;opacity:.55;z-index:-1}
.nba-hero h1{font:700 clamp(48px,9vw,90px)/1 Georgia,serif;letter-spacing:-.06em;margin:.09em 0;color:#fff5e4}
.nba-hero p{max-width:34ch;color:#ebd7c1;margin:8px 0 0}
.nba-hero small,.nba-game small{color:var(--ice);text-transform:uppercase;letter-spacing:.12em;font-weight:750}
.nba-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}
.nba-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:12px}
.nba-score{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:8px 0}
.nba-score strong{font-size:24px;color:#bde6cd}
.nba-score strong:last-child{color:#ffca90}
.nba-day{display:grid;gap:4px;margin-bottom:12px}
.nba-day select{max-width:100%}
.nba-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nba-metrics dt{color:var(--muted);font-size:.85rem}
.nba-metrics dd{margin:0;font-weight:750}
.nba-room #nba-body>button{margin-bottom:10px}

.nba-context{margin-top:12px}

.nba-room .room-hero.nba-hero{display:grid;min-height:350px}
.nba-room .nba-hero .room-intro{z-index:1}
.nba-room .room-tools .tool-icon{font-size:22px;color:var(--ice)}
.nba-room .room-reports>p{margin:8px 0}
.nba-room #nba-matchup-explorer{margin-top:16px}
@media(max-width:620px){.nba-room .room-hero.nba-hero{min-height:0}.nba-room .nba-hero h1{font-size:clamp(48px,11vw,68px)}}

@media(max-width:700px){
 :is(.matchup-prop-table,.player-game-table){overflow:visible;border:0}
 :is(.matchup-prop-table,.player-game-table) table,:is(.matchup-prop-table,.player-game-table) tbody{display:block;min-width:0;background:transparent}
 :is(.matchup-prop-table,.player-game-table) thead{display:none}
 :is(.matchup-prop-table,.player-game-table) tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-bottom:10px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:10px}
 :is(.matchup-prop-table,.player-game-table) td{display:block;padding:0;border:0;white-space:normal;overflow-wrap:anywhere}
 .matchup-prop-table td:first-child{grid-column:1/-1;padding-bottom:9px;border-bottom:1px solid var(--line);font-size:1.08rem}
 :is(.matchup-prop-table,.player-game-table) td[data-label]::before{content:attr(data-label);display:block;color:var(--muted);font-size:.78rem;margin-bottom:3px}
 .matchup-prop-table input{display:block;width:100%;max-width:100px;min-height:44px;font-size:16px}
}

#pm-mobile-actions{display:none}
#pm-filter-sheet{color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:16px}
#pm-filter-sheet::backdrop{background:#0009}
.matchup-prop-table.pm-no-finals :is(th,td):is(:nth-child(2),:nth-child(4)){display:none}
@media(max-width:700px){
 #pm-mobile-actions{display:flex;gap:6px;position:fixed;z-index:7;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));max-width:calc(100% - 32px);padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 3px 16px #0009}
 #pm-mobile-actions button{min-height:44px}
 #pm-open-filters{background:#382a1d;color:#fff5e4;border-color:#c39355}
 #pm-clear-top{display:none}
 #pm-filter-sheet:not([open])+#pm-filter-controls{display:none}
 #pm-filter-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:100%;max-height:80dvh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));overflow:auto}
 #pm-filter-sheet #pm-filter-controls{margin-top:12px}
 #pm-results{padding-bottom:72px}
 .matchup-prop-table tr.pm-no-final td:is(:nth-child(2),:nth-child(4)){display:none}
}

.player-filter-actions{display:none}
.player-filter-reset{margin-top:10px}
.player-filter-sheet{color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:16px}
.player-filter-sheet::backdrop{background:#0009}
@media(max-width:700px){
 .player-filter-actions{display:flex;align-items:center;gap:6px;padding:4px;border:1px solid var(--line);border-radius:10px;position:fixed;z-index:7;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));max-width:calc(100% - 32px);background:var(--panel);box-shadow:0 3px 16px #0009}
 .player-filter-actions button{min-height:44px}
 .player-filter-trigger{background:#382a1d;color:#fff5e4;border-color:#c39355}
 .player-filter-sheet:not([open])+.player-filter-controls{display:none}
 .player-filter-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:100%;max-height:80dvh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));overflow:auto}
 .player-filter-sheet .player-filter-controls{margin-top:12px}
 .player-filter-sheet :is(input,select){min-height:44px;font-size:16px}
 .player-filter-sheet+.player-filter-controls+div{padding-bottom:58px}
}

#pm-clear-top{margin-top:10px}

.prop-change-stat{display:none}
@media(max-width:700px){
 .prop-change-stat:not([hidden]){display:block;position:fixed;z-index:7;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));min-height:44px;background:#382a1d;color:#fff5e4;border-color:#c39355;box-shadow:0 3px 16px #0009}
 .prop-change-stat:not([hidden])+ :is(#prop-output,#nba-output){padding-bottom:58px}
}

.prop-player-list{margin-top:12px}
.prop-player-list ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:6px;list-style:none;margin:0;padding:0}
.prop-player-list button{width:100%;min-height:44px;text-align:left;white-space:normal}
.prop-player-list button[aria-pressed=true]{background:#382a1d;color:#fff5e4;border-color:#c39355}

.prop-player-list summary{padding:10px 0;cursor:pointer}
.prop-player-list>button{width:auto;margin-bottom:6px}

/* Keep iOS Safari from zooming when a mobile form control receives focus. */
@media (max-width:860px), (pointer:coarse){
 input,select,textarea{font-size:max(16px,1rem)}
}

.prop-filter-panel{margin:10px 0;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.prop-filter-panel summary{padding:10px 14px;cursor:pointer}
.prop-filter-panel>section.card{margin:0;border:0;border-top:1px solid var(--line);border-radius:0 0 10px 10px;box-shadow:none}

.nhl-room{--ice:#bde7ff;--line:#3e5967}
.nhl-room .room-hero{background:linear-gradient(100deg,#101d26,#1d3e54);border-color:var(--line)}
.nhl-rink{position:absolute;inset:12% -4% 12% 45%;border:3px solid #9ed3ef80;border-radius:60px;background:linear-gradient(90deg,transparent 33%,#80c9ec80 33% 34%,transparent 34% 49%,#ee9a9a90 49% 50%,transparent 50% 65%,#80c9ec80 65% 66%,transparent 66%);opacity:.6;z-index:-1}
.nhl-rink::after{content:'';position:absolute;left:50%;top:50%;width:24%;aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid #9ed3ef80;border-radius:50%}
.prop-change-stat:not([hidden])+#nhl-prop-output{padding-bottom:58px}

.dvp-controls{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.dvp-controls button{min-height:44px}
.dvp-controls button[aria-pressed=true]{color:#141619;background:var(--ice);border-color:var(--ice);font-weight:700}
.dvp-rank-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:10px}
.dvp-rank>button{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;width:100%;text-align:left}
.dvp-rank>button strong{font-size:1.3rem;color:var(--ice)}
.dvp-rank>button small{grid-column:1/-1}
.dvp-rank dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 0}
.dvp-rank dt{font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}
.dvp-rank dd{margin:2px 0 0;font-weight:700}

.mlb-room{--ice:#ffcc9e;--line:#634b3c}
.epl-room{--ice:#bbebba;--line:#3b6350}
.season-hero{min-height:250px;border-color:var(--line)}
.mlb-room .season-hero{background:linear-gradient(110deg,#211810,#65452e)}
.epl-room .season-hero{background:linear-gradient(110deg,#14261d,#284f39)}
#workspace-nav [hidden]{display:none}
