/* NHL Daily Analytics. The look comes from the rink: navy dasher boards along the
   top with the gold kick plate beneath, ice-white ground, the red and blue lines,
   an arena scoreboard, and each club's colors. Display type is Teko, embedded
   below; body text uses the device's own system face. No league or team logos. */
/* Teko (SIL Open Font License 1.1, see Teko-OFL.txt beside this file), latin
   subset, variable weight 300 to 700. Embedded so it also loads from a
   downloaded copy opened as a file. */
@font-face { font-family: "Teko"; font-style: normal; font-weight: 300 700; font-display: swap;
  src: url(data:font/woff2;base64,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) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root {
  --board: #0f2744; --board-deep: #0a1c33; --board-ink: #ffffff; --gold: #d4a017;
  --bg: #dfe4ea; --panel: #f3f5f8; --ink: #142030; --muted: #536173; --line: #cdd6e0;
  --accent: #0b6ea8; --accent-ink: #ffffff; --red: #c0392b; --blue: #1f5fa8;
  --high: #1e8449; --mod: #b35400; --low: #5d6d7e; --ok: #1e8449; --bad: #c0392b; --warn: #8a5a00;
  --radius: 12px; --shadow: 0 1px 2px rgba(10,25,45,.08), 0 4px 14px rgba(10,25,45,.07);
  --display: "Teko", "Bahnschrift SemiCondensed", "Bahnschrift", "Avenir Next Condensed", "Roboto Condensed", "Arial Narrow", sans-serif-condensed, system-ui, sans-serif;
  --redline: #C8102E; --blueline: #1D4F91; --crease: #8EC3EC; --sb: #07090C; --led: #FFB21A; --ice-hi: #FBFDFF; --ice-lo: #E2ECF5;
  --mono: ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;
  --gs-prod: #d99a0b; --gs-drive: #2e6fd8; --gs-st: #c9478e; --gs-use: #7f8a9c;
  --ios-blue: #0a66d6;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {--board: #0c1f36; --board-deep: #07152a; --board-ink: #eef4fa; --gold: #e0b33a;
    --bg: #0d141c; --panel: #151f2a; --ink: #e4ebf2; --muted: #9aa9b8; --line: #283646;
    --accent: #5fb0e3; --accent-ink: #06121c; --red: #ff8a7d; --blue: #8cb8ea;
    --high: #5fcf8a; --mod: #f0a35a; --low: #a9b6c3; --ok: #5fcf8a; --bad: #ff8a7d; --warn: #f0c060;
    --shadow: 0 1px 2px rgba(0,0,0,.4), 0 4px 14px rgba(0,0,0,.3); color-scheme: dark;
    --ice-hi: #13202E; --ice-lo: #0C151F; --crease: #3E78A8;
    --gs-prod: #bf8a10; --gs-drive: #4a8be8; --gs-st: #cc5590; --gs-use: #8d98aa;
    --ios-blue: #4ea1ff;}
}
:root[data-theme="dark"] {--board: #0c1f36; --board-deep: #07152a; --board-ink: #eef4fa; --gold: #e0b33a;
    --bg: #0d141c; --panel: #151f2a; --ink: #e4ebf2; --muted: #9aa9b8; --line: #283646;
    --accent: #5fb0e3; --accent-ink: #06121c; --red: #ff8a7d; --blue: #8cb8ea;
    --high: #5fcf8a; --mod: #f0a35a; --low: #a9b6c3; --ok: #5fcf8a; --bad: #ff8a7d; --warn: #f0c060;
    --shadow: 0 1px 2px rgba(0,0,0,.4), 0 4px 14px rgba(0,0,0,.3); color-scheme: dark;
    --ice-hi: #13202E; --ice-lo: #0C151F; --crease: #3E78A8;
    --gs-prod: #bf8a10; --gs-drive: #4a8be8; --gs-st: #cc5590; --gs-use: #8d98aa;
    --ios-blue: #4ea1ff;}

* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
body { min-height: 100vh; display: flex; flex-direction: column; }
a { color: var(--accent); }
button, input, select { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; }

/* header: the board along the top, a gold rule beneath */
.top { position: sticky; top: 0; z-index: 5; background: var(--board); color: var(--board-ink); border-bottom: 4px solid var(--gold);
  padding: max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));
  display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; }
.brand { display: flex; gap: 10px; align-items: center; font: 600 1.7rem/1 var(--display); letter-spacing: .03em; padding-top: 3px; }
.brand img { border-radius: 7px; box-shadow: 0 0 0 2px var(--board-ink); }
#tabs { display: flex; flex-wrap: wrap; gap: 4px; max-width: 100%; }
#tabs button { border: 0; background: transparent; padding: 7px 10px 5px; border-radius: 8px; cursor: pointer; white-space: nowrap; color: var(--board-ink); opacity: .86; min-height: 40px; font: 500 1.22rem/1 var(--display); letter-spacing: .04em; display: inline-flex; align-items: center; gap: 6px; }
#tabs button span { padding-top: 2px; }
.ico { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
#tabs button:hover { opacity: 1; background: rgba(255,255,255,.12); }
#tabs button[aria-selected="true"] { background: var(--board-ink); color: var(--board); opacity: 1; }
.tab-gap { width: 1px; align-self: stretch; margin: 6px; background: rgba(255,255,255,.35); }

main { width: 100%; max-width: 1080px; margin: 0 auto; padding: 16px 16px max(16px, env(safe-area-inset-bottom)); flex: 1; }
main:focus { outline: none; }
h1, h2, h3 { font-family: var(--display); letter-spacing: .01em; }
h1 { font-size: 2.5rem; font-weight: 600; line-height: .95; margin: 4px 0 6px; } h2 { font-size: 1.7rem; font-weight: 600; line-height: 1; margin: 18px 0 8px; } h3 { font-size: 1.35rem; font-weight: 600; line-height: 1; margin: 14px 0 6px; }
.sub { color: var(--muted); margin: 0 0 14px; }
.card { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px; box-shadow: var(--shadow); margin-bottom: 12px; }
.card.edge { border-left: 5px solid var(--board); }
.grid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
/* My Teams: today's game once final, the score then the pick's result (1.15.0) */
.today-line > p { margin: 6px 0 2px; }
.today-line > p + p { margin: 0 0 8px; }
.due-final { margin: 4px 0 8px; }
.between { justify-content: space-between; }
.muted { color: var(--muted); } .small { font-size: .88rem; } .tiny { font-size: .78rem; }
.mono { font-family: var(--mono); font-variant-numeric: tabular-nums; }
.btn { border: 1px solid var(--accent); background: var(--accent); color: var(--accent-ink); padding: 9px 14px; border-radius: 8px; cursor: pointer; min-height: 42px; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.btn.ghost { background: transparent; color: var(--accent); }
.btn.small { padding: 4px 10px; min-height: 36px; font-size: .9rem; }
.btn.warn { border-color: var(--bad); color: var(--bad); background: transparent; }
.linkish { border: 0; background: none; padding: 0; color: var(--accent); text-decoration: underline; cursor: pointer; }
.upd-line { display: block; margin-top: 2px; }
.upd.due, .upd.late { color: var(--warn); font-weight: 600; }
.upd.due::before, .upd.late::before { content: ""; display: inline-block; width: .6em; height: .6em; margin-right: .35em; border-radius: 50%; background: currentColor; vertical-align: .05em; }
@media (prefers-reduced-motion: no-preference) { .upd.due::before { animation: upd-pulse 2s ease-in-out infinite; } }
@keyframes upd-pulse { 50% { opacity: .25; } }

/* stat tiles */
/* the arena scoreboard: amber digits on black panels */
.tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 6px; margin: 8px 0 14px; padding: 6px; background: var(--sb);
  border-radius: 12px; border: 2px solid #26303C; box-shadow: inset 0 0 0 1px #000, 0 6px 18px rgba(5,12,22,.28); }
.tile { background: radial-gradient(120% 140% at 50% 0%, #141B24 0%, #0A0E13 70%); border: 1px solid #1C2530; border-radius: 8px; padding: 8px 10px 9px; text-align: center; color: #fff; }
.tile b { display: block; font: 600 2.6rem/1 var(--display); color: var(--led); letter-spacing: .05em; text-shadow: 0 0 12px rgba(255,170,20,.45); padding-top: 4px; }
.tile > span { color: #C7D1DC; font: 500 1.02rem/1.1 var(--display); letter-spacing: .07em; text-transform: uppercase; }

/* pills */
.pill { display: inline-block; border-radius: 999px; padding: 3px 9px 1px; font: 600 .95rem/1.15 var(--display); letter-spacing: .06em; text-transform: uppercase; color: #fff; background: var(--low); white-space: nowrap; vertical-align: middle; }
.pill.HIGH, .pill.ok, .pill.confirmed { background: var(--high); }
.pill.MODERATE, .pill.projected, .pill.thin { background: var(--mod); }
.pill.LOW, .pill.rotation { background: var(--low); }
.pill.bad { background: var(--bad); }
.pill.lead { background: var(--accent); } .pill.gold { background: var(--gold); color: #1d1600; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .pill {color: #07121c;}
  :root:not([data-theme="light"]) .pill.gold {color: #1d1600;}
  /* 1.18.1: an outline tag has no fill of its own, so its text keeps the page's ink
     (the dark rule above turned it near-black on the dark card: contrast 1.1 to 1) */
  :root:not([data-theme="light"]) .pill.mkt, :root:not([data-theme="light"]) .pill.clinch {color: var(--ink);}
  :root:not([data-theme="light"]) .pill.loss {color: #FFFFFF;}   /* 1.18.2: white on the deeper red, 5.2 to 1 */
}
:root[data-theme="dark"] .pill {color: #07121c;}
:root[data-theme="dark"] .pill.gold {color: #1d1600;}
:root[data-theme="dark"] .pill.mkt, :root[data-theme="dark"] .pill.clinch {color: var(--ink);}
:root[data-theme="dark"] .pill.loss {color: #FFFFFF;}


/* game cards: a stripe in both clubs' colors, the rank in scoreboard type */
.game { position: relative; overflow: hidden; padding-top: 18px; }
.game::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 6px; background: linear-gradient(90deg, var(--ca, var(--board)) 0 50%, var(--cb, var(--board)) 50% 100%); }
.game .rank { position: absolute; right: 12px; top: 14px; font: 600 1.05rem/1 var(--display); letter-spacing: .1em; color: var(--muted); }
.match { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; padding-right: 72px; font: 600 1.4rem/1 var(--display); }
.at { color: var(--muted); }

/* team badges: the abbreviation on the club's color with a hem stripe in its second color */
.tm { display: inline-flex; align-items: center; justify-content: center; min-width: 2.9em; padding: .2em .45em .05em; border-radius: 6px; background: var(--c1); color: var(--tx);
  font: 600 1.05rem/1.05 var(--display); letter-spacing: .07em; box-shadow: inset 0 -3px 0 var(--c2), 0 0 0 1px rgba(255,255,255,.08); vertical-align: middle; white-space: nowrap; }
.tm.big { font-size: 1.55rem; border-radius: 7px; }
.tm.xl { font-size: 1.9rem; min-width: 2.7em; padding: .22em .4em .06em; border-radius: 9px; box-shadow: inset 0 -5px 0 var(--c2); }
.tm.sm { font-size: .98rem; min-width: 2.7em; }
/* the official logo, once loaded, replaces the badge's color swatch; the abbreviation
   stays in the page for screen readers and copy-paste */
.tm-pic { display: none; }
.tm.logo-on { position: relative; background: none; box-shadow: none; padding: 0; min-width: 2.2em; }
.tm.logo-on > .tm-pic { display: inline-flex; align-items: center; justify-content: center; }
.tm.logo-on > .tm-ab { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.tm-logo { display: block; height: 1.5em; width: auto; max-width: 2.6em; object-fit: contain; }
.tm.big .tm-logo { height: 1.85em; max-width: 2.7em; } .tm.xl .tm-logo { height: 2em; max-width: 2.8em; } .tm.sm .tm-logo { height: 1.35em; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .tm {box-shadow: inset 0 -3px 0 var(--c2), 0 0 0 1px rgba(255,255,255,.18);}
}
:root[data-theme="dark"] .tm {box-shadow: inset 0 -3px 0 var(--c2), 0 0 0 1px rgba(255,255,255,.18);}

.teamline { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

/* standings */
.seg.stand button { padding: 7px 12px 5px; }
table.standings tr.grp td { font: 600 1.05rem/1 var(--display); letter-spacing: .08em; text-transform: uppercase; color: var(--muted);
  background: color-mix(in srgb, var(--board) 5%, var(--panel)); padding-top: 9px; }
table.standings tr.cut td { border-top: 3px solid var(--redline); }
.steam { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
/* 1.18.0: the market favors the other team */
.pill.mkt { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--mod); }
.pill.clinch { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 1.5px currentColor; text-transform: lowercase; padding: 2px 7px 0; }
@media (max-width: 600px) { .seg.stand button { padding: 7px 8px 5px; font-size: 1.02rem; } }
.teamline .tm { font-size: 1.3rem; }

/* the win bar is a sheet of ice: each club's zone in its color, split at the
   away team's win probability, with the puck on the split */
.winbar { position: relative; height: 36px; border-radius: 18px; overflow: hidden; margin: 12px 0 6px; background: #F4F8FB;
  box-shadow: inset 0 0 0 2px rgba(11,31,58,.85), 0 2px 6px rgba(11,31,58,.18); }
.winbar > i { position: absolute; top: 0; bottom: 0; display: block; pointer-events: none; }
.winbar .away { left: 0; width: var(--split); background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(0,0,0,.12)), var(--ca); }
.winbar .home { right: 0; width: calc(100% - var(--split)); background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(0,0,0,.12)), var(--cb); }
.winbar .gl { width: 2px; background: rgba(255,255,255,.55); } .winbar .gl1 { left: 5.5%; } .winbar .gl2 { left: 94.5%; }
.winbar .bl { width: 5px; background: rgba(255,255,255,.42); } .winbar .bl1 { left: calc(37.5% - 2.5px); } .winbar .bl2 { left: calc(62.5% - 2.5px); }
.winbar .cl { left: calc(50% - 2.5px); width: 5px; background: repeating-linear-gradient(180deg, var(--redline) 0 6px, rgba(255,255,255,.9) 6px 8px); opacity: .9; }
.winbar .cc { left: 50%; top: 50%; bottom: auto; width: 26px; height: 26px; margin: -13px 0 0 -13px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.6); }
.winbar .puck { left: var(--split); top: 50%; bottom: auto; width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 50%; z-index: 2;
  background: radial-gradient(circle at 38% 32%, #FFF6C2 0%, #FFD21F 48%, #E6A800 100%);
  box-shadow: 0 0 0 2px #0A0D12, 0 0 0 3.5px rgba(255,255,255,.9), 0 2px 6px rgba(0,0,0,.55); }
/* a white marker when either side is a gold club color, where yellow would fade */
.winbar .puck.lt { background: radial-gradient(circle at 38% 32%, #FFFFFF 0%, #F2F5F8 55%, #CDD5DE 100%); }
.winbar > span { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; padding: 3px 8px 1px; border-radius: 999px; background: rgba(7,9,12,.55);
  font: 600 1.02rem/1 var(--display); letter-spacing: .05em; color: #fff; white-space: nowrap; }
.winbar .l { left: 6px; } .winbar .r { right: 6px; }
@media (prefers-reduced-motion: no-preference) {
  .winbar .puck { animation: puck-in .7s cubic-bezier(.2,.8,.25,1) both; }
  @keyframes puck-in { from { left: 50%; } to { left: var(--split); } }
}
.pick { font-weight: 700; }
/* the pick: a gold banner with a star crest pinned to its left end and a swallowtail
   notch at its right, like a banner raised to the rafters. It is the only solid
   yellow field and the only star in the app, so it reads first on every card, and
   it keeps the same dark ink on gold in light and dark themes. */
.pickline { --star-hi: #FFE45C; --star: #FFCC1F; --star-lo: #DB9E00; --star-ink: #0F1A2B;
  position: relative; isolation: isolate; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 0 10px;
  margin: 12px 0 6px; padding: 7px 28px 9px 8px; color: var(--star-ink); }
.pickline::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 10px 0 0 10px;
  background: linear-gradient(180deg, var(--star-hi) 0%, var(--star) 58%, #F6BC0E 100%);
  box-shadow: inset 0 -3px 0 var(--star-lo), inset 0 1px 0 rgba(255,255,255,.6);
  clip-path: polygon(0 0, 100% 0, calc(100% - 18px) 50%, 100% 100%, 0 100%); }
.pk-star { display: grid; place-items: center; width: 44px; height: 44px; margin-left: -16px; border-radius: 50%; background: var(--board);
  box-shadow: 0 0 0 2.5px var(--star), 0 0 0 4.5px var(--star-ink), 0 3px 8px rgba(5,12,22,.35); }
.pk-ico { width: 27px; height: 27px; fill: var(--star); stroke: var(--star-ink); stroke-width: .6; stroke-linejoin: round; }
.pk-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.pk-tag { display: flex; align-items: center; gap: 6px; }
.pickline .pill.mypick { background: var(--star-ink); color: var(--star); font-size: .84rem; letter-spacing: .14em; padding: 2px 8px 0; }
.pickline .tm { font-size: .98rem; min-width: 2.6em; box-shadow: inset 0 -3px 0 var(--c2), 0 0 0 1.5px var(--star-ink); }
.pickline .tm.logo-on { box-shadow: none; min-width: 2em; }
.pickline .pick { font: 600 1.55rem/.92 var(--display); letter-spacing: .02em; padding-top: 3px; overflow-wrap: anywhere; }
.pick-pct { display: flex; flex-direction: column; align-items: flex-end; line-height: 1; }
.pick-pct > b { font: 600 2.1rem/.86 var(--display); letter-spacing: .02em; font-variant-numeric: tabular-nums; padding-top: 5px; }
.pick-pct > span { font: 600 .84rem/1 var(--display); letter-spacing: .14em; text-transform: uppercase; }
/* a finished game: the arena scoreboard (black panel, amber digits) hangs under the
   banner with the final score and a WIN or LOSS tag for the pick */
.finalbar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: -6px 18px 8px 0; padding: 7px 10px 6px;
  background: var(--sb); color: #C7D1DC; border: 2px solid #26303C; border-top: 0; border-radius: 0 0 10px 10px; }
.fs-lab { font: 600 1rem/1 var(--display); letter-spacing: .12em; text-transform: uppercase; color: #C7D1DC; padding-top: 2px; }
.fs-team { display: inline-flex; align-items: baseline; gap: 6px; font: 600 1.2rem/1 var(--display); letter-spacing: .06em; color: #8D99A6; }
.fs-team > b { font: 600 1.75rem/.9 var(--display); color: #8A6A2A; font-variant-numeric: tabular-nums; }
.fs-team.w { color: #FFFFFF; } .fs-team.w > b { color: var(--led); text-shadow: 0 0 10px rgba(255,170,20,.45); }
.finalbar > .pill { margin-left: auto; font-size: 1.15rem; padding: 4px 12px 2px; letter-spacing: .1em; }
.pill.win { background: #2BB36B; color: #04150B; }
/* 1.18.2: a deeper red, so its white text reads at 5.2 to 1 (it was 3.9 on #E5483B) */
.pill.loss { background: #CC3328; color: #FFFFFF; }
/* My Teams, last game: the final score strip, then each player's Game Score as two
   thin bars on one axis (offense on top, defense below), parts stacked out from the
   zero line, a 2px surface gap between parts and a rounded end on the outermost */
.lastgame { margin: 10px 0 12px; border-top: 1px solid var(--line); padding-top: 6px; }
.lastgame > summary { cursor: pointer; list-style: none; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; min-height: 40px; padding-top: 6px; }
.lastgame > summary::-webkit-details-marker { display: none; }
.lastgame > summary::before { content: "\25BE"; color: var(--accent); font-size: .9em; }
.lastgame:not([open]) > summary::before { content: "\25B8"; }
.lg-title { font: 600 1.4rem/1 var(--display); letter-spacing: .02em; }
.finalbar.team { margin: 2px 0 8px; border-top: 2px solid #26303C; border-radius: 10px; }
.gs-how { margin: 0 0 6px; color: var(--muted); } .gs-how b { color: var(--ink); font-weight: 600; }
.gs-legend { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0 0 6px; font-size: .86rem; color: var(--muted); }
.gs-key { display: inline-flex; align-items: center; gap: 6px; cursor: help; }
.gs-sw { display: inline-block; width: 12px; height: 12px; border-radius: 3px; }
.gs-head, .gs-row { display: grid; grid-template-columns: minmax(6.5rem, 10.5rem) 4.6rem minmax(0, 1fr); align-items: center; gap: 0 8px; }
.gs-row { padding: 3px 0; border-bottom: 1px solid color-mix(in srgb, var(--line) 55%, transparent); }
.gs-name { font-size: .88rem; line-height: 1.15; overflow-wrap: anywhere; }
.gs-val { font: 600 .9rem/1 var(--mono); text-align: right; font-variant-numeric: tabular-nums; }
.gs-head { padding: 4px 0 5px; border-bottom: 1px solid var(--line); font: 600 .98rem/1.05 var(--display); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.gs-head > .gs-val { font: inherit; cursor: help; }
.gs-sides { position: relative; height: 26px; }
/* two arrow tags on either side of the zero line, each pointing away from it: red
   "Hurt" to the left, green "Helped" to the right (kept inside the chart when the
   line sits near an edge) */
.gs-sides > span { position: absolute; top: 50%; transform: translateY(-50%); isolation: isolate; white-space: nowrap; cursor: help;
  font: 600 .98rem/1 var(--display); letter-spacing: .1em; text-transform: uppercase; padding: 5px 9px 3px; }
.gs-sides > span::before { content: ""; position: absolute; inset: 0; z-index: -1; }
.gs-sides > .hurt { right: min(calc(100% - var(--z) + 5px), calc(100% - 4.8em)); padding-left: 17px; color: var(--bad); }
.gs-sides > .hurt::before { background: color-mix(in srgb, var(--bad) 15%, transparent); clip-path: polygon(11px 0, 100% 0, 100% 100%, 11px 100%, 0 50%); }
.gs-sides > .helped { left: min(calc(var(--z) + 5px), calc(100% - 5.8em)); padding-right: 17px; color: var(--ok); }
.gs-sides > .helped::before { background: color-mix(in srgb, var(--ok) 15%, transparent); clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 0 100%); }
.gs-sides::before { content: ""; position: absolute; top: -4px; bottom: -6px; left: var(--z); width: 2px; margin-left: -.5px; background: var(--muted); opacity: .8; }
.gs-grp { font: 600 .98rem/1 var(--display); letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin: 10px 0 2px; }
/* each row: the plot with the zero line; the bars are named in the text above the chart
   and on hover (1.13.2: the row labels of 1.12.1 removed at John's request) */
.gs-bars { display: flex; align-items: stretch; }
.gs-plot { position: relative; flex: 1; min-width: 0; height: 25px; }
.gs-plot::before { content: ""; position: absolute; top: -4px; bottom: -4px; left: var(--z); width: 1px; background: var(--muted); opacity: .8; }
.gs-trk { position: absolute; left: 0; right: 0; height: 11px; }
.gs-trk.o { top: 0; } .gs-trk.d { top: 14px; }
.gs-seg { position: absolute; top: 0; bottom: 0; display: block; cursor: help; }
.gs-seg:not(.neg):not(.endp) { box-shadow: inset -2px 0 0 var(--panel); }
.gs-seg.neg:not(.endn) { box-shadow: inset 2px 0 0 var(--panel); }
.gs-seg.endp { border-radius: 0 4px 4px 0; } .gs-seg.endn { border-radius: 4px 0 0 4px; }
.gs-prod { background: var(--gs-prod); } .gs-drive { background: var(--gs-drive); } .gs-st { background: var(--gs-st); }
.gs-use { background: var(--gs-use); }
/* 1.19.0: each skater's trend over his team's last ten games (sparkline, straight-line
   trend, average, DRAGGING tag) in a fourth column; under the bars on phones */
.gs-chart.trended .gs-head, .gs-chart.trended .gs-row { grid-template-columns: minmax(6.5rem, 10.5rem) 4.6rem minmax(0, 1fr) 12.5rem; }
.gs-trend-h { cursor: help; text-align: left; }
.gs-trend { display: flex; align-items: center; gap: 6px; min-width: 0; cursor: help; }
.gs-trend svg { flex: 0 0 auto; width: 84px; height: 28px; overflow: visible; }
.gs-trend .tr-lab { display: none; font: 600 .82rem/1 var(--display); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.gs-trend .tr-zero { stroke: var(--muted); stroke-width: 1; stroke-dasharray: 3 3; opacity: .7; vector-effect: non-scaling-stroke; }
.gs-trend .tr-line { fill: none; stroke: var(--ink); stroke-opacity: .7; stroke-width: 1.4; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.gs-trend .tr-fit { stroke: var(--accent); stroke-width: 2.2; opacity: .95; vector-effect: non-scaling-stroke; }
.gs-trend .tr-dot { fill: var(--ink); }
.gs-trend.drag .tr-line { stroke: var(--bad); stroke-opacity: .8; }
.gs-trend.drag .tr-dot { fill: var(--bad); }
.gs-trend.drag .tr-fit { stroke: var(--bad); opacity: .9; }
.gs-trend .tr-avg { font: 600 .82rem/1 var(--mono); font-variant-numeric: tabular-nums; min-width: 3.1em; text-align: right; }
.gs-trend .pill { font-size: .78rem; padding: 2px 6px 0; letter-spacing: .05em; }
.gs-row.drag { background: color-mix(in srgb, var(--bad) 7%, transparent); }
/* 1.20.0: skaters who played in the team's last ten games but not its latest one; the
   same columns as the chart, with the reason in place of the bars */
.gs-others { margin-top: 14px; }
.gs-others .gs-grp { margin-top: 0; }
.gs-others-how { margin: 0 0 4px; }
.gs-others .gs-row { grid-template-columns: minmax(6.5rem, 10.5rem) 4.6rem minmax(0, 1fr) 12.5rem; }
.gs-out-txt { display: flex; flex-wrap: wrap; align-items: center; gap: 3px 6px; color: var(--muted); line-height: 1.35; min-width: 0; }
.gs-out-txt [data-tip] { cursor: help; }
.gs-out-txt .pill { font-size: .78rem; padding: 2px 6px 0; letter-spacing: .05em; }
table.gs-table tr.grp td { font: 600 .98rem/1 var(--display); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); padding-top: 10px; }
/* tablets and narrow windows: the trend sits under the bars, so the plot keeps its width */
@media (max-width: 960px) {
  .gs-chart.trended .gs-head, .gs-chart.trended .gs-row { grid-template-columns: minmax(6.5rem, 10.5rem) 4.6rem minmax(0, 1fr); row-gap: 3px; }
  .gs-chart.trended .gs-trend { grid-column: 3; }
  .gs-others .gs-row { grid-template-columns: minmax(6.5rem, 10.5rem) 4.6rem minmax(0, 1fr); row-gap: 3px; }
  .gs-others .gs-trend { grid-column: 3; }
  .gs-trend-h { display: none; }
  .gs-trend .tr-lab { display: inline; }
}
.gs-dragline { margin: 0 0 8px; padding: 6px 9px; border-left: 3px solid var(--bad); background: color-mix(in srgb, var(--bad) 6%, var(--panel)); border-radius: 0 8px 8px 0; }
.gs-goalies { margin-top: 14px; }
.gs-gk-txt { color: var(--muted); line-height: 1.35; }
table.gs-table td:first-child { min-width: 10em; }
/* phones: the name and value on one line, the bars across the full width below */
@media (max-width: 640px) {
  .gs-head, .gs-row, .gs-chart.trended .gs-head, .gs-chart.trended .gs-row { grid-template-columns: minmax(0, 1fr) auto; row-gap: 3px; }
  .gs-others .gs-row { grid-template-columns: minmax(0, 1fr) auto; }
  .gs-bars, .gs-sides, .gs-gk-txt, .gs-out-txt, .gs-trend, .gs-trend-h, .gs-chart.trended .gs-trend, .gs-others .gs-trend { grid-column: 1 / -1; }
  .gs-trend-h { display: none; }
  .gs-trend svg { width: 110px; }
  .gs-trend .tr-lab { display: inline; }
}
@media print { .pickline::before { box-shadow: none; } .pk-star { box-shadow: 0 0 0 2px var(--star-ink); } }
/* injuries */
.inj-note { margin-top: 2px; max-width: 46em; line-height: 1.35; }
table.inj td:first-child { min-width: 12em; }
.kv { display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; margin: 8px 0 0; font-size: .92rem; }
.kv dt { color: var(--muted); } .kv dd { margin: 0; }
/* goalies: one per row, the status tag in its own column beside the name. On a narrow
   card the rows take the card's full width under the label; a wide card keeps the label
   on the left like the other rows. */
.game { container: game / inline-size; }
.kv .gk-dt, .kv .gk-dd { grid-column: 1 / -1; }
.kv .gks { display: grid; grid-template-columns: minmax(min-content, max-content) auto; justify-content: start; align-items: center; gap: 4px 10px; }
/* 1.17.0: who reported each starter, under his row */
.kv .gks .gk-r { grid-column: 1 / -1; margin: -3px 0 3px; line-height: 1.35; }
@container game (min-width: 440px) { .kv .gk-dt, .kv .gk-dd { grid-column: auto; } }
details.more { margin-top: 8px; } details.more > summary { cursor: pointer; color: var(--accent); font-weight: 600; padding: 6px 0; min-height: 40px; display: flex; align-items: center; list-style: none; }
details.more > summary::before { content: "\25B8"; margin-right: 6px; font-size: .8em; } details.more[open] > summary::before { content: "\25BE"; }
details.more > summary::-webkit-details-marker { display: none; }

/* tables */
.tablewrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 8px; }
table { width: 100%; border-collapse: collapse; font-size: .92rem; }
th, td { text-align: left; padding: 6px 7px; border-bottom: 1px solid var(--line); vertical-align: top; }
th { font: 500 1rem/1.05 var(--display); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); white-space: nowrap; padding-top: 8px; }
td.n, th.n { text-align: right; font-family: var(--mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
th.n { font-family: var(--display); }
tr.tot td { font-weight: 700; background: color-mix(in srgb, var(--board) 6%, var(--panel)); }
tr.lead td { background: color-mix(in srgb, var(--high) 9%, var(--panel)); }
.unit { font: 600 1.25rem/1 var(--display); letter-spacing: .04em; white-space: nowrap; }

/* team chooser */
.chips { display: flex; flex-wrap: wrap; gap: 6px; }
.chip { border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px 4px 8px; cursor: pointer; background: var(--panel); min-height: 40px; display: inline-flex; align-items: center; gap: 7px; font: 600 1.2rem/1 var(--display); letter-spacing: .05em; }
.chip::before { content: ""; width: 14px; height: 14px; border-radius: 50%; background: var(--c1, var(--low)); box-shadow: inset 0 -4px 0 var(--c2, transparent), 0 0 0 1px rgba(0,0,0,.15); margin-top: -2px; }
.chip[aria-pressed="true"] { background: var(--c1, var(--board)); color: var(--tx, var(--board-ink)); border-color: var(--c2, var(--board)); box-shadow: inset 0 -3px 0 var(--c2, transparent); }
.chip[aria-pressed="true"]::before { background: var(--tx, #fff); box-shadow: none; width: 8px; height: 8px; }
.seg { display: inline-flex; border: 1px solid var(--line); border-radius: 999px; overflow: hidden; }
.seg button { border: 0; background: var(--panel); padding: 7px 16px 5px; min-height: 38px; cursor: pointer; font: 500 1.15rem/1 var(--display); letter-spacing: .05em; }
.seg button[aria-pressed="true"] { background: var(--board); color: var(--board-ink); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .seg button[aria-pressed="true"] {background: var(--board-ink); color: var(--board);}
}
:root[data-theme="dark"] .seg button[aria-pressed="true"] {background: var(--board-ink); color: var(--board);}


/* bars for calibration */
.bar { height: 12px; background: var(--line); border-radius: 999px; overflow: hidden; min-width: 80px; } .bar > i { display: block; height: 100%; background: var(--accent); }
.note { padding: 8px 12px; background: var(--panel); border: 1px solid var(--line); border-left: 5px solid var(--gold); border-radius: 10px; margin: 0 0 12px; }
.note.warn { border-left-color: var(--warn); background: color-mix(in srgb, var(--warn) 7%, var(--panel)); }
.empty { text-align: center; padding: 22px 14px; color: var(--muted); }
.empty-art { display: block; width: min(240px, 70%); height: auto; margin: 0 auto 10px; }
.en-ice { fill: var(--ice-lo); } .en-crease { fill: var(--crease); opacity: .45; }
.en-mesh { stroke: var(--muted); stroke-width: 1; opacity: .35; fill: none; }
.en-frame { fill: none; stroke: var(--redline); stroke-width: 7; stroke-linejoin: round; } .en-base { stroke: #F4F8FB; stroke-width: 4; }
.en-puck { fill: #0B0D10; } .en-puck .en-top { fill: #2A2F36; }

/* page headers: the tab's icon on a faceoff dot, then the zone lines beneath */
.pagehead { display: flex; align-items: center; gap: 12px; margin: 4px 0 2px; padding-bottom: 10px; position: relative; }
.pagehead::after { content: ""; position: absolute; left: 0; bottom: 0; width: min(260px, 60%); height: 4px; border-radius: 2px;
  background: linear-gradient(90deg, var(--blueline) 0 30%, transparent 30% 35%, var(--redline) 35% 65%, transparent 65% 70%, var(--blueline) 70% 100%); }
.pagehead h1 { margin: 6px 0 0; }
.ph-ico { flex: none; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--redline);
  box-shadow: 0 0 0 3px var(--panel), 0 0 0 5px var(--redline); }
.ph-ico .ico { width: 24px; height: 24px; stroke-width: 1.9; }
.pagehead + .sub { margin-top: 10px; }

/* Today's hero: center ice from above, the scoreboard hanging over it */
.hero { position: relative; overflow: hidden; border-radius: 18px; margin: 2px 0 16px; padding: 22px 22px 14px; border: 1px solid var(--line);
  background: linear-gradient(180deg, var(--ice-hi), var(--ice-lo)); box-shadow: var(--shadow); }
.hero .rink { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-in { position: relative; }
.hero h1 { font-size: clamp(2.4rem, 6vw, 3.6rem); margin: 0 0 4px; }
.hero .sub { margin: 0 0 10px; }
.eyebrow { margin: 0 0 6px; font: 500 1.25rem/1 var(--display); letter-spacing: .12em; text-transform: uppercase; color: var(--redline); }
.rink .r-ice { fill: none; }
.rink .r-board { fill: none; stroke: var(--board); stroke-width: 10; opacity: .22; }
.rink .r-red, .rink .r-ref { fill: none; stroke: var(--redline); stroke-width: 5; opacity: .32; }
.rink .r-dot, .rink .r-cdot { fill: var(--redline); opacity: .32; }
.rink .r-cdot { fill: var(--blueline); }
.rink .r-blue line { stroke: var(--blueline); stroke-width: 16; opacity: .28; }
.rink .r-mid { stroke: var(--redline); stroke-width: 16; stroke-dasharray: 34 8; opacity: .32; }
.rink .r-center { fill: none; stroke: var(--blueline); stroke-width: 5; opacity: .3; }
.rink .r-crease { fill: var(--crease); opacity: .35; stroke: var(--redline); stroke-width: 4; stroke-opacity: .5; }
.rink .r-net { fill: none; stroke: var(--redline); stroke-width: 7; opacity: .45; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .rink .r-board {stroke: #9FB4C8;}
  :root:not([data-theme="light"]) .eyebrow {color: #FF8A7D;}
}
:root[data-theme="dark"] .rink .r-board {stroke: #9FB4C8;}
:root[data-theme="dark"] .eyebrow {color: #FF8A7D;}


/* My Teams cards wear the club's color down the left edge */
.teamcard { border-left: 6px solid var(--c1); }
.tc-head { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; }
.tc-head h2 { margin: 2px 0 2px; }
/* My Teams: the team's places in the standings */
.splaces { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 6px 0 4px; }
.spos { border: 1px solid var(--line); border-radius: 8px; padding: 6px 8px 7px; background: color-mix(in srgb, var(--board) 4%, var(--panel)); cursor: help; }
.spos .k { display: block; font: 600 .95rem/1 var(--display); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.spos b { display: block; font: 600 1.9rem/1 var(--display); letter-spacing: .03em; padding-top: 4px; }
.spos .s { display: block; font-size: .8rem; line-height: 1.25; color: var(--muted); }
@media (max-width: 600px) { .splaces { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

#toast { position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); background: var(--ink); color: var(--bg); padding: 10px 16px; border-radius: 8px; opacity: 0; transition: opacity .2s; pointer-events: none; max-width: 90vw; z-index: 10; }
#toast.show { opacity: .95; }
.install { margin: 12px max(16px, calc((100% - 1048px) / 2)) 0; padding: 12px 14px; background: var(--panel); border: 1px solid var(--gold); border-radius: var(--radius); box-shadow: var(--shadow); display: flex; gap: 12px; align-items: flex-start; justify-content: space-between; }
.install[hidden] { display: none; }
/* Model tab: a candidate value that differs from the setting in use (1.13.0) */
td.chg { font-weight: 700; color: var(--accent); }
/* Lines: where the lines came from when Daily Faceoff did not answer (1.13.3) */
.lines-src.warn { color: var(--warn); border-left: 3px solid var(--warn); padding: 2px 0 2px 8px; margin-top: 8px; }
/* Model tab: why the candidate is or is not in use (1.13.1) */
.why { margin: 10px 0 14px; padding: 12px 14px; border: 1px solid var(--line); border-left: 4px solid var(--warn); border-radius: 10px;
  background: color-mix(in srgb, var(--warn) 6%, var(--panel)); }
.why[data-state="behind"] { border-left-color: var(--bad); background: color-mix(in srgb, var(--bad) 6%, var(--panel)); }
.why[data-state="passed"] { border-left-color: var(--ok); background: color-mix(in srgb, var(--ok) 6%, var(--panel)); }
.why h3 { margin: 0 0 4px; font: 600 1.35rem/1.1 var(--display); letter-spacing: .03em; }
.why p { margin: 6px 0; }
.why-tests { list-style: none; margin: 8px 0 6px; padding: 0; }
.why-tests li { margin: 4px 0; display: flex; gap: 8px; align-items: baseline; }
.why-tests li > .why-mark { flex: none; margin-right: 0; }
.why-mark { display: inline-block; min-width: 4.6em; margin-right: 6px; padding: 1px 6px 0; border-radius: 6px; text-align: center;
  font: 600 .92rem/1.5 var(--display); letter-spacing: .06em; text-transform: uppercase; }
.why-tests .ok .why-mark { background: color-mix(in srgb, var(--ok) 18%, transparent); color: var(--ok); }
.why-tests .no .why-mark { background: color-mix(in srgb, var(--bad) 15%, transparent); color: var(--bad); }
.why-meter { position: relative; height: 10px; margin: 2px 0 8px; border-radius: 5px; background: var(--line); overflow: hidden; max-width: 420px; }
.why-meter > i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 5px; background: var(--warn); }
.why[data-state="passed"] .why-meter > i { background: var(--ok); }
/* Install app (1.12.0): a gold button on the board beside the name, and the steps in a
   sheet (a bottom sheet on phones) with the device's own buttons drawn in the text */
.getapp { margin-left: 6px; display: inline-flex; align-items: center; gap: 6px; border: 0; border-radius: 999px; cursor: pointer;
  background: var(--gold); color: #1d1600; padding: 6px 13px 4px 10px; min-height: 36px; white-space: nowrap;
  font: 600 1.12rem/1 var(--display); letter-spacing: .05em; box-shadow: 0 0 0 2px rgba(255,255,255,.22); }
.getapp .ico { width: 18px; height: 18px; stroke-width: 2.3; }
.getapp span { padding-top: 2px; }
.getapp:hover { filter: brightness(1.08); }
.getapp:focus-visible { outline: 3px solid var(--board-ink); outline-offset: 2px; }
.getapp[hidden] { display: none; }
dialog.sheet { border: 0; padding: 0; width: min(520px, calc(100% - 24px)); max-height: calc(100% - 24px); overflow: auto;
  border-radius: 14px; background: var(--panel); color: var(--ink); box-shadow: 0 18px 48px rgba(0,0,0,.35); }
dialog.sheet::backdrop { background: rgba(5, 14, 26, .58); }
.sheet-in { padding: 16px 18px max(18px, env(safe-area-inset-bottom)); }
.sheet-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 3px solid var(--gold); padding-bottom: 8px; margin-bottom: 8px; }
.sheet-head h2 { margin: 0; }
.howto { margin-top: 12px; }
.howto h3 { margin: 0 0 2px; font: 600 1.35rem/1.1 var(--display); letter-spacing: .04em; }
.howto p { margin: 4px 0; }
.ui-ico { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; vertical-align: -6px; margin: 0 1px;
  border-radius: 6px; border: 1px solid var(--line); background: var(--bg); color: var(--ios-blue); }
.ui-ico svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.kbd { display: inline-block; min-width: 24px; padding: 0 5px; border: 1px solid var(--line); border-radius: 6px; background: var(--bg);
  text-align: center; font-weight: 700; line-height: 1.35; color: var(--ios-blue); }
.other-dev { margin-top: 14px; border-top: 1px solid var(--line); padding-top: 8px; }
.other-dev summary { cursor: pointer; font-weight: 600; }
@media (max-width: 360px) { .getapp-x { display: none; }
  .gs-sides > span { font-size: .8rem; letter-spacing: .06em; padding: 4px 5px 2px; }
  .gs-sides > .hurt { padding-left: 13px; right: min(calc(100% - var(--z) + 5px), calc(100% - 3.6em)); }
  .gs-sides > .helped { padding-right: 13px; left: min(calc(var(--z) + 5px), calc(100% - 4.5em)); } }
@media (max-width: 600px) {
  dialog.sheet { margin: auto 0 0; width: 100%; max-width: 100%; max-height: 88%; border-radius: 16px 16px 0 0; }
  .getapp { margin-left: auto; }
}
.qr { width: 160px; height: 160px; image-rendering: pixelated; background: #fff; border-radius: 8px; padding: 6px; }
.steps-list { margin: 6px 0 0; padding-left: 1.4em; } .steps-list li { margin: 4px 0; }
dl.gloss dt { font-weight: 700; margin-top: 8px; } dl.gloss dd { margin: 2px 0 0; }

/* footer: the board again */
.foot { background: var(--board); color: var(--board-ink); margin-top: 18px; border-top: 4px solid var(--gold);
  padding: 18px max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
.foot-in { max-width: 1080px; margin: 0 auto; }
.foot-brand { margin: 0 0 8px; font: 600 1.5rem/1.1 var(--display); letter-spacing: .03em; }
.foot-links { list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; }
.foot a, .foot .linkish { color: var(--board-ink); font-weight: 600; min-height: 32px; display: inline-flex; align-items: center; }
.foot-note { margin: 0; opacity: .85; }

/* player names link to the official NHL.com page: a solid underline, unlike the
   dotted one that marks a definition */
a.plink { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;
  text-decoration-color: color-mix(in srgb, var(--accent) 60%, transparent); }
a.plink:hover { color: var(--accent); text-decoration-color: currentColor; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }

/* definitions on hover, tap or keyboard focus */
abbr.tip, th.has-tip, dt.has-tip, .tile.has-tip > span { text-decoration: underline dotted; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 55%, transparent); }
abbr.tip { font-style: normal; }
[data-tip] { cursor: help; }
@media (hover: none) { [data-tip] { cursor: pointer; } }
.foot abbr.tip { text-decoration-color: rgba(255,255,255,.6); }
#tipbox { position: fixed; z-index: 60; left: 0; top: 0; max-width: min(320px, calc(100vw - 16px)); padding: 8px 11px; border-radius: 9px;
  background: var(--ink); color: var(--panel); font: 400 .86rem/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; box-shadow: 0 6px 22px rgba(0,0,0,.28);
  pointer-events: none; text-align: left; white-space: normal; letter-spacing: 0; text-transform: none; }
#tipbox[hidden] { display: none; }
#tipbox b { display: block; font: 700 .9rem/1.3 var(--display); letter-spacing: .02em; margin-bottom: 2px; }

@media print { .install, .sheet, .top, .noprint, #toast, .foot, #tipbox { display: none !important; } body { background: #fff; color: #000; } .card { box-shadow: none; break-inside: avoid; } }
@media (max-width: 600px) {
  .top { position: static; flex-direction: column; align-items: stretch; gap: 6px; padding-bottom: 0; } main { padding: 12px; } h1 { font-size: 2.1rem; }
  .brand { font-size: 1.55rem; }
  #tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 6px; scroll-padding: 0 24px;
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); }
  #tabs::-webkit-scrollbar { display: none; }
  #tabs button { flex-direction: column; gap: 3px; min-width: 62px; padding: 6px 7px 4px; font-size: 1.05rem; }
  #tabs button span { padding-top: 0; }
  .tab-gap { display: none; }
  .hero { padding: 16px 12px 10px; } .tile b { font-size: 2.2rem; } .tile > span { font-size: .95rem; }
  .ph-ico { width: 40px; height: 40px; } .ph-ico .ico { width: 21px; height: 21px; }
  .grid { grid-template-columns: 1fr; }
  table { font-size: .8rem; } th, td { padding: 5px 4px; }
  th.n { white-space: normal; }
  td .pill { font-size: .84rem; padding: 2px 6px 0; letter-spacing: .03em; }
  .card { padding: 12px 10px; }
  .hm { display: none; }
}

/* Theme switch (1.16.0): Auto follows the device; Light and Dark are saved in nda:v1 */
.theme-sel { margin-left: auto; font: 600 1.05rem/1 var(--display); letter-spacing: .05em; color: var(--board-ink); background: transparent;
  border: 1px solid rgba(255,255,255,.4); border-radius: 999px; padding: 6px 10px 4px; min-height: 36px; cursor: pointer; }
.theme-sel option { color: #142030; background: #fff; }
.theme-sel + .getapp { margin-left: 6px; }
@media (max-width: 640px) {
  .theme-sel, .getapp, .chip, .seg button, .btn, .btn.small, .linkish { min-height: 44px; }
}

@media (max-width: 380px) {
  .theme-sel { max-width: 58px; padding: 6px 2px 4px 5px; font-size: .9rem; letter-spacing: 0; }
  .theme-sel + .getapp { margin-left: 4px; padding-left: 8px; padding-right: 9px; }
}