/* arena-ice.css · niftiIQ Arena Ice kit v1.1 (W33, Brett 10-12; W33_B polish 10-13) · Sage 2026-10-13
   ONE shared file for every niftiIQ page (front door, Maine football, cross country, HS basketball, NFL, NBA).
   Served once from niftiiq.com/static/kit/arena-ice.css and loaded LAST on every page, so it wins over the older layers.
   Source: Pixel's Arena Ice mockups (02_Build\Websites\lab_niftiiq\W33\arena_ice\ + more\, 44 pages, ICE_MORE_NOTES).
   Theme: DARK (Arena Ice) is the default for everyone: the server sends <html data-theme="dark">. The sun/moon button in the
   top bar switches to Ice daylight (data-theme="light"), remembered per device (localStorage 'iq_ice_theme'); it never
   follows the phone's own setting. Display only: nothing here changes a number.
   Sections: 1 fonts · 2 tokens · 3 base · 4 top bar + sport switcher + section tabs · 5 footer · 6 page kit (hero, boards,
   rows, LEDs, tags, panels, lights, chips) · 7 forms + buttons · 8 site pages (prose, FAQ, glossary) · 9 sheet (pop-up)
   · 10 follow card + account · 11 older page pieces in the Ice look · 12 phone */

/* ============ 1 · fonts (self-hosted, same files as before) ============ */
@font-face{font-family:"Sora";src:url(/static/fonts/sora-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/static/fonts/jetbrainsmono-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Oswald";src:url(/static/fonts/oswald-700.woff2) format("woff2");font-weight:600 800;font-display:swap}
@font-face{font-family:"Oswald";src:url(/static/fonts/oswald-500.woff2) format("woff2");font-weight:400 599;font-display:swap}

/* ============ 2 · tokens ============ */
html{
  --i-font:"Sora","Segoe UI",system-ui,sans-serif; --i-cond:"Oswald","Arial Narrow",sans-serif; --i-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --i-w:1200px; --i-gut:32px; --i-r:18px; --i-r-lg:20px;
}
/* Arena Ice (dark, default) */
html[data-theme="dark"], html:not([data-theme]){
  color-scheme:dark;
  --i-bg:#070D12; --i-p:#0E161E; --i-p2:#111C26; --i-ln:#1A2733; --i-ln2:#253545;
  --i-tx:#E6F1F7; --i-tx2:#93A9B8; --i-tx3:#6E8899;
  --i-acc:#3DD6F5; --i-acc2:#4E8EA1; --i-in:#7CF0B4; --i-out:#6E8899; --i-bad:#F2A0A0; --i-next:#C8392A;
  --i-sky:rgba(150,220,255,.13); --i-acc-soft:rgba(61,214,245,.12); --i-acc-soft2:rgba(61,214,245,.28); --i-on-acc:#04161C;
  --i-glow-soft:rgba(61,214,245,.14); --i-bd:#1C2B38; --i-bsh:0 30px 80px -40px rgba(0,0,0,.9); --i-inset:#0A1118;
  --i-glow:rgba(61,214,245,.5); --i-soft1:rgba(230,241,247,.08); --i-soft2:rgba(147,169,184,.1); --i-l1:#8BE9FB; --i-l2:#1BA7C6;
  --i-scrim:rgba(2,6,10,.62);
}
/* Ice daylight (sun/moon) */
html[data-theme="light"]{
  color-scheme:light;
  --i-bg:#F2F5F8; --i-p:#FFFFFF; --i-p2:#F6F9FB; --i-ln:#E1E8EE; --i-ln2:#CBD6DF;
  --i-tx:#0C1A24; --i-tx2:#475B6A; --i-tx3:#5E7383;
  --i-acc:#08799A; --i-acc2:#4E7C8B; --i-in:#12784A; --i-out:#5E7383; --i-bad:#B23A2B; --i-next:#C8392A;
  --i-sky:rgba(0,0,0,0); --i-acc-soft:rgba(8,121,154,.09); --i-acc-soft2:rgba(8,121,154,.22); --i-on-acc:#FFFFFF;
  --i-glow-soft:rgba(0,0,0,0); --i-bd:#D9E2E9; --i-bsh:0 22px 50px -34px rgba(12,40,60,.45); --i-inset:#F6F9FB;
  --i-glow:rgba(0,0,0,0); --i-soft1:rgba(12,26,36,.06); --i-soft2:rgba(71,91,106,.08); --i-l1:#58C9E2; --i-l2:#08799A;
  --i-scrim:rgba(12,26,36,.45);
}
/* the older layers read the Clubhouse names: point them at Ice so every existing page follows */
html[data-theme] , html[data-theme] body{
  --ch-black:var(--i-bg); --ch-coal:var(--i-p); --ch-coal-2:var(--i-p2); --ch-green:var(--i-p); --ch-green-2:var(--i-inset);
  --ch-text:var(--i-tx); --ch-text-2:var(--i-tx2); --ch-text-dim:var(--i-tx3);
  --ch-line:var(--i-ln); --ch-line-2:var(--i-ln2); --ch-amber:var(--i-acc); --ch-amber-soft:var(--i-acc-soft);
  --ch-amber-fill:var(--i-acc); --ch-on-amber:var(--i-on-acc); --ch-cut:var(--i-acc2); --ch-good:var(--i-in); --ch-red-text:var(--i-bad);
  --gp-wrap:1136px; --ch-max:1136px;
  --ch-cream:var(--i-tx); --ch-ink:var(--i-bg); --ch-paper:var(--i-p);   /* 'inverse' fills (selected chips) keep their meaning */
  --ch-font:var(--i-font); --ch-cond:var(--i-cond); --ch-mono:var(--i-mono);
  --iq-cta:var(--i-acc); --iq-cta-h:var(--i-acc); --iq-cta-ink:var(--i-on-acc); --iq-amber-soft:var(--i-acc-soft); --iq-amber-ink:var(--i-acc);
  --iq-paper:var(--i-p2); --iq-gtint:var(--i-p2); --iq-edge:var(--i-acc); --iq-green:var(--i-p); --iq-green-2:var(--i-p2);
  --w30-bg:var(--i-bg); --w30-card:var(--i-p); --w30-line:var(--i-ln); --w30-cream:var(--i-tx); --w30-dim:var(--i-tx2); --w30-amber:var(--i-acc);
  --w30-ok:var(--i-in); --w30-bad:var(--i-bad); --w30-green:var(--i-p);
}
html[data-theme="dark"] .w32, html[data-theme="dark"] .mx-panel, html[data-theme="dark"] .w32-sc,
html[data-theme="light"] .w32, html[data-theme="light"] .mx-panel, html[data-theme="light"] .w32-sc{
  --w-bg:var(--i-inset); --w-card:var(--i-p); --w-ink:var(--i-tx); --w-ink-2:var(--i-tx2); --w-ink-3:var(--i-tx3); --w-gtint:var(--i-p2);
  --w-green:var(--i-p2); --w-green-2:var(--i-acc2); --w-amber:var(--i-acc); --w-amber-deep:var(--i-acc); --w-amber-ink:var(--i-acc);
  --w-amber-soft:var(--i-acc-soft); --w-line:var(--i-ln); --w-line-2:var(--i-ln2); --w-s4:var(--i-l2);
}
/* one-hue scale for every place board / matrix cell: ice blue, light -> bright */
html[data-theme="dark"]{
  --mx-s0:#101B24; --mx-s1:#12364A; --mx-s2:#155A73; --mx-s3:#1BA7C6; --mx-s4:#8BE9FB;
  --mx-t0:#93A9B8; --mx-t1:#E6F1F7; --mx-t2:#E6F1F7; --mx-t3:#04161C; --mx-t4:#04161C;
  --mx-now:#E6F1F7; --mx-ring:#3DD6F5; --mx-card:#0E161E; --mx-you:rgba(61,214,245,.12);
  --q0:#101B24; --q1:#12364A; --q2:#155A73; --q3:#1BA7C6; --q4:#8BE9FB;
}
html[data-theme="light"]{
  --mx-s0:#EEF6F9; --mx-s1:#CDE8F0; --mx-s2:#8FCBDD; --mx-s3:#1E95B5; --mx-s4:#08799A;
  --mx-t0:#475B6A; --mx-t1:#0C1A24; --mx-t2:#0C1A24; --mx-t3:#FFFFFF; --mx-t4:#FFFFFF;
  --mx-now:#0C1A24; --mx-ring:#08799A; --mx-card:#FFFFFF; --mx-you:rgba(8,121,154,.09);
  --q0:#EEF6F9; --q1:#CDE8F0; --q2:#8FCBDD; --q3:#1E95B5; --q4:#08799A;
}

/* ============ 3 · base ============ */
html[data-theme] body{background:var(--i-bg)!important;color:var(--i-tx);font-family:var(--i-font);overflow-x:hidden}
html[data-theme] body::before{content:"";position:absolute;left:0;right:0;top:0;height:420px;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse 55% 380px at 15% 0,var(--i-sky),transparent 70%),radial-gradient(ellipse 55% 380px at 85% 0,var(--i-sky),transparent 70%)}
html[data-theme] body > *{position:relative;z-index:1}
html[data-theme] body, html[data-theme] body *{-webkit-text-fill-color:currentColor}   /* older rules forced a literal text fill; color decides everywhere */
html[data-theme] ::selection{background:var(--i-acc);color:var(--i-on-acc)}
html[data-theme] a{color:inherit}
.ice-w{max-width:var(--i-w);margin:0 auto;padding:0 var(--i-gut)}
.ice-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html[data-theme] :focus-visible{outline:2px solid var(--i-acc);outline-offset:2px;border-radius:6px}

/* ============ 4 · top bar · sport switcher · section tabs ============ */
.ice-top{border-bottom:1px solid var(--i-ln)}
.ice-top .ice-w{display:flex;align-items:center;height:68px;gap:26px}
.ice-lg{display:flex;align-items:center;flex:none;line-height:0}
.ice-lg svg.iq-wordmark{height:26px;width:auto}
html[data-theme="light"] .ice-lg svg.iq-wordmark rect{stroke:#0C1A24}
html[data-theme="light"] .ice-lg svg.iq-wordmark > g > g:first-of-type{fill:#0C1A24}   /* the logo stays; in daylight only its cream parts turn ink so it can be read */
.ice-sports{display:flex;gap:4px;font-size:14px;color:var(--i-tx2);min-width:0}
html[data-theme] body .ice-sports a{padding:8px 12px;border-radius:9px;white-space:nowrap;text-decoration:none;color:var(--i-tx2)}
.ice-sports a:hover{color:var(--i-tx)}
html[data-theme] body .ice-sports a[aria-current]{background:var(--i-acc-soft);color:var(--i-acc);font-weight:600}
.ice-sp{flex:1}
.ice-acts{display:flex;align-items:center;gap:12px}
html[data-theme] body .ice-th{flex:none;width:36px!important;height:36px!important;min-height:0!important;border-radius:10px!important;border:1px solid var(--i-ln2)!important;background:transparent!important;color:var(--i-tx2)!important;display:grid;place-items:center;cursor:pointer;padding:0!important;box-shadow:none!important}
.ice-th:hover{color:var(--i-tx);border-color:var(--i-acc2)}
.ice-th svg{width:18px;height:18px}.ice-th .moon{display:none}
html[data-theme="light"] .ice-th .sun{display:none} html[data-theme="light"] .ice-th .moon{display:block}
.ice-si{font-size:14px;color:var(--i-tx2);white-space:nowrap;text-decoration:none}.ice-si:hover{color:var(--i-tx)}
.ice-b{background:var(--i-acc);color:var(--i-on-acc)!important;font-weight:700;font-size:14px;padding:10px 16px;border-radius:10px;white-space:nowrap;text-decoration:none;box-shadow:0 0 24px -8px var(--i-glow)}
.ice-b:hover{filter:brightness(1.06)}
.ice-me{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--i-tx2);white-space:nowrap;text-decoration:none}
.ice-me i{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--i-acc-soft);color:var(--i-acc);font:700 13px var(--i-font);text-transform:uppercase}
.ice-mn{display:none;position:relative}
.ice-mn>summary{list-style:none;cursor:pointer;font-weight:600;font-size:14px;border:1px solid var(--i-ln2);padding:8px 12px;border-radius:9px;color:var(--i-tx)}
.ice-mn>summary::-webkit-details-marker{display:none}
.ice-mn-list{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:230px;background:var(--i-p);border:1px solid var(--i-ln2);border-radius:14px;padding:8px;box-shadow:var(--i-bsh)}
.ice-mn-list a{display:block;padding:11px 12px;border-radius:9px;font-size:15px;text-decoration:none;color:var(--i-tx)}
.ice-mn-list a[aria-current]{background:var(--i-acc-soft);color:var(--i-acc);font-weight:600}
.ice-mn-list hr{border:0;border-top:1px solid var(--i-ln);margin:6px 4px}
.ice-subnav{display:none}
.ice-secs{border-bottom:1px solid var(--i-ln);background:rgba(0,0,0,.12)}
html[data-theme="light"] .ice-secs{background:rgba(255,255,255,.6)}
.ice-secs .ice-w{display:flex;gap:26px;height:46px;align-items:stretch;font-size:14px;color:var(--i-tx2)}
.ice-secs nav{display:flex;gap:26px;min-width:0;overflow-x:auto;scrollbar-width:none}
.ice-secs nav::-webkit-scrollbar{display:none}
html[data-theme] body .ice-secs nav a, html[data-theme] body .ice-secs summary{display:flex;align-items:center;border-bottom:2px solid transparent;white-space:nowrap;text-decoration:none;color:var(--i-tx2)}
html[data-theme] body .ice-secs nav a:hover{color:var(--i-tx)}
html[data-theme] body .ice-secs nav a[aria-current]{color:var(--i-tx);font-weight:600;border-color:var(--i-acc)}
.ice-secs .ice-more{position:relative;display:flex;align-items:stretch;flex:none}
.ice-secs .ice-more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;border-bottom:2px solid transparent}
.ice-secs .ice-more>summary::-webkit-details-marker{display:none}
.ice-secs .ice-more>summary[aria-current]{color:var(--i-tx);font-weight:600;border-color:var(--i-acc)}
.ice-more-menu{position:absolute;top:100%;left:0;z-index:30;min-width:200px;background:var(--i-p);border:1px solid var(--i-ln2);border-radius:14px;padding:6px;box-shadow:var(--i-bsh)}
html[data-theme] .ice-more-menu a{display:block;border:0;padding:10px 12px;border-radius:9px;color:var(--i-tx)}
.ice-more-menu a[aria-current]{background:var(--i-acc-soft);color:var(--i-acc)}
.ice-crumbs{font:500 12px var(--i-mono);letter-spacing:.06em;color:var(--i-tx3);padding:16px 0 0;display:flex;gap:8px;flex-wrap:wrap}
.ice-crumbs a{color:var(--i-tx3);text-decoration:none}.ice-crumbs a:hover{color:var(--i-acc)}
.ice-crumbs [aria-current]{color:var(--i-tx2)}

/* ============ 5 · footer ============ */
.ice-ft{margin-top:80px;border-top:1px solid var(--i-ln);padding:44px 0 30px;font-size:14px;color:var(--i-tx2)}
.ice-ft .ice-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
html[data-theme] body .ice-ft h2,html[data-theme] body .ice-ft h5{font:600 11px var(--i-mono)!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--i-tx3);margin:0 0 12px}
.ice-ft .ice-cols a{display:block;padding:4px 0;color:var(--i-tx2);text-decoration:none}.ice-ft .ice-cols a:hover{color:var(--i-acc)}
.ice-ft .ice-ft-by{margin-top:12px;max-width:300px;color:var(--i-tx3);line-height:1.6}
.ice-ft .ice-soc{display:flex;gap:10px;margin-top:16px}
.ice-ft .ice-soc a{width:38px;height:38px;border-radius:10px;border:1px solid var(--i-ln2);display:grid;place-items:center;font:700 12px var(--i-font);color:var(--i-tx2);text-decoration:none}
.ice-ft .ice-soc a:hover{border-color:var(--i-acc);color:var(--i-acc)}
.ice-ft .ice-bt{margin-top:32px;padding-top:18px;border-top:1px solid var(--i-ln);font-size:12.5px;color:var(--i-tx3);display:flex;gap:18px;flex-wrap:wrap;align-items:baseline}
.ice-ft .ice-bt a{color:var(--i-tx3);text-decoration:none}.ice-ft .ice-bt a:hover{color:var(--i-acc)}
.ice-ft .ice-bt .ice-lead{flex:1;min-width:260px}
.ice-ft .ice-ft-more{margin-top:14px;font-size:12.5px;color:var(--i-tx3);line-height:1.6}
.ice-ft .ice-ft-more a{color:var(--i-tx2)}

/* ============ 6 · page kit ============ */
.ice-hero{padding:42px 0 26px}.ice-hero.c{text-align:center}
.ice-k{font:600 12px var(--i-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--i-acc)}
.ice-h1, html[data-theme] .gp-content h1, html[data-theme] main h1.ice-h1{font:700 64px/.95 var(--i-cond);text-transform:uppercase;letter-spacing:.005em;margin:12px 0 0;text-shadow:0 0 40px var(--i-glow-soft);color:var(--i-tx)}
.ice-hero p{font-size:16.5px;color:var(--i-tx2);margin-top:12px;max-width:640px}.ice-hero.c p{margin-left:auto;margin-right:auto}
.ice-h2{font:700 30px/1 var(--i-cond);text-transform:uppercase;letter-spacing:.01em;margin:0}
.ice-sh{display:flex;align-items:flex-end;gap:14px;margin:38px 0 14px}.ice-sh .ice-sp{flex:1}
.ice-sh a{font-weight:600;font-size:14px;color:var(--i-acc);text-decoration:none}.ice-sh small{font:500 12px var(--i-mono);color:var(--i-tx3);letter-spacing:.06em}
.ice-chips{display:flex;gap:8px;flex-wrap:wrap}
.ice-chips a,.ice-chips button,.ice-chips span{font:600 12px var(--i-mono);letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border-radius:9px;border:1px solid var(--i-ln2);color:var(--i-tx2);background:transparent;text-decoration:none}
.ice-chips [aria-current],.ice-chips .on{background:var(--i-acc);border-color:var(--i-acc);color:var(--i-on-acc)}
.ice-board{background:var(--i-p);border:2px solid var(--i-bd);border-radius:20px;padding:8px 20px;box-shadow:var(--i-bsh),inset 0 0 0 5px var(--i-inset)}
.ice-bh{display:grid;gap:14px;font:600 10.5px var(--i-mono);letter-spacing:.16em;color:var(--i-tx3);padding:12px 0 10px;text-transform:uppercase}
.ice-r{display:grid;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--i-ln);text-decoration:none;color:inherit}
a.ice-r:hover .ice-tm{color:var(--i-acc)}
.ice-tm{font:700 21px/1.1 var(--i-cond);text-transform:uppercase;letter-spacing:.02em;min-width:0}
.ice-tm small{display:block;font:500 11px var(--i-mono);color:var(--i-tx3);letter-spacing:.1em;margin-top:3px;text-transform:uppercase}
.ice-led{font:700 32px/1 var(--i-mono);color:var(--i-acc);text-shadow:0 0 14px var(--i-glow);letter-spacing:.01em;white-space:nowrap}
.ice-led.sm{font-size:22px}
.ice-led small{display:block;font:500 10.5px var(--i-mono);color:var(--i-acc2);text-shadow:none;margin-top:4px;letter-spacing:.1em;text-transform:uppercase}
.ice-rt{text-align:right}
.ice-mono{font:600 13px var(--i-mono);color:var(--i-tx2)}.ice-mono b{color:var(--i-tx);font-size:14.5px}
.ice-tag{display:inline-block;font:600 10px var(--i-mono);letter-spacing:.12em;padding:3px 7px;border-radius:5px;text-transform:uppercase;white-space:nowrap}
.ice-tag.tu{background:var(--i-acc-soft);color:var(--i-acc)}.ice-tag.ln{background:var(--i-soft1);color:var(--i-tx)}.ice-tag.so{background:var(--i-soft2);color:var(--i-tx2)}
.ice-tag.nx{background:var(--i-next);color:#fff}
.ice-st{font:700 13px var(--i-mono);letter-spacing:.06em;white-space:nowrap}
.ice-st.in{color:var(--i-in)}.ice-st.in::before{content:"\25CF  ";font-size:10px}.ice-st.out{color:var(--i-out)}
.ice-st.nc{color:var(--i-tx)}.ice-st.nc small{display:block;font:500 11px var(--i-font);letter-spacing:0;color:var(--i-tx2);margin-top:2px}
.ice-cut{display:flex;align-items:center;gap:10px;font:600 10.5px var(--i-mono);letter-spacing:.14em;color:var(--i-acc2);padding:10px 0;border-top:1px solid var(--i-ln);text-transform:uppercase}
.ice-cut::after{content:"";flex:1;border-top:1px dashed var(--i-acc2);opacity:.6}
.ice-mtr{height:6px;border-radius:999px;background:var(--i-ln);overflow:hidden}.ice-mtr u{display:block;height:100%;background:var(--i-acc);box-shadow:0 0 10px var(--i-glow)}
.ice-panel{display:block;background:var(--i-p);border:1px solid var(--i-ln);border-radius:var(--i-r);padding:22px;color:inherit;text-decoration:none}
a.ice-panel:hover{border-color:var(--i-ln2)}
html[data-theme] body a.ice-panel, html[data-theme] body a.ice-panel *{text-decoration:none!important}
html[data-theme] body .ice-h2{font:700 30px/1 var(--i-cond)!important;text-transform:uppercase;letter-spacing:.01em;margin:0;color:var(--i-tx)}
@media (max-width:860px){html[data-theme] body .ice-h2{font-size:24px!important}}
.ice-panel .ice-k{color:var(--i-tx3);letter-spacing:.16em;font-size:11px}
.ice-big{font:700 52px/1 var(--i-cond);margin-top:10px;color:var(--i-tx)}.ice-big em{font-style:normal;color:var(--i-acc)}
.ice-panel p{font-size:14px;color:var(--i-tx2);margin:8px 0 0}
.ice-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ice-g2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ice-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ice-note{font:500 12px var(--i-mono);color:var(--i-tx3);padding:12px 0 6px;border-top:1px solid var(--i-ln)}
.ice-note a{color:var(--i-acc);text-decoration:none}
.ice-lights{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;max-width:520px}
.ice-lights div{text-align:center}
.ice-lights i{display:block;height:46px;border-radius:8px;background:var(--i-inset);border:1px solid var(--i-ln);position:relative;overflow:hidden}
.ice-lights i u{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--i-l1),var(--i-l2));box-shadow:0 0 14px var(--i-glow)}
.ice-lights b{display:block;font:700 12.5px var(--i-mono);color:var(--i-acc);margin-bottom:5px}.ice-lights b.z{color:var(--i-tx3);font-weight:500}
.ice-lights span{display:block;font:500 11px var(--i-mono);color:var(--i-tx3);margin-top:5px}.ice-lights .now span{color:var(--i-tx);font-weight:700}
.ice-duel{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.ice-dots{display:flex;gap:6px;flex-wrap:wrap}.ice-dots span{font:600 12.5px var(--i-mono);padding:4px 8px;border-radius:7px;background:var(--i-soft2);color:var(--i-tx2)}

html[data-theme] [hidden]{display:none!important}
.ice-chips button{cursor:pointer}
html[data-theme] body .ice-chips a{color:var(--i-tx2);text-decoration:none}
html[data-theme] body .ice-chips a[aria-current], html[data-theme] body .ice-chips .on{background:var(--i-acc);border-color:var(--i-acc);color:var(--i-on-acc)}
html[data-theme] .iq-crumbs{display:none}   /* W33: no breadcrumb row in Arena Ice (the tabs say where you are; BreadcrumbList JSON-LD stays) */
html[data-theme] .gp-content{max-width:var(--i-w)!important;padding:0 var(--i-gut)!important}

/* ============ 7 · buttons + forms ============ */
.ice-btn,html[data-theme] .iq-cta,html[data-theme] a.iq-cta,html[data-theme] button.iq-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:12px;border:0;
  font:700 15px var(--i-font);background:var(--i-acc)!important;color:var(--i-on-acc)!important;box-shadow:0 0 24px -6px var(--i-glow);white-space:nowrap;text-decoration:none;cursor:pointer}
.ice-btn:hover,html[data-theme] .iq-cta:hover{filter:brightness(1.07)}
.ice-btn.gh,html[data-theme] .iq-btn{background:transparent!important;color:var(--i-tx)!important;border:1px solid var(--i-ln2)!important;box-shadow:none}
html[data-theme] body .iq-btn, html[data-theme] body button.iq-btn, html.look-graphite[data-theme] body .gp-main .iq-btn, html.look-graphite[data-theme] body .iq-btn{color:var(--i-tx)!important;background:transparent!important;border:1px solid var(--i-ln2)!important}
html[data-theme] .iq-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;font:600 14.5px var(--i-font);text-decoration:none;cursor:pointer}
html[data-theme] .iq-btn:hover{border-color:var(--i-acc)!important;color:var(--i-acc)!important}
.ice-btn.w100{width:100%}
html[data-theme] input:not([type=checkbox]):not([type=radio]):not([type=range]),html[data-theme] select,html[data-theme] textarea{
  background:var(--i-inset)!important;color:var(--i-tx)!important;border:1px solid var(--i-ln2)!important;border-radius:12px;font:400 15px var(--i-font)}
html[data-theme] input:not([type=checkbox]):not([type=radio]):not([type=range]),html[data-theme] select{min-height:48px;padding:0 14px}
html[data-theme] textarea{padding:12px 14px}
html[data-theme] input:focus,html[data-theme] select:focus,html[data-theme] textarea:focus{border-color:var(--i-acc)!important;box-shadow:0 0 0 3px var(--i-acc-soft)!important;outline:0}
html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--i-tx3)}
html[data-theme] input[type=checkbox],html[data-theme] input[type=radio]{accent-color:var(--i-acc);width:18px;height:18px}
html[data-theme] label{color:var(--i-tx2)}
.ice-fld{margin-top:16px}.ice-fld>label{display:block;font:600 13px var(--i-font);color:var(--i-tx2);margin-bottom:7px}
.ice-fld input,.ice-fld select{width:100%}
.ice-fld .ice-hint{font-size:12.5px;color:var(--i-tx3);margin-top:6px}
.ice-ck{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--i-tx2);margin-top:16px}
.ice-ck input{flex:none;margin-top:2px}
.ice-pills{display:flex;gap:8px;flex-wrap:wrap}
.ice-pills label{display:inline-flex;align-items:center;gap:8px;font:600 13.5px var(--i-font);padding:9px 14px;border-radius:999px;border:1px solid var(--i-ln2);color:var(--i-tx2);cursor:pointer}
.ice-pills input{position:absolute;opacity:0;pointer-events:none}
.ice-pills label:has(input:checked){border-color:var(--i-acc);color:var(--i-acc);background:var(--i-acc-soft)}
.ice-pills label:has(input:focus-visible){outline:2px solid var(--i-acc);outline-offset:2px}
.ice-fine{font-size:12.5px;color:var(--i-tx3);margin-top:14px;line-height:1.6}.ice-fine a,.ice-lk{color:var(--i-acc);font-weight:600;text-decoration:none}
.ice-card{background:var(--i-p);border:1px solid var(--i-ln);border-radius:20px;padding:28px}
.ice-split{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:56px 0 10px}
.ice-ticks{list-style:none;margin:22px 0 0;padding:0}
.ice-ticks li{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--i-ln);font-size:15px}.ice-ticks li:first-child{border-top:0}
.ice-ticks li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--i-acc);box-shadow:0 0 10px var(--i-glow);margin-top:8px}
.ice-sw{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid var(--i-ln);font-size:14.5px;gap:14px}
.ice-sw:first-of-type{border-top:0}.ice-sw small{display:block;color:var(--i-tx3);font-size:12.5px;margin-top:2px}
.ice-tg{flex:none;appearance:none;-webkit-appearance:none;width:44px!important;height:26px!important;min-height:0!important;border-radius:999px!important;background:var(--i-ln2)!important;border:0!important;position:relative;cursor:pointer;margin:0;padding:0!important}
.ice-tg::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--i-tx2);transition:left .15s}
.ice-tg:checked{background:var(--i-acc)!important}.ice-tg:checked::after{left:21px;background:var(--i-on-acc)}
.ice-msg{border:1px solid var(--i-acc-soft2);background:var(--i-acc-soft);border-radius:14px;padding:12px 14px;font-size:14px;color:var(--i-tx)}
.ice-msg.bad{border-color:rgba(242,160,160,.4);background:rgba(242,160,160,.08)}

/* ============ 8 · site pages ============ */
.ice-lede{font-size:17px;color:var(--i-tx2);margin:14px 0 0;max-width:560px;line-height:1.6}
.ice-lede b{color:var(--i-tx)}
html[data-theme] body .iq-main.gp-main{max-width:var(--i-w);padding:0 var(--i-gut);margin:0 auto}
html[data-theme] body .iq-main.gp-main > .ice-w, html[data-theme] body .iq-main.gp-main .ice-w .ice-w{padding:0;max-width:none}
@media (max-width:860px){html[data-theme] body .iq-main.gp-main{padding:0 16px}}
.ice-prose{max-width:760px}
.ice-prose h2,.ice-prose h3{font:700 22px/1.2 var(--i-cond);text-transform:uppercase;letter-spacing:.02em;margin:34px 0 8px;color:var(--i-tx)}
.ice-prose p,.ice-prose li{color:var(--i-tx2);font-size:16px;line-height:1.7}.ice-prose p{margin:8px 0 0}
.ice-prose a{color:var(--i-acc)}
.ice-qa{border-top:1px solid var(--i-ln);padding:20px 0}
.ice-qa>summary{list-style:none;cursor:pointer;font:600 17px/1.4 var(--i-font);display:flex;gap:16px;justify-content:space-between;color:var(--i-tx)}
.ice-qa>summary::-webkit-details-marker{display:none}
.ice-qa>summary::after{content:"+";color:var(--i-acc);font:400 24px/1 var(--i-font)}.ice-qa[open]>summary::after{content:"\2013"}
.ice-qa>div,.ice-qa>p{color:var(--i-tx2);margin-top:10px;font-size:15.5px;line-height:1.7}
.ice-toc{position:sticky;top:20px;font-size:14px;color:var(--i-tx2)}
.ice-toc a{display:block;padding:7px 0 7px 14px;border-left:2px solid var(--i-ln);text-decoration:none}.ice-toc a[aria-current]{border-color:var(--i-acc);color:var(--i-tx);font-weight:600}
.ice-two{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px}
.ice-terms{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ice-terms .ice-panel h3,.ice-terms .ice-panel h4{font:700 19px var(--i-cond);text-transform:uppercase;letter-spacing:.03em;color:var(--i-acc);margin:0}
.ice-art{max-width:720px}.ice-art p{font-size:17px;line-height:1.75;color:var(--i-tx2);margin-top:16px}.ice-art p b{color:var(--i-tx)}

/* ============ 9 · sheet (the % pop-up) ============ */
.ice-scrim{position:fixed;inset:0;background:var(--i-scrim);backdrop-filter:blur(2px);z-index:50}
.ice-sheet{position:fixed;z-index:51;top:0;right:0;bottom:0;width:470px;max-width:100%;background:var(--i-p);border-left:1px solid var(--i-ln2);padding:26px 28px;overflow-y:auto;box-shadow:-30px 0 80px -30px rgba(0,0,0,.8)}
.ice-sheet .ice-x{position:absolute;top:22px;right:22px;width:36px;height:36px;border-radius:10px;border:1px solid var(--i-ln2);display:grid;place-items:center;color:var(--i-tx2);background:transparent;cursor:pointer}
.ice-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.ice-tiles>div{background:var(--i-inset);border:1px solid var(--i-ln);border-radius:14px;padding:12px}
.ice-tiles small{display:block;font:600 10px var(--i-mono);letter-spacing:.14em;color:var(--i-tx3);text-transform:uppercase}
.ice-tiles b{display:block;font:700 22px var(--i-mono);color:var(--i-acc);margin-top:6px}
.ice-pv{margin-top:14px;border:1px solid var(--i-acc-soft2);border-radius:16px;padding:16px;background:linear-gradient(180deg,var(--i-acc-soft),transparent)}

/* ============ 10 · follow card + account ============ */
.ice-follow{background:var(--i-p);border:2px solid var(--i-bd);border-radius:20px;padding:24px;box-shadow:var(--i-bsh),inset 0 0 0 5px var(--i-inset)}
.ice-follow .ice-k{color:var(--i-acc)}
html[data-theme] body .ice-follow h2,html[data-theme] body .ice-follow h3{font:700 30px/1 var(--i-cond);text-transform:uppercase;margin:10px 0 0;color:var(--i-tx)}
.ice-follow .ice-ticks{margin-top:12px}.ice-follow .ice-ticks li{font-size:14px;padding:7px 0}
.ice-follow form{margin:6px 0 0}
.ice-follow .ice-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ice-follow .ice-on{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14.5px;color:var(--i-tx2)}
.ice-follow .ice-on b{color:var(--i-tx)}
.ice-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ============ 11 · older page pieces in the Ice look (every page not rebuilt from a mockup still reads as Ice) ============ */
html[data-theme] .gp-main{background:transparent}
html[data-theme] .gp-content{max-width:var(--i-w);margin:0 auto;padding:0 var(--i-gut)}
html[data-theme] .gp-content h2, html[data-theme] .ch-h2, html[data-theme] .w31-h2, html[data-theme] .gp-content .gp-sec-h{font-family:var(--i-cond)!important;text-transform:uppercase;letter-spacing:.01em;font-weight:700;color:var(--i-tx)}
html[data-theme] .gp-content h3{color:var(--i-tx)}
html[data-theme] .gp-content p, html[data-theme] .gp-content li{color:var(--i-tx2)}
html[data-theme] .gp-content b, html[data-theme] .gp-content strong{color:var(--i-tx)}
html[data-theme] .gp-content a:not([class]){color:var(--i-acc)}
html[data-theme] .gp-content table{border-color:var(--i-ln)}
html[data-theme] .gp-content th{font-family:var(--i-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--i-tx3);font-weight:600}
html[data-theme] .gp-content td{border-color:var(--i-ln)}
html[data-theme] .iq-note{border-top:1px solid var(--i-ln);color:var(--i-tx3)}
html[data-theme] .iq-note a{color:var(--i-acc)}
html[data-theme] .iq-chip{font-family:var(--i-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:6px}
html[data-theme] .iq-lock{background:var(--i-p);border:1px solid var(--i-ln2);border-radius:var(--i-r);color:var(--i-tx)}
html[data-theme] .iq-lock-txt p{color:var(--i-tx2)}
html[data-theme] .iq-share-menu{background:var(--i-p);border:1px solid var(--i-ln2);border-radius:14px}
html[data-theme] .iq-share-menu a, html[data-theme] .iq-share-menu button{color:var(--i-tx)}



/* place board (the shared finish component: standings, playoffs, team, NFL, NBA, cross country) */
.ice-pb{margin:0 0 18px}
.ice-pb-h{display:flex;align-items:baseline;gap:12px;padding:14px 0 6px;flex-wrap:wrap}
html[data-theme] body .ice-pb-t{font:700 24px/1 var(--i-cond)!important;text-transform:uppercase;letter-spacing:.01em;margin:0;color:var(--i-tx)}
.ice-pb-h small{font:500 11px var(--i-mono);color:var(--i-tx3);letter-spacing:.1em;text-transform:uppercase}
.ice-pb-h a{text-decoration:none;color:inherit}.ice-pb-h .ice-pb-full{font:600 13.5px var(--i-font);color:var(--i-acc)}
.ice-pb-row{grid-template-columns:34px minmax(0,1fr) 64px 210px 150px}
.ice-pb .ice-bh{display:grid}
.ice-pr>summary{list-style:none;cursor:pointer}
html[data-theme] body .ice-pr>summary.ice-r{display:grid!important}.ice-pr>summary::-webkit-details-marker{display:none}
.ice-pr>summary:hover .ice-tm{color:var(--i-acc)}
html[data-theme] body .ice-pr .ice-tm a, html[data-theme] body a.ice-r, html[data-theme] body .ice-board a.ice-r{color:inherit;text-decoration:none}
.ice-rk{font:600 20px var(--i-cond);color:var(--i-tx2)}.ice-rk.out{color:var(--i-tx3)}
.ice-pb-lk{color:var(--i-tx2)}.ice-pb-lk b{color:var(--i-acc);font-size:13px}
.ice-pr .mx-ns{display:none}
.ice-pr .mx-tb{margin-left:8px;font:700 9px var(--i-mono);border:1px solid var(--i-ln2);border-radius:4px;padding:0 3px;vertical-align:3px;color:var(--i-tx2)}
.ice-pr .mx-yt{margin-left:8px;font:600 10px var(--i-mono);letter-spacing:.1em;background:var(--i-acc);color:var(--i-on-acc);border-radius:5px;padding:2px 6px;vertical-align:4px;text-transform:uppercase}
.ice-pr.you>summary{box-shadow:inset 3px 0 0 var(--i-acc)}
html[data-theme] body .ice-pr.me .ice-tm, html[data-theme] body .ice-pr.me .ice-tm a{color:var(--i-acc)}
.ice-pb-x{padding:2px 0 16px 48px}
.ice-pb-x [data-mx-tap]{cursor:pointer}.ice-pb-x [data-mx-tap]:hover i{border-color:var(--i-acc)}
.ice-pb .st .ice-led.sm{font-size:20px}
.ice-pb .mx-pk{font-family:var(--i-mono)}
@media (max-width:860px){
  .ice-pb-row{grid-template-columns:24px minmax(0,1fr) 112px!important;gap:8px!important}
  .ice-pb-row>:nth-child(3),.ice-pb-row>:nth-child(4){display:none}
  .ice-pb-x{padding-left:0}
  .ice-pb-h{padding-top:12px}
}


html[data-theme] body .ice-band{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:42px 0 22px;margin:0;background:none;border:0}
html[data-theme] body .ice-band h1.ice-h1{font-size:64px!important;line-height:.95!important;margin-top:12px!important}
html[data-theme] body .ice-band p{font-size:16.5px;color:var(--i-tx2);margin:12px 0 0;max-width:640px}
html[data-theme] body .mx-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
html[data-theme] body .mx-chip{font:600 12px var(--i-mono)!important;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px!important;border-radius:9px!important;border:1px solid var(--i-ln2)!important;color:var(--i-tx2)!important;background:transparent!important;min-height:0!important;box-shadow:none!important}
html[data-theme] body .mx-chip[aria-pressed="true"]{background:var(--i-acc)!important;border-color:var(--i-acc)!important;color:var(--i-on-acc)!important}
html[data-theme] body .mx-seg{display:inline-flex;border:1px solid var(--i-ln2);border-radius:11px;padding:3px;background:var(--i-inset)}
html.look-graphite[data-theme] body .mx-seg button, html.look-graphite[data-theme] body .mx-seg a, html[data-theme] body .mx-seg button{font:600 13px var(--i-font)!important;border:0!important;background:transparent!important;color:var(--i-tx2)!important;box-shadow:none!important;padding:8px 14px;border-radius:8px;cursor:pointer}
html.look-graphite[data-theme] body .mx-seg button[aria-selected="true"], html.look-graphite[data-theme] body .mx-seg a[aria-current], html[data-theme] body .mx-seg button[aria-selected="true"]{background:var(--i-acc-soft)!important;color:var(--i-acc)!important}
html[data-theme] body .mx-seg button:disabled{opacity:.5;cursor:default}
html[data-theme] body .ice-pb-lk{text-transform:uppercase;letter-spacing:.06em;font-size:11.5px}
@media (max-width:860px){html[data-theme] body .ice-band h1.ice-h1{font-size:42px!important}html[data-theme] body .ice-band{padding:24px 0 16px}}


/* football power ratings (page 4): the W31 B6 rows as a scoreboard */
html[data-theme] body .b6-tbl{padding:8px 20px}
html[data-theme] body .b6-hd{grid-template-columns:44px minmax(0,1fr) 0 110px minmax(200px,1.2fr) 16px!important}
html[data-theme] body .b6-row>summary{display:grid!important;grid-template-columns:44px minmax(0,1fr) 0 110px minmax(200px,1.2fr) 16px!important;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--i-ln);list-style:none;cursor:pointer;background:none!important}
html[data-theme] body .b6-row>summary .b6-cl, html[data-theme] body .b6-hd .b6-cl{visibility:hidden;overflow:hidden;width:0;display:block!important}   /* P4 (Pixel R1): keep its 0-width cell so the rating doesn't slide under the chevron */
html[data-theme] body .b6-n{font:600 22px var(--i-cond)!important;color:var(--i-tx2)}
html[data-theme] body .b6-nm.ice-tm{font:700 21px/1.1 var(--i-cond)!important;text-transform:uppercase;letter-spacing:.02em;color:var(--i-tx)}
html[data-theme] body .b6-r.ice-led{font-size:24px!important;text-align:right;color:var(--i-acc)!important}
html[data-theme] body .b6-rg{position:relative;display:block;height:30px}
html[data-theme] body .b6-band{position:absolute;top:8px;height:5px;border-radius:999px;background:var(--i-acc2)!important;opacity:.85}
html[data-theme] body .b6-dot{position:absolute;top:5px;width:11px;height:11px;margin-left:-5px;border-radius:50%;background:var(--i-acc)!important;box-shadow:0 0 12px var(--i-glow)}
html[data-theme] body .b6-rgt{position:absolute;left:0;top:17px;font:500 10.5px var(--i-mono);color:var(--i-tx3);letter-spacing:.06em}
html[data-theme] body .b6-row[open]>summary .b6-nm{color:var(--i-acc)}
html[data-theme] body .b6-why{padding:4px 0 18px 58px;color:var(--i-tx2)}
@media (max-width:860px){html[data-theme] body .b6-row>summary,html[data-theme] body .b6-hd{grid-template-columns:28px minmax(0,1fr) 0 74px 16px!important;gap:8px}
 html[data-theme] body .b6-row>summary .b6-rg,html[data-theme] body .b6-hd .b6-rg{display:none}html[data-theme] body .b6-tbl{padding:4px 12px}html[data-theme] body .b6-why{padding-left:0}}
html[data-theme] body .w31-chips{display:flex;gap:8px;flex-wrap:wrap}
html[data-theme] body .w31-chip{font:600 12px var(--i-mono)!important;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px!important;border-radius:9px!important;border:1px solid var(--i-ln2)!important;color:var(--i-tx2)!important;background:transparent!important;min-height:0!important;box-shadow:none!important;cursor:pointer}
html[data-theme] body .w31-chip.on{background:var(--i-acc)!important;border-color:var(--i-acc)!important;color:var(--i-on-acc)!important}


/* playoffs board (page 5) + tappable LED numbers (the % pop-up opens from any of them) */
html[data-theme] body .ice-tap{cursor:pointer;background:none!important;box-shadow:none!important;border:0!important;padding:0!important;border-radius:0!important}
html[data-theme] body .ice-tap:hover{text-decoration:underline dotted;text-underline-offset:5px}
html[data-theme] body .mx-pill.ice-led{font:700 20px/1 var(--i-mono)!important;color:var(--i-acc)!important;text-shadow:0 0 12px var(--i-glow)}
html[data-theme] body .ice-tm a{color:inherit;text-decoration:none}
html[data-theme] body .ice-tm .mx-tb{margin-left:8px;font:700 9px var(--i-mono);border:1px solid var(--i-ln2);border-radius:4px;padding:0 3px;vertical-align:3px;color:var(--i-tx2);letter-spacing:0}
.ice-po .ice-st.nc{font-size:11px}
.ice-r.you{box-shadow:inset 3px 0 0 var(--i-acc)}
html[data-theme] body .mx-ifend{font:500 12.5px var(--i-mono);color:var(--i-tx3);padding:12px 0 6px;border-top:1px solid var(--i-ln)}
html[data-theme] body .mx-ifend b{color:var(--i-tx2)}
@media (max-width:860px){.ice-po{grid-template-columns:20px minmax(0,1fr) 96px 46px 42px!important;gap:6px!important}.ice-po>:nth-child(3){display:none}
 .ice-po .ice-tm{font-size:14.5px;letter-spacing:0}.ice-po .ice-st.nc small{display:none}html[data-theme] body .ice-po .mx-pill.ice-led{font-size:15px!important}
 .ice-po>:nth-child(5):not(:last-child):not(:nth-last-child(2)){display:none}}


/* football team header (page 6): the W32 header block as an Ice scoreboard: hero name, panels, LED numbers */
html[data-theme] body .w32-th{background:none!important;border:0!important;box-shadow:none!important;padding:42px 0 6px!important;margin:0 0 6px!important;border-radius:0!important;color:var(--i-tx)}
html[data-theme] body .w32-th::after{display:none}
html[data-theme] body .w32-th h1{font:700 64px/.95 var(--i-cond)!important;color:var(--i-tx)!important;text-shadow:0 0 40px var(--i-glow-soft)}
html[data-theme] body .w32-th .cls{border-color:var(--i-ln2);color:var(--i-tx2)}
html[data-theme] body .w32-th .cls.you{border-color:var(--i-acc);color:var(--i-acc)}
html[data-theme] body .w32-th .iq-share-btn{border-color:var(--i-ln2)!important;color:var(--i-tx)!important}
html[data-theme] body .w32-th .iq-share-btn, html[data-theme] body .w32-th .iq-share-btn *{color:var(--i-tx)!important;-webkit-text-fill-color:var(--i-tx)!important}
html[data-theme] body .w32-th .tl, html[data-theme] body .w32-th .o, html[data-theme] body .w32-th .spark{background:var(--i-p)!important;border:1px solid var(--i-ln)!important;color:var(--i-tx)!important;border-radius:18px}
html[data-theme] body .w32-th a.tl:hover{border-color:var(--i-ln2)!important}
html[data-theme] body .w32-th .k, html[data-theme] body .w32-th .o .k{color:var(--i-tx3)!important;letter-spacing:.16em}
html[data-theme] body .w32-th .tl .v{font:700 34px/1 var(--i-cond)!important;color:var(--i-tx)}
html[data-theme] body .w32-th .tl.rk .v{color:var(--i-acc);text-shadow:0 0 14px var(--i-glow)}
html[data-theme] body .w32-th .tl .v small, html[data-theme] body .w32-th .tl .s, html[data-theme] body .w32-th .o .s{color:var(--i-tx2)!important}
html[data-theme] body .w32-th .o .v{font:700 32px/1 var(--i-mono)!important;color:var(--i-acc)!important;text-shadow:0 0 14px var(--i-glow)}
html[data-theme] body .w32-th .o.ok .v{color:var(--i-in)!important;text-shadow:none}
html[data-theme] body .w32-th .form b.w{background:var(--i-acc);color:var(--i-on-acc)}
html[data-theme] body .w32-th .form b.l, html[data-theme] body .w32-th .form b.t{border-color:var(--i-ln2);color:var(--i-tx2)}
html[data-theme] body .w32-th .spark polyline{stroke:var(--i-acc)!important;fill:none}html[data-theme] body .w32-th .spark circle{fill:var(--i-acc)!important}
html[data-theme] body .w32-th .spark .k span{color:var(--i-acc)!important}
html[data-theme] body .w32-th .spark .wks i{color:var(--i-tx3)}
html[data-theme] body .w32-th .w32-why summary{color:var(--i-acc)}
@media (max-width:860px){html[data-theme] body .w32-th h1{font-size:42px!important}html[data-theme] body .w32-th{padding-top:24px!important}}


/* pro pages (NFL, NBA) + HS basketball: their page head as the Ice hero */
html[data-theme] body .gp-titlerow h1{font:700 64px/.95 var(--i-cond)!important;text-transform:uppercase;letter-spacing:.005em;color:var(--i-tx)!important;text-shadow:0 0 40px var(--i-glow-soft);margin:0!important}
html[data-theme] body .gp-meta{color:var(--i-tx2);font-size:15.5px}
html[data-theme] body .gp-meta .b3-eb, html[data-theme] body .b3-eb{display:block;font:600 12px var(--i-mono)!important;letter-spacing:.18em!important;text-transform:uppercase;color:var(--i-acc)!important;margin:10px 0 8px}
html[data-theme] body .gp-updated{display:block;font:500 11.5px var(--i-mono);color:var(--i-tx3);margin-top:6px}
@media (max-width:860px){html[data-theme] body .gp-titlerow h1{font-size:42px!important}}
/* the place board inside a half-width card (NFL/NBA main, team pages) uses the phone layout */
.ice-pb{container-type:inline-size}
@container (max-width:620px){
  .ice-pb-row{grid-template-columns:24px minmax(0,1fr) 112px!important;gap:8px!important}
  .ice-pb-row>:nth-child(3),.ice-pb-row>:nth-child(4){display:none}
  .ice-pb-x{padding-left:0}
}
/* P1 (Pixel R1): full names wherever they fit; the short name ("Bonny E.") only on a narrow board */
html[data-theme] body .ice-pr .mx-nl{display:inline!important}
html[data-theme] body .ice-pr .mx-ns{display:none!important}
@container (max-width:400px){
  html[data-theme] body .ice-pr .mx-nl:has(+ .mx-ns){display:inline-block!important;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  html[data-theme] body .ice-pr .mx-ns{display:inline!important}
}


html[data-theme] body .bb-rr .ice-tm{font-size:19px}
@media (max-width:860px){html[data-theme] body .bb-rr, html[data-theme] body .bb .ice-bh{grid-template-columns:minmax(0,1fr) 58px 58px 58px 58px!important;gap:6px!important}html[data-theme] body .bb-rr .ice-tm{font-size:15px}}
html[data-theme] body .bb-card, html[data-theme] body .bb-panel{background:var(--i-p)!important;border:1px solid var(--i-ln)!important;border-radius:var(--i-r)!important;color:var(--i-tx)}
html[data-theme] body .bb-card h3{font:700 19px var(--i-cond)!important;text-transform:uppercase;color:var(--i-tx)}
html[data-theme] body .bb-list a{color:var(--i-tx2)}html[data-theme] body .bb-list a:hover{color:var(--i-acc)}

html[data-theme] body .w31-swipe{scrollbar-width:none}html[data-theme] body .w31-swipe::-webkit-scrollbar{display:none}   /* swipe strips: no visible scrollbar */
html[data-theme] body .ice-acct .ice-note{font-family:var(--i-font);font-size:13px}
/* account pages that keep their older markup (sign in, forgot, reset, plan box): the same Ice card, fields and buttons */
html[data-theme] .gp-auth{max-width:480px;margin:56px auto 0;padding:0 16px}
html[data-theme] .gp-auth-card, html[data-theme] .card.gp-acct-card{background:var(--i-p)!important;border:1px solid var(--i-ln)!important;border-radius:20px!important;padding:28px!important;box-shadow:none!important;color:var(--i-tx)}
html[data-theme] .card.gp-acct-card + .card.gp-acct-card{margin-top:16px}
html[data-theme] .gp-auth-card h1, html[data-theme] .gp-acct-card h2{font:700 28px/1.05 var(--i-cond)!important;text-transform:uppercase;letter-spacing:.01em;color:var(--i-tx);margin:0 0 6px}
html[data-theme] .gp-acct-card h2{font-size:12px!important;font-family:var(--i-mono)!important;letter-spacing:.18em;color:var(--i-acc)!important;font-weight:600!important}
html[data-theme] .gp-auth-lede, html[data-theme] .gp-auth-small, html[data-theme] .gp-hint{color:var(--i-tx2)}
html[data-theme] .gp-auth-small a, html[data-theme] .gp-hint a, html[data-theme] .gp-acct-card a{color:var(--i-acc);font-weight:600;text-decoration:none}
html[data-theme] .gp-auth-err{border:1px solid rgba(242,160,160,.4);background:rgba(242,160,160,.08);border-radius:14px;padding:12px 14px;color:var(--i-tx)}
html[data-theme] .gp-auth-msg{border:1px solid var(--i-acc-soft2);background:var(--i-acc-soft);border-radius:14px;padding:12px 14px;color:var(--i-tx)}
html[data-theme] .gp-field{margin-top:16px}
html[data-theme] .gp-field label{display:block;font:600 13px var(--i-font);color:var(--i-tx2);margin-bottom:7px}
html[data-theme] .gp-field input{width:100%}
html[data-theme] .gp-pw{position:relative}html[data-theme] .gp-pw input{padding-right:70px}
html[data-theme] .gp-pw-show{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none!important;border:0!important;color:var(--i-acc)!important;font:600 13px var(--i-font);cursor:pointer}
html[data-theme] .gp-check{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:14px;color:var(--i-tx2)}
html.look-graphite[data-theme] body .gp-btn, html[data-theme] .gp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:12px;border:0;font:700 15px var(--i-font);background:var(--i-acc)!important;color:var(--i-on-acc)!important;cursor:pointer;margin-top:16px;text-decoration:none}
html[data-theme] .gp-auth .gp-btn{width:100%}
html.look-graphite[data-theme] body .gp-btn--quiet, html[data-theme] .gp-btn--quiet{background:transparent!important;color:var(--i-tx)!important;border:1px solid var(--i-ln2)!important;font-weight:600}
html[data-theme] .gp-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:12px 0 0}
html[data-theme] .gp-dl dt{font:600 11px var(--i-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--i-tx3);padding-top:3px}
html[data-theme] .gp-dl dd{margin:0;color:var(--i-tx)}
html[data-theme] .gp-devices{margin:10px 0 0;padding-left:18px;color:var(--i-tx2)}

/* older per-app CSS (NFL: nav{flex-wrap:wrap}) must not wrap the Ice strips: one line, swipe sideways */
html[data-theme] body .ice-secs nav, html[data-theme] body .ice-sports, html[data-theme] body .ice-subnav{flex-wrap:nowrap!important}
html[data-theme] body .ice-secs nav>*, html[data-theme] body .ice-sports>*{flex:none}
@media (max-width:760px){
  html[data-theme] body .w32-th .odds{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-theme] body .w32-th .odds>*{min-width:0}
  html[data-theme] body .w32-th .spark{grid-column:1/-1}
  html[data-theme] body .w32-th .o .v{overflow-wrap:anywhere}
}
@media (max-width:760px){
  /* phone gutter: gp-main already pads 20px; the inner gp-content's 32px doubled it (52px) on football pages */
  html[data-theme] body .gp-main > .gp-content{padding-left:0!important;padding-right:0!important}
  html[data-theme] body .w32-th .o .v{font-size:clamp(22px,7vw,30px)!important}
}
/* K1 (Pixel R1, R3): edge fade on sideways strips (classes set by arena-ice.js only where there is more to swipe).
   R3: 64px, fully clear over the outer 14px, so a cut-off label never reads as a word (K1a/K1b, S1 ghost);
   snap strips keep their 16px start padding (scroll-padding), so the first card starts unfaded; the old graphite 88% bracket mask is replaced */
html[data-theme] body .w31-swipe{scroll-padding-inline:16px}
html[data-theme] body :is(.w31-swipe,.w31-sports,.iq-hscroll,.mx-chips,[data-ice-swipe]){--ice-fw:96px}   /* in-page strips: wider fade (cards cut mid-word) */
html[data-theme] body .iq-hscroll{-webkit-mask-image:none;mask-image:none}
html[data-theme] body .ice-fr{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - var(--ice-fw,64px)),transparent calc(100% - 14px));mask-image:linear-gradient(90deg,#000 calc(100% - var(--ice-fw,64px)),transparent calc(100% - 14px))}
html[data-theme] body .ice-fl{-webkit-mask-image:linear-gradient(90deg,transparent 14px,#000 var(--ice-fw,64px));mask-image:linear-gradient(90deg,transparent 14px,#000 var(--ice-fw,64px))}
html[data-theme] body .ice-fl.ice-fr{-webkit-mask-image:linear-gradient(90deg,transparent 14px,#000 var(--ice-fw,64px),#000 calc(100% - var(--ice-fw,64px)),transparent calc(100% - 14px));mask-image:linear-gradient(90deg,transparent 14px,#000 var(--ice-fw,64px),#000 calc(100% - var(--ice-fw,64px)),transparent calc(100% - 14px))}
/* R3 (Pixel K1a): the 5-sport strip fits a 390px phone on one line (no scroll, no cut 'otball'); narrower phones still swipe with the fade */
@media (max-width:760px){
  html[data-theme] body .ice-subnav{gap:2px;padding-left:10px;padding-right:10px}
  html[data-theme] body .ice-subnav a{padding-left:9px;padding-right:9px}
}
/* K2 (Pixel R1): older per-app footer rules (NFL .ch-foot nav{flex-wrap}) must not reflow the Ice footer columns */
html[data-theme] body .ice-ft .ice-cols nav{display:block!important;gap:0!important}
html[data-theme] body .ice-ft .ice-cols nav a{display:block!important;min-height:0!important;padding:4px 0!important}
html[data-theme] body .ice-ft .ice-cols nav h2,html[data-theme] body .ice-ft .ice-cols nav h5{display:block!important}
/* P5 (Pixel R1): the projected-bracket drawing follows the theme (classes set in mefb/charts.py bracket_svg; CSS beats the SVG attributes) */
html[data-theme] body svg .br-bx{fill:var(--i-p);stroke:var(--i-ln2)}
html[data-theme] body svg .br-bx.on{fill:var(--i-acc-soft);stroke:var(--i-acc)}
html[data-theme] body svg .br-bye{fill:transparent;stroke:var(--i-ln2)}
html[data-theme] body svg .br-nm{fill:var(--i-tx)}
html[data-theme] body svg .br-sd, html[data-theme] body svg .br-h{fill:var(--i-tx3)}
html[data-theme] body svg .br-wp{fill:var(--i-acc)}
html[data-theme] body svg .br-ln{stroke:var(--i-ln2)}
html[data-theme] body .iq-hscroll{background:var(--i-p)!important;border:1px solid var(--i-ln)!important}
/* P7 (Pixel R1): filled cyan pills read dark-on-cyan like every other filled chip, both themes */
html[data-theme] body .w32-bw .now span.a{background:var(--i-acc)!important;color:var(--i-on-acc)!important;-webkit-text-fill-color:currentColor!important}
/* P15 (Pixel R1): a place cell never wraps its "%" onto a second line; the account card uses a smaller number */
html[data-theme] body .mx-row .mx-hc{white-space:nowrap}
html[data-theme] body .ice-acct .mx-row .mx-hc{font-size:12px!important;letter-spacing:-.01em}
html[data-theme] body .ice-acct .mx-row .mx-hc .mx-pc{font-size:.8em}
/* R3 (Pixel P15): Your-team card cells read '19%' on one line, desktop and phone (the cell was a 1-column grid, so '%' dropped under; phone hid it) */
html[data-theme] body .mx-you .mx-row .mx-hc{display:inline-flex!important;align-items:center;justify-content:center;gap:0;white-space:nowrap}
html[data-theme] body .mx-you .mx-row .mx-hc .mx-pc{display:inline!important;font-size:.8em;margin-left:.5px}
@media (max-width:760px){html[data-theme] body .mx-you .mx-row .mx-hc{font-size:11px!important;letter-spacing:-.03em}}
/* P19 (Pixel R1): the what-if standings run full length (no inner scroll, no cut-off) */
@media (min-width:821px){html[data-theme] body .simstand{position:static!important;max-height:none!important;overflow:visible!important}}
/* P28 (Pixel R1): lock notices keep their button on one line; on narrow screens the button drops under the text */
html[data-theme] body .iq-lock{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center}
html[data-theme] body .iq-lock .iq-lock-txt{flex:1 1 320px;min-width:0}
html[data-theme] body .iq-lock .iq-btn, html[data-theme] body .iq-lock .iq-cta, html[data-theme] body .iq-lock a.ice-btn{white-space:nowrap;flex:none}
/* P31 (Pixel R1, mockup 31): Teams = search box + every team by division */
html[data-theme] body .tm-srch{display:flex;align-items:center;gap:10px;max-width:640px;background:var(--i-p);border:1px solid var(--i-ln2);border-radius:14px;padding:6px 6px 6px 16px}
html[data-theme] body .tm-srch:focus-within{border-color:var(--i-acc);box-shadow:0 0 0 3px var(--i-acc-soft)}
html[data-theme] body .tm-srch-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
html[data-theme] body .tm-srch-i{color:var(--i-acc);font-size:20px;line-height:1}
html[data-theme] body .tm-srch input{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;font:500 17px var(--i-font);color:var(--i-tx);padding:10px 4px;outline:none}
html[data-theme] body .tm-none{margin-top:12px;color:var(--i-tx2)}
html[data-theme] body .tm-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
html[data-theme] body .tm-div{background:var(--i-p);border:1px solid var(--i-ln);border-radius:var(--i-r);padding:14px 16px 10px}
html[data-theme] body .tm-div h3{font:600 11px var(--i-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--i-tx3);margin:0 0 6px}
html[data-theme] body .tm-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--i-ln);color:var(--i-tx);text-decoration:none;font-weight:500}
html[data-theme] body .tm-row:first-of-type{border-top:0}
html[data-theme] body .tm-row small{font:500 13px var(--i-mono);color:var(--i-tx2)}
@media (hover:hover){html[data-theme] body .tm-row:hover span{color:var(--i-acc)}}
html[data-theme] body .tm-row[hidden], html[data-theme] body .tm-div[hidden]{display:none}
/* ============ 12 · phone ============ */
@media (max-width:980px){.ice-sports a{padding:8px 9px}.ice-top .ice-w{gap:16px}}
@media (max-width:860px){
  .ice-w,html[data-theme] .gp-content{padding:0 16px}
  .ice-sports,.ice-top .ice-b,.ice-si,.ice-me span{display:none}
  .ice-mn{display:block}
  .ice-top .ice-w{height:58px}
  .ice-subnav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px 16px 10px;border-bottom:1px solid var(--i-ln)}
  .ice-subnav::-webkit-scrollbar{display:none}
  .ice-subnav a{font:600 12.5px var(--i-font);padding:7px 11px;border-radius:9px;color:var(--i-tx2);white-space:nowrap;text-decoration:none}
  .ice-subnav a[aria-current]{background:var(--i-acc-soft);color:var(--i-acc)}
  .ice-secs .ice-w,.ice-secs nav{gap:18px;font-size:13.5px}
  .ice-hero{padding:24px 0 18px}.ice-h1,html[data-theme] .gp-content h1{font-size:42px}.ice-hero p{font-size:15px}.ice-h2{font-size:24px}
  .ice-board,.ice-follow{padding:4px 12px;border-radius:16px}.ice-follow{padding:18px 16px}.ice-tm{font-size:18px}.ice-led{font-size:26px}.ice-led.sm{font-size:19px}
  .ice-bh{display:none!important}
  .ice-g3,.ice-g2,.ice-g4{grid-template-columns:1fr}.ice-big{font-size:44px}
  .ice-lights{gap:5px}.ice-lights i{height:38px}.ice-lights b{font-size:11px}
  .ice-ft .ice-cols{grid-template-columns:1fr 1fr;gap:22px}.ice-ft .ice-cols>div:first-child{grid-column:1/-1}
  .ice-split{grid-template-columns:1fr;gap:22px;padding:26px 0 0}.ice-card{padding:20px;border-radius:18px}
  .ice-two{grid-template-columns:1fr;gap:0}.ice-toc{display:none}.ice-terms{grid-template-columns:1fr}
  .ice-sheet{top:auto;left:0;width:auto;max-height:86%;border-left:0;border-top:1px solid var(--i-ln2);border-radius:22px 22px 0 0;padding:14px 18px 22px}
  .ice-sheet::before{content:"";display:block;width:44px;height:5px;border-radius:3px;background:var(--i-ln2);margin:0 auto 14px}
  .ice-duel{grid-template-columns:1fr;text-align:center;gap:14px}.ice-duel .ice-rt{text-align:center}
  .ice-follow .ice-row2{grid-template-columns:1fr}
  .ice-tiles b{font-size:18px}.ice-tiles>div{padding:10px}
}

/* K3 (Pixel R1 SHOULD): "About these numbers" stacks on phones instead of squeezing three columns */
@media (max-width:760px){html[data-theme] body .iq-note{display:block!important}
  html[data-theme] body .iq-note > *{display:block!important;width:auto!important;max-width:none!important;margin:0 0 8px!important}
  html[data-theme] body .iq-note-more > summary{display:block!important}
  html[data-theme] body .iq-note-more > summary > b, html[data-theme] body .iq-note-more > summary .iq-note-rm{display:block!important;margin:4px 0}}
/* ============ 13 · Ice daylight fixes for the older stylesheets (generated by tools/lightfix.py; do not edit by hand) ============ */
html.look-graphite[data-theme="light"] .iq-chip--role{color:var(--i-tx)!important}
html.look-graphite[data-theme="light"] .iq-btn:hover{background:var(--i-p)!important}
html.look-graphite[data-theme="light"] .iq-bar{background:var(--i-soft1)!important}
html.look-graphite[data-theme="light"] a.iq-panel:hover{background:var(--i-p)!important}
html.look-graphite[data-theme="light"] .iq-about-lead .iq-about-big{color:var(--i-tx)!important}
html.look-graphite[data-theme="light"] .iq-chip--live{color:var(--i-tx)!important}
html[data-theme="light"] body .ch-proof{background:var(--i-p)!important}
html[data-theme="light"] body .ch-tag--wrong{color:var(--i-tx)!important}
html[data-theme="light"] body .ch-door:hover{background:var(--i-p)!important}
@media (min-width:761px){html[data-theme="light"] body .ch-proof{background:var(--i-p)!important}}
html[data-theme="light"] body .ch-sports a:hover{background:var(--i-p)!important}
html[data-theme="light"] body .mx-theme{border:1px solid var(--i-ln2)!important;color:var(--i-tx)!important}
html[data-theme="light"] body .mx-theme, html[data-theme="light"] body button.mx-theme{color:var(--i-tx)!important;border:1px solid var(--i-ln2)!important}
html[data-theme="light"] body .w31-card.green{color:var(--i-tx)!important}
html[data-theme="light"] body .w31-card.green p, html[data-theme="light"] body .w31-card.green small{color:var(--i-tx2)!important}
@media (hover:hover){html[data-theme="light"] body a.w31-card:hover .w31-go{color:var(--i-tx)!important}}
html.look-graphite[data-theme="light"] .iq-comp, html.look-graphite[data-theme="light"] main.ch-full > .iq-comp{color:var(--i-tx)!important}
html.look-graphite[data-theme="light"] .iq-comp .iq-comp-name{color:var(--i-tx)!important;border-right:1px solid var(--i-ln2)!important}
html.look-graphite[data-theme="light"] .iq-comp .iq-tabs a, html.look-graphite[data-theme="light"] .iq-comp .iq-tabs a:first-child, html.look-graphite[data-theme="light"] .iq-comp .iq-more summary{color:var(--i-tx2)!important}
html.look-graphite[data-theme="light"] .iq-comp .iq-tabs a:hover, html.look-graphite[data-theme="light"] .iq-comp .iq-more summary:hover{background:var(--i-soft1)!important;color:var(--i-tx)!important}
html.look-graphite[data-theme="light"] .iq-comp .iq-more summary{background:var(--i-soft1)!important}
html.look-graphite[data-theme="light"] .iq-foot.w31-foot{background:var(--i-p)!important;color:var(--i-tx)!important}
html.look-graphite[data-theme="light"] .w31-foot .w31-ft-big{color:var(--i-tx)!important}
html.look-graphite[data-theme="light"] .w31-foot .w31-ft-by{color:var(--i-tx2)!important}
html[data-theme="light"] body .w31-foot nav a{color:var(--i-tx2)!important}
html[data-theme="light"] body .w31-foot nav a:hover{color:var(--i-tx)!important}
html.look-graphite[data-theme="light"] .w31-foot .iq-foot-fix{color:var(--i-tx)!important}
html.look-graphite[data-theme="light"] .w31-foot .iq-foot-follow{color:var(--i-tx2)!important}
html.look-graphite[data-theme="light"] .w31-foot .iq-foot-follow span{color:var(--i-tx2)!important}
html.look-graphite[data-theme="light"] .w31-foot .w31-ft-fine{border-top:1px solid var(--i-ln2)!important;color:var(--i-tx2)!important}
html.look-graphite[data-theme="light"] .w31-foot .w31-ft-fine p{color:var(--i-tx2)!important}
html.look-graphite[data-theme="light"] .w31-foot .w31-ft-fine a{color:var(--i-tx2)!important}
html[data-theme="light"] body .w31-card.green .w31-tag{background:var(--i-soft1)!important}
html[data-theme="light"] body .w31-card.green h3{color:var(--i-tx)!important}
html[data-theme="light"] body .w31-os{background:var(--i-p)!important;color:var(--i-tx)!important}
html[data-theme="light"] body .w31-os-c{border-left:1px solid var(--i-ln2)!important}
html[data-theme="light"] body .w31-os-k{color:var(--i-tx2)!important}
html[data-theme="light"] body .w31-os-n small{color:var(--i-tx)!important}
@media (max-width:600px){html[data-theme="light"] body .w31-os-rk{border-bottom:1px solid var(--i-ln2)!important}}
html[data-theme="light"] body .b2-gotw .b2-h2{color:var(--i-tx)!important}
html[data-theme="light"] body .b2-when{color:var(--i-tx2)!important}
html[data-theme="light"] body .b2-why{color:var(--i-tx)!important}
html[data-theme="light"] body .b2-vs b{color:var(--i-tx)!important}
html[data-theme="light"] body .b2-vs small{color:var(--i-tx2)!important}
html[data-theme="light"] body .b2-big{color:var(--i-tx)!important}
html[data-theme="light"] body .b2-bar--g{background:var(--i-soft1)!important}
html[data-theme="light"] body .b2-ifs{color:var(--i-tx2)!important}
html[data-theme="light"] body .b2-ifs b{color:var(--i-tx)!important}
html[data-theme="light"] body .b5-form i.w{color:var(--i-tx)!important}
html[data-theme="light"] body .b4-next .b2-h2{color:var(--i-tx)!important}
html[data-theme="light"] body .b4-bl{color:var(--i-tx)!important}
html[data-theme="light"] body .b4-ghost{border:1.5px solid var(--i-ln2)!important;color:var(--i-tx)!important}
html[data-theme="light"] body .w31-card.green ul{color:var(--i-tx2)!important}
html[data-theme="light"] .w29-card, html[data-theme="light"] .w29-card .w29-h b, html[data-theme="light"] .w29-card li, html[data-theme="light"] .w29-card ul, html[data-theme="light"] .w29-card p:not(.w29-eyebrow):not(.w29-fine):not(.w29-note):not(.w29-alt){color:var(--i-tx)!important}
html[data-theme="light"] body .mx td.mx-c.mx-s3, html[data-theme="light"] body .mx-row .mx-hc.mx-s3, html[data-theme="light"] body .mx-pill.mx-s3{color:var(--i-tx)!important}
html[data-theme="light"] body .mx td.mx-c.mx-s4, html[data-theme="light"] body .mx-row .mx-hc.mx-s4, html[data-theme="light"] body .mx-pill.mx-s4{color:var(--i-tx)!important}
html[data-theme="light"] body .w32-st.ok{color:var(--i-tx)!important}
html[data-theme="light"] body .w32-st.ok .k{color:var(--i-tx2)!important}
html[data-theme="light"] body .w32-ck li b.ck{color:var(--i-tx)!important}
html[data-theme="light"] body .w32-places span.on{color:var(--i-tx)!important}
html[data-theme="light"] body .w32-rc{color:var(--i-tx)!important}
html[data-theme="light"] body .w32-rc .k{color:var(--i-tx2)!important}
html[data-theme="light"] body .w32-rc .k .ic{background:var(--i-soft1)!important}
html[data-theme="light"] body .w32-rc .bar{background:var(--i-soft1)!important}
html[data-theme="light"] body .w32-rc .w32-rr{color:var(--i-tx2)!important}
html[data-theme="light"] body .w32-fu .l{color:var(--i-tx)!important}
html[data-theme="light"] body .w32-chip{border:1px solid var(--i-ln2)!important;color:var(--i-tx)!important}
html[data-theme="light"] body .w32-fu .l h3{color:var(--i-tx)!important}
html[data-theme="light"] body .w32-fu .l p{color:var(--i-tx2)!important}
html[data-theme="light"] body .w32-fu .l li{color:var(--i-tx2)!important}
html[data-theme="light"] body .w32-fu .tk b, html[data-theme="light"] body .w32-fu .age b{color:var(--i-tx)!important}
html[data-theme="light"] body .w32-sc4 .ic{color:var(--i-tx)!important}
html[data-theme="light"] body .w32-th{color:var(--i-tx)!important}
html[data-theme="light"] body .w32-th h1{color:var(--i-tx)!important}
html[data-theme="light"] body .w32-th .cls{border:1px solid var(--i-ln2)!important;color:var(--i-tx2)!important}
html[data-theme="light"] body .w32-th .iq-share-btn{border:1.5px solid var(--i-ln2)!important;color:var(--i-tx)!important}
html[data-theme="light"] body .w32-th .tl{background:var(--i-soft1)!important;border:1px solid var(--i-ln2)!important;color:var(--i-tx)!important}
html[data-theme="light"] body .w32-th a.tl:hover{background:var(--i-soft1)!important}
html[data-theme="light"] body .w32-th .k{color:var(--i-tx2)!important}
html[data-theme="light"] body .w32-th .tl .v small{color:var(--i-tx2)!important}
html[data-theme="light"] body .w32-th .tl .s{color:var(--i-tx2)!important}
html[data-theme="light"] body .w32-th .form b.l, html[data-theme="light"] body .w32-th .form b.t{border:1.5px solid var(--i-ln2)!important;color:var(--i-tx2)!important}
html[data-theme="light"] body .w32-th .spark{background:var(--i-soft1)!important;border:1px solid var(--i-ln2)!important}
html[data-theme="light"] body .w32-th .spark .wks{color:var(--i-tx2)!important}
html[data-theme="light"] body .w32-th .thf{color:var(--i-tx2)!important}
html[data-theme="light"] body .w32-th .w32-also{color:var(--i-tx)!important}
html[data-theme="light"] body .w32-th .w32-also a{color:var(--i-tx)!important;border-color:var(--i-ln2)!important}
html[data-theme="light"] body .w32-th .iq-share-btn, html[data-theme="light"] body .w32-th .iq-share-btn *{color:var(--i-tx)!important}
html[data-theme="light"] body .w32-bw .sc{color:var(--i-tx)!important}
html.look-graphite[data-theme="light"] .aw .aw-s{color:var(--i-tx2)!important;border:1px dashed var(--i-ln2)!important}
html.look-graphite[data-theme="light"] .aw .aw-loss .aw-s.on{background:var(--i-p)!important;color:var(--i-tx)!important}
html.look-graphite[data-theme="light"] .aw .aw-key{color:var(--i-tx)!important}
html[data-theme="light"] body .w29-tz--nudge .w29-see{color:var(--i-tx)!important;border:1px solid var(--i-ln2)!important}
html[data-theme="light"] body .w29-card{background:var(--i-p)!important}
html[data-theme="light"] body .w29-opt{border:1px solid var(--i-ln2)!important}
html[data-theme="light"] body .w29-price{color:var(--i-tx)!important}
html[data-theme="light"] body .w29-btn--ghost{color:var(--i-tx)!important;border:1px solid var(--i-ln2)!important}
html[data-theme="light"] body .w29-alt a{color:var(--i-tx)!important}
html[data-theme="light"] .w29-top .w29-big{color:var(--i-tx)!important}
html[data-theme="light"] body .w29-pick{background:var(--i-p)!important}
html[data-theme="light"] body .w30-mb i{background:var(--i-p)!important}
html[data-theme="light"] body .btn{color:var(--i-tx)!important}
html[data-theme="light"] body .chips a.on{color:var(--i-tx)!important}
html[data-theme="light"] body .odds-tip{background:var(--i-p)!important;color:var(--i-tx)!important}
html[data-theme="light"] body body .btn, html[data-theme="light"] body body button{color:var(--i-tx)!important}
html[data-theme="light"] body .chip.gr{background:var(--i-p)!important;color:var(--i-tx)!important}
html[data-theme="light"] body .tc-rank{color:var(--i-tx)!important}
/* ============ 13b · Ice daylight fixes, text colours (generated by tools/lightfix2.py; do not edit by hand) ============ */
html[data-theme="light"] body .w31-go{color:var(--i-acc)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w31-foot h4{color:var(--i-acc)!important;-webkit-text-fill-color:currentColor}
html.look-graphite[data-theme="light"] body .w31-foot .iq-foot-fix a, html.look-graphite[data-theme="light"] body .w31-foot .iq-foot-follow a{color:var(--i-acc)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w31-sport i{color:var(--i-acc)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w31-big{color:var(--i-acc)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w31-tag{color:var(--i-acc)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w31-card.green .w31-tag{color:var(--i-acc)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w31-os-n{color:var(--i-acc)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w31-os-odds .w31-os-n small{color:var(--i-acc)!important;-webkit-text-fill-color:currentColor}
@media (hover:hover){html[data-theme="light"] body .b3-list a:hover .b3-nm{color:var(--i-acc)!important;-webkit-text-fill-color:currentColor}}
@media (hover:hover){html[data-theme="light"] body .b6-row summary:hover .b6-nm{color:var(--i-acc)!important;-webkit-text-fill-color:currentColor}}
html[data-theme="light"] body .w32-tag{color:var(--i-acc)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w32-rc-how .lk{color:var(--i-acc)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w32-fu .inp .tb{color:var(--i-acc)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w32-sc4 .goo{color:var(--i-acc)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w32-sc4 .kv b.ok{color:var(--i-acc)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w32-bw .now span{color:var(--i-acc)!important;-webkit-text-fill-color:currentColor}
html.look-graphite[data-theme="light"] body .aw .aw-lab{color:var(--i-tx2)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w29-eyebrow{color:var(--i-tx2)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w29-price small{color:var(--i-tx2)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w29-fine, html[data-theme="light"] body .w29-note{color:var(--i-tx2)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w29-alt{color:var(--i-tx2)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w29-more>summary{color:var(--i-tx2)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w29-cut{color:var(--i-tx2)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w29-fold>summary::after{color:var(--i-tx2)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .w29-pick-h{color:var(--i-acc)!important;-webkit-text-fill-color:currentColor}
/* ============ 13c · Ice daylight, hand-set (after 13/13b) ============ */
html[data-theme="light"] body .chips a.on{background:var(--i-acc)!important;border-color:var(--i-acc)!important;color:var(--i-on-acc)!important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body .b2-gotw .b2-at{color:var(--i-acc)!important}
html[data-theme="light"] body .w32-rc .w32-rr .pct{color:var(--i-on-acc)!important;-webkit-text-fill-color:currentColor}

/* ===== W33_B polish (Brett 10-13 first look + Pixel S4-S9) ===== */
/* B2: full-width section homes (main.ch-full, e.g. /maine/football/) center on wide desktop like every other page (graphite had margin:0) */
html[data-theme] body main.ch-full > .gp-content{margin-left:auto!important;margin-right:auto!important}
/* B3: the "your team" accent bar sits in the card's gutter, left of the row, so it never covers the rank digit (playoffs, standings rows) */
html[data-theme] body .ice-r.you, html[data-theme] body .ice-pr.you>summary{box-shadow:none;position:relative}
html[data-theme] body .ice-r.you::before, html[data-theme] body .ice-pr.you>summary::before{content:"";position:absolute;left:-9px;top:7px;bottom:7px;width:3px;border-radius:2px;background:var(--i-acc)}
/* B5: the brand keeps its own casing inside CAPS headings and eyebrows (arena-ice.js wraps it) */
html[data-theme] body .ice-brandw{text-transform:inherit!important}
html[data-theme] body .ice-brandw .ice-brand, html[data-theme] body .ice-brand{text-transform:none!important}
/* S9 (Pixel): daylight, the two deepest "where they can finish" steps carry white text (the matrix kit's intent; 13b had set dark text);
   both steps a shade deeper top to bottom so white reads everywhere on the cell: s3 4.2-4.6:1, s4 5.7-6.9:1 */
html[data-theme="light"]{--mx-s3:#177F9E;--mx-s4:#06627E;--q3:#177F9E;--q4:#06627E}
html[data-theme="light"] body .mx td.mx-c.mx-s3, html[data-theme="light"] body .mx-row .mx-hc.mx-s3, html[data-theme="light"] body .mx-pill.mx-s3{background:linear-gradient(180deg,#1886A6,#177F9E)!important;color:#FFFFFF!important}
html[data-theme="light"] body .mx td.mx-c.mx-s4, html[data-theme="light"] body .mx-row .mx-hc.mx-s4, html[data-theme="light"] body .mx-pill.mx-s4{background:linear-gradient(180deg,#0A6F8C,#06627E)!important;color:#FFFFFF!important}
/* S4 (Pixel): XC pages: the athlete line gets the hero's top space (it sat jammed under the section tabs); a subtitle never touches its H1 */
html[data-theme] body .iq-xc-neutral{margin:22px 0 12px!important}
html[data-theme] body .gp-content h1 + p.lead{margin-top:10px!important}
/* S5 (Pixel): "+ How these are built": the plus sits on the first line of wrapped text, not on a line of its own */
html[data-theme] body details>summary{align-items:baseline!important}
html[data-theme] body details.note>summary::before, html[data-theme] body details.more>summary::before, html[data-theme] body details.showall>summary::before, html[data-theme] body details.keyd>summary::before{flex:none;display:inline;margin-right:4px}
/* S7 (Pixel): NFL team ranking history: the line and dots use the accent (a dark team color vanished on slate); axis numbers readable */
html[data-theme] body .panel .chart svg polyline{stroke:var(--i-acc)!important}
html[data-theme] body .panel .chart svg circle{fill:var(--i-acc)!important}
html[data-theme] body .panel .chart svg text{font:600 14px var(--i-mono)!important;fill:var(--i-tx2)!important}
@media (max-width:760px){html[data-theme] body .panel .chart svg text{font-size:19px!important}}
/* B4 (Brett/Pixel): "HS" sport names; phones say "HS XC" (home chips; the phone strip does it in _ice.html) */
html[data-theme] body .ice-ws{display:none}
@media (max-width:600px){html[data-theme] body .ice-wl{display:none}html[data-theme] body .ice-ws{display:inline}}
/* B3: followed rows in full matrix tables: the bar keeps clear of the rank digit */
html[data-theme] body .mx tr.you td:first-child{box-shadow:inset 3px 0 0 var(--i-acc)!important;padding-left:12px!important}
/* B6 (Pixel): what-if in daylight: "Fill projected winners" = the primary accent button, "Clear" = a ghost button (both were ink on ink) */
html[data-theme="light"] body .btn{background:var(--i-acc)!important;color:var(--i-on-acc)!important;border:1px solid var(--i-acc)!important}
html[data-theme="light"] body .btn.btn-ghost{background:transparent!important;color:var(--i-tx)!important;border:1px solid #CBD6DF!important}
/* B7 (Pixel): "BELOW CUT" on the pink (dark theme) gets ink text (white was 2.0:1); daylight keeps white on the deep red */
html[data-theme="dark"] body .badge.out{color:#04161C!important}
/* W1 (Pixel): game page "best win" date line under the score: full strength (was 80% opacity) */
html[data-theme] body .w32-bw .sc small{opacity:1!important}
/* W2 (Pixel): what-if daylight, the "at" between the two team buttons reads (was 2.3:1) */
html[data-theme="light"] body .gpick .at{color:#5E7383!important}
/* W33_B R2 M1 (Pixel): dark primary buttons = accent (.btn on MEFB/MEXC, .sk-btn--solid on the NFL/NBA 404: old cream style + white link text showed through) */
html[data-theme="dark"] body .btn:not(.btn-ghost), html[data-theme="dark"] body .sk-btn--solid, html.look-graphite[data-theme="dark"] body .sk-btn--solid{background:var(--i-acc)!important;color:var(--i-on-acc)!important;border:1px solid var(--i-acc)!important}
html[data-theme="dark"] body .btn.btn-ghost{background:transparent!important;color:var(--i-tx)!important;border:1px solid var(--i-ln2)!important}
/* W3 (Brett 10-13: logo A "Ice line"): same NIFTI|IQ drawing, Ice paint. Dark: ice-white box + NIFTI, electric-blue IQ. Daylight: ink box + NIFTI, deep-blue IQ.
   Every inline wordmark (header, footer, menus) follows the theme. */
html[data-theme] body svg.iq-wordmark rect{stroke:#E6F1F7}
html[data-theme] body svg.iq-wordmark > g > g:first-of-type{fill:#E6F1F7}
html[data-theme] body svg.iq-wordmark > g > g:last-of-type{fill:#3DD6F5}
html[data-theme="light"] body svg.iq-wordmark rect{stroke:#0C1A24}
html[data-theme="light"] body svg.iq-wordmark > g > g:first-of-type{fill:#0C1A24}
html[data-theme="light"] body svg.iq-wordmark > g > g:last-of-type{fill:#08799A}
/* S6 r2 (Pixel): a long full team name wraps on its own; the record never squeezes ("2-" / "3") */
html[data-theme] body .tm-row small{flex:none!important;white-space:nowrap!important}
html[data-theme] body .tm-row span{min-width:0}
/* W33M (Brett 10-13, phone): the Menu panel sat UNDER the page (every body child is its own z-index:1 layer, so <main>
   painted over the header's dropdown). Header layer on top; solid panel + shadow; tap-anywhere dim behind it (CSS only:
   the dim is the Menu button's own ::before, so tapping it closes the menu like tapping "Menu"). */
html[data-theme] body > header.ice-top:has(.ice-mn[open]){z-index:100}   /* raised ONLY while the Menu is open, so the tap-a-cell panel and other overlays keep their order */
html[data-theme] body .ice-mn-list{z-index:3;background:var(--i-p)!important;opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;
  border-color:var(--i-ln2);box-shadow:0 18px 48px -12px rgba(0,0,0,.6),0 2px 10px rgba(0,0,0,.35)}
html[data-theme="light"] body .ice-mn-list{box-shadow:0 18px 44px -14px rgba(12,40,60,.4),0 2px 8px rgba(12,40,60,.14)}
html[data-theme] body .ice-mn[open]>summary{position:relative;z-index:1;background:var(--i-p)}
html[data-theme] body .ice-mn[open]>summary::before{content:"";position:fixed;inset:0;z-index:-1;background:var(--i-scrim);cursor:default}

/* ===== IQ_STANDINGS_A (Sage 10-17, Pixel mockups IQ_MEMBERS_STANDINGS): S1 counted-through, S2 Crabtree column, S3 games chip + panel, S4 what-if groups.
   Amber = waiting for a score only (never good/bad). ===== */
html[data-theme="dark"], html:not([data-theme]){--i-wait:#E9C46A;--i-wait-soft:rgba(233,196,106,.14)}
html[data-theme="light"]{--i-wait:#8A5A00;--i-wait-soft:rgba(138,90,0,.10)}
.st-ct{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border:1px solid var(--i-ln);background:var(--i-p);border-radius:14px;padding:12px 16px;margin:14px 0 8px}
.st-k{font:600 10px var(--i-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--i-tx3)}
.st-v{font-weight:600;font-size:13.5px;color:var(--i-tx);margin-top:2px}
.st-sep{width:1px;align-self:stretch;background:var(--i-ln)}
.st-days{display:flex;gap:6px;margin-top:5px;flex-wrap:wrap}
.st-day{font:600 11px var(--i-mono);padding:3px 8px;border-radius:999px;border:1px solid var(--i-ln2);color:var(--i-tx2)}
.st-day.done{border-color:var(--i-acc);color:var(--i-acc)}
.st-day.partial{border-color:var(--i-wait);color:var(--i-wait);background:var(--i-wait-soft)}
.st-lgd{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:11.5px;color:var(--i-tx3);margin-left:auto}
.st-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:0;background:var(--i-acc)}
.st-dot.w{background:var(--i-wait)}.st-dot.o{background:transparent;border:1.5px solid var(--i-tx3);box-sizing:border-box}
/* S2 + S3 on the place board */
.ice-pb--ct .ice-pb-row{grid-template-columns:34px minmax(0,1fr) 58px 84px 236px 170px 130px}
@media (min-width:861px) and (max-width:1199px){.ice-pb--ct .ice-pb-row{grid-template-columns:34px minmax(0,1fr) 58px 84px 236px 130px}.ice-pb--ct .ice-pb-row>:nth-child(6){display:none}}
.ice-pb--ct .mx-yt{white-space:nowrap}
.st-cp{color:var(--i-tx)}
.st-cpm{display:none}
.st-gc{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--i-ln2);border-radius:999px;padding:4px 10px 4px 8px;font:500 11.5px var(--i-mono);color:var(--i-tx2);background:var(--i-inset,var(--i-p2));width:max-content;max-width:100%;white-space:nowrap}
.st-gc b{color:var(--i-tx)}
.st-pip{display:flex;gap:2px}
.st-pip i{width:6px;height:12px;border-radius:2px;background:var(--i-acc)}
.st-pip i.w{background:var(--i-wait)}
.st-pip i.o{background:transparent;border:1.3px solid var(--i-tx3);box-sizing:border-box}
.ice-pr[open] .st-gc{border-color:var(--i-acc)}
.st-panel{margin:6px 0 14px;border:1px solid var(--i-ln2);border-radius:14px;background:var(--i-inset,var(--i-p2));padding:16px;display:grid;grid-template-columns:170px 1fr 1fr;gap:18px}
.st-pk{font:600 9.5px var(--i-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--i-tx3);margin-bottom:8px}
.st-big{font:700 30px/1 var(--i-mono);color:var(--i-acc)}
.st-fine{font-size:11.5px;color:var(--i-tx3);margin:8px 0 0}
.st-link{display:inline-block;margin-top:8px;color:var(--i-acc);font-size:12.5px;font-weight:600}
.st-gl{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.st-gl li{display:grid;grid-template-columns:62px 1fr auto;gap:8px;font-size:12.5px;align-items:center;color:var(--i-tx2)}
.st-dt{font:500 11px var(--i-mono);color:var(--i-tx3)}
.st-sc{font:700 12px var(--i-mono);color:var(--i-tx)}
.st-wait{font:700 10px var(--i-mono);padding:3px 7px;border-radius:6px;background:var(--i-wait-soft);color:var(--i-wait);letter-spacing:.04em}
.st-panel>:nth-child(n+4){grid-column:1/-1}
@media (max-width:860px){
  .ice-pb--ct .ice-pb-row{grid-template-columns:24px minmax(0,1fr) 112px!important;row-gap:6px!important}
  .ice-pb--ct .ice-pb-row>:nth-child(3),.ice-pb--ct .ice-pb-row>:nth-child(4),.ice-pb--ct .ice-pb-row>:nth-child(6){display:none}
  .ice-pb--ct .ice-pb-row>:nth-child(5){grid-column:2/4;grid-row:2}
  .ice-pb--ct .ice-bh.ice-pb-row>:nth-child(5){display:none}
  .st-cpm{display:block;font:500 11px var(--i-mono);color:var(--i-tx3);margin-top:2px}
  .st-panel{grid-template-columns:1fr;gap:14px;padding:14px}
  .st-sep{display:none}.st-lgd{margin-left:0}
}
@container (max-width:620px){
  .ice-pb--ct .ice-pb-row{grid-template-columns:24px minmax(0,1fr) 112px!important;row-gap:6px!important}
  .ice-pb--ct .ice-pb-row>:nth-child(3),.ice-pb--ct .ice-pb-row>:nth-child(4),.ice-pb--ct .ice-pb-row>:nth-child(6){display:none}
  .ice-pb--ct .ice-pb-row>:nth-child(5){grid-column:2/4;grid-row:2}
  .ice-pb--ct .ice-bh.ice-pb-row>:nth-child(5){display:none}
  .st-cpm{display:block;font:500 11px var(--i-mono);color:var(--i-tx3);margin-top:2px}
  .st-panel{grid-template-columns:1fr;gap:14px;padding:14px}
}
/* S4 what-if groups */
.st-grp{font:600 9.5px var(--i-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--i-tx3);margin:12px 0 7px;display:flex;gap:8px;align-items:center}
.st-grp.wait{color:var(--i-wait)}
.st-lockg{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:.45rem 0;border-bottom:1px solid var(--i-ln);opacity:.85}
.st-lockg .st-tb{font-weight:600;color:var(--i-tx2)}.st-lockg .st-tb:last-child{text-align:right}.st-lockg .st-tb.win{color:var(--i-tx)}
.st-lockg .st-mid{font:500 11px var(--i-mono);color:var(--i-tx3);text-align:center;display:grid}.st-lockg .st-mid b{font-size:14px;color:var(--i-tx)}
.game.st-nos{box-shadow:inset 3px 0 0 var(--i-wait)}