/* BioLineup
   A night game: near-black field, chalk-white type, team colors as small flags, and the four
   cycle colors as the only lit color on the page. One typeface (Saira) at several widths.
   Surfaces are told apart by tone (night, deck, lift), not by outlines. */

@font-face{font-family:"Saira";font-style:normal;font-weight:100 900;font-stretch:50% 125%;font-display:swap;src:url("../fonts/saira-latin-standard-normal.woff2") 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}
@font-face{font-family:"Saira";font-style:italic;font-weight:100 900;font-stretch:50% 125%;font-display:swap;src:url("../fonts/saira-latin-standard-italic.woff2") 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}
@font-face{font-family:"Saira";font-style:normal;font-weight:100 900;font-stretch:50% 125%;font-display:swap;src:url("../fonts/saira-latin-ext-standard-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Saira";font-style:italic;font-weight:100 900;font-stretch:50% 125%;font-display:swap;src:url("../fonts/saira-latin-ext-standard-italic.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  color-scheme:dark;
  --night:#0A0D14; --deck:#121723; --lift:#1B2233; --rail:#2A3348; --rule:#1C2433;
  --chalk:#F4F1E8; --fog:#B7BDCB; --steel:#8D96AB;
  /* Cycle colors. Checked for color-blind separation and contrast on all three surfaces. */
  --phy:#D63055; --emo:#3B6DF4; --itl:#2AAA9A; --itu:#B98D09;
  --bad:#FF8A80;
  --f:"Saira","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --lean:-12deg;
  --scrim:rgb(3 5 9 / .72);
  --dock:62px;
  padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--night)}
body{margin:0;background:var(--night);color:var(--chalk);font:400 14px/1.45 var(--f);font-stretch:100%;overflow-x:hidden}
[hidden]{display:none!important}
button,input,select{font:inherit;font-stretch:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit}
h1,h2,h3,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
:focus-visible{outline:2px solid var(--chalk);outline-offset:2px}
.phy{--c:var(--phy)} .emo{--c:var(--emo)} .itl{--c:var(--itl)} .itu{--c:var(--itu)} .avg{--c:var(--chalk)}

/* Type roles */
h2,.title{font:italic 800 26px/1 var(--f);font-stretch:62%;text-transform:uppercase;letter-spacing:.01em}
h3{font:italic 800 18px/1 var(--f);font-stretch:66%;text-transform:uppercase;letter-spacing:.015em}
.lbl{font:500 11px/1.2 var(--f);font-stretch:80%;text-transform:uppercase;letter-spacing:.05em;color:var(--steel)}
.num{font-variant-numeric:tabular-nums;font-stretch:80%}
.lnk{background:none;border:0;padding:2px 0;font:600 13px/1.2 var(--f);font-stretch:84%;color:var(--chalk);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--steel)}

.app{position:relative;max-width:1500px;margin:0 auto;padding:0 0 calc(var(--dock) + 26px);display:grid;gap:12px}
/* Floodlight: a soft glow behind the top of the page. */
.app::before{content:"";position:absolute;inset:0 0 auto 0;height:340px;pointer-events:none;z-index:0;
  background:radial-gradient(70% 100% at 50% -30%,rgb(126 152 255 / .17),transparent 72%)}
.app>*{position:relative;z-index:1}

/* ---------- the bug: brand, league, profile ---------- */
.bug{display:flex;align-items:center;gap:10px;height:54px;padding:0 12px;position:relative}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;min-width:0}
.mark{flex:none;width:22px;height:22px;fill:var(--chalk)}
.wordmark{display:inline-flex;align-items:center;font:italic 900 22px/1 var(--f);font-stretch:112%;letter-spacing:.01em;white-space:nowrap}
/* The two I's are drawn as bars: the first reads above the line, the second below it. */
.wi{display:inline-block;width:.25em;height:.72em;margin:0 .07em;background:var(--chalk);transform:skewX(var(--lean))}
.wi.up{transform:translateY(-.13em) skewX(var(--lean))}
.wi.dn{transform:translateY(.13em) skewX(var(--lean))}
.league{flex:none;font:700 12px/1 var(--f);font-stretch:84%;letter-spacing:.06em;color:var(--fog);padding:5px 7px 4px;background:var(--lift);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}
.bug-sp{flex:1}
.ibtn{flex:none;width:34px;height:34px;display:grid;place-items:center;border:0;background:var(--lift);color:var(--fog);font:700 15px/1 var(--f);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.acct{flex:none;height:34px;max-width:42vw;padding:0 14px;border:0;background:var(--chalk);color:var(--night);font:italic 800 14px/1 var(--f);font-stretch:70%;text-transform:uppercase;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}
.acct.in{background:var(--lift);color:var(--chalk)}
/* Sector stripe: the four cycles, as wide as their lengths (23, 28, 33 and 38 days). */
.sector{position:absolute;left:12px;right:12px;bottom:0;height:3px;display:flex;gap:3px}
.sector i{display:block;background:var(--c);transform:skewX(var(--lean))}
.sector .phy{flex:23} .sector .emo{flex:28} .sector .itl{flex:33} .sector .itu{flex:38}

/* ---------- the slate: week picker and this week's games ---------- */
.slate{display:grid;gap:8px;min-width:0}
.wk{display:flex;align-items:center;gap:6px;padding:0 12px;min-height:40px}
.wk-step{flex:none;width:36px;height:36px;border:0;background:var(--lift);color:var(--chalk);display:grid;place-items:center;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}
.wk-step:disabled{opacity:.35;cursor:default}
.wk-now{flex:0 1 auto;min-width:0;height:36px;padding:0 14px;border:0;background:var(--lift);display:flex;align-items:baseline;gap:8px;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}
.wk-now b{font:italic 800 19px/36px var(--f);font-stretch:66%;text-transform:uppercase;white-space:nowrap}
.wk-now span{font:500 12.5px/36px var(--f);font-stretch:80%;color:var(--fog);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-fixed{background:none;padding-left:2px;clip-path:none;cursor:default}
.wk-note{flex:1;min-width:0;font:400 12px/1.3 var(--f);font-stretch:84%;color:var(--steel);text-align:right}
.strip{display:flex;gap:6px;overflow-x:auto;padding:2px 12px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-inline:12px}
.strip::-webkit-scrollbar{display:none}
.gt{flex:none;scroll-snap-align:start;display:grid;gap:3px;min-width:92px;padding:8px 12px 7px 10px;border:0;text-align:left;color:var(--chalk);
  background:radial-gradient(rgb(255 255 255 / .055) 1px,transparent 1.3px) 0 0/6px 6px,var(--deck);
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
.gt[aria-pressed="true"]{background-color:var(--lift);box-shadow:inset 0 -3px 0 var(--chalk)}
.gt-row{display:grid;grid-template-columns:8px minmax(34px,1fr) auto;align-items:center;column-gap:6px;height:19px}
.gt-row b{font:700 14.5px/1 var(--f);font-stretch:72%;letter-spacing:.02em}
.gt-row em{font:normal 800 16px/1 var(--f);font-stretch:78%;font-variant-numeric:tabular-nums;text-align:right;min-width:20px}
.gt-row.lost b,.gt-row.lost em{color:var(--steel)}
.gt-st{font:500 11px/1.2 var(--f);font-stretch:80%;color:var(--fog);letter-spacing:.02em;margin-top:1px;white-space:nowrap}
.gt.bye{min-width:0;align-content:center}
.gt.bye b{font:700 13px/1.3 var(--f);font-stretch:72%;color:var(--fog)}
.flag{flex:none;display:inline-block;width:6px;height:15px;background:linear-gradient(var(--a,#555) 50%,var(--b,#999) 50%);box-shadow:0 0 0 1px rgb(255 255 255 / .2);transform:skewX(var(--lean))}
/* ---------- tabs (wide) and tab rail (phones) ---------- */
.tabs{display:none}
.rail{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--deck);
  padding:0 4px env(safe-area-inset-bottom,0px);box-shadow:0 -1px 0 var(--rail)}
.rt{position:relative;display:grid;justify-items:center;align-content:center;gap:4px;height:var(--dock);text-decoration:none;color:var(--steel);
  font:600 10.5px/1 var(--f);font-stretch:78%;text-transform:uppercase;letter-spacing:.04em;-webkit-tap-highlight-color:transparent}
.rt svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rt[aria-current="page"]{color:var(--chalk)}
.rt[aria-current="page"]::before{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;background:var(--chalk);transform:skewX(var(--lean))}
.cnt{font:700 10.5px/1 var(--f);font-stretch:80%;font-variant-numeric:tabular-nums;letter-spacing:0;padding:2px 5px;background:var(--chalk);color:var(--night)}
.rt .cnt{position:absolute;top:8px;left:calc(50% + 7px)}
.drop{display:none;height:var(--dock);margin:6px 3px;align-items:center;justify-content:center;flex-direction:column;gap:3px;background:var(--lift);
  box-shadow:inset 0 0 0 2px var(--rail);font:italic 800 17px/1 var(--f);font-stretch:66%;text-transform:uppercase}
.drop small{font:500 11px/1 var(--f);font-stretch:82%;font-style:normal;text-transform:none;color:var(--fog)}
.dragging .rail .rt{display:none}
.dragging .rail .drop{display:flex}
.drop.over{background:var(--chalk);color:var(--night);box-shadow:none}
.drop.over small{color:var(--night)}

/* ---------- views ---------- */
.cols{display:grid;gap:14px;min-width:0}
.maincol{min-width:0}
.view{display:none;min-width:0}
.app[data-tab="players"] #vPlayers,.app[data-tab="favorites"] #vFavorites,.app[data-tab="lists"] #vLists,.app[data-tab="stats"] #vStats{display:block}
.board{display:none;min-width:0;container-type:inline-size;container-name:brd}
.app[data-tab="board"] .board{display:block}
.app[data-tab="board"] .maincol{display:none}
.vhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 12px 8px}
.vsub{font:400 12.5px/1.3 var(--f);font-stretch:84%;color:var(--steel);text-align:right}
.note{padding:0 12px 10px;font:400 13px/1.45 var(--f);font-stretch:88%;color:var(--fog);max-width:70ch}
.empty{padding:26px 16px;text-align:center;color:var(--fog);font:400 14px/1.5 var(--f);font-stretch:90%}
.empty .lnk{display:inline-block;margin-top:8px}

/* Buttons. Filled chalk is reserved for the one main action on a screen. */
.btn{flex:1 1 150px;height:46px;padding:0 18px;border:0;background:var(--lift);color:var(--chalk);font:italic 800 16px/1 var(--f);font-stretch:68%;text-transform:uppercase;letter-spacing:.03em;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}
.btn.pri{background:var(--chalk);color:var(--night)}
.btn.sm{flex:0 0 auto;height:36px;padding:0 15px;font-size:14px}
.btn.wide{flex:none;width:100%}
.btn:disabled{opacity:.55;cursor:default}
/* Chips: a chosen chip is outlined, never filled. */
.chips{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.chips .cl{margin-right:2px}
.chip{height:32px;min-width:40px;padding:0 10px;border:0;background:var(--deck);color:var(--fog);font:600 12.5px/1 var(--f);font-stretch:80%;letter-spacing:.03em;text-transform:uppercase}
.chip[aria-pressed="true"]{color:var(--chalk);box-shadow:inset 0 0 0 1.5px var(--chalk)}
.chip:disabled{opacity:.4;cursor:default}

/* ---------- signed-out pitch ---------- */
.pitch{margin:0 12px 12px;padding:16px 14px 14px;background:var(--deck);display:grid;gap:10px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.pitch h2{font-size:30px;line-height:.95}
.pitch p{font:400 14px/1.5 var(--f);font-stretch:92%;color:var(--fog);max-width:62ch}
.pitch .acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px;max-width:460px}
.pitch .free{font-size:13px;color:var(--steel)}
.verdict{border-left:3px solid var(--chalk);padding:2px 0 2px 10px;color:var(--chalk)!important}
.locked{margin:0 12px 12px;padding:22px 16px 18px;background:var(--deck);display:grid;gap:10px;justify-items:start;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.locked p{font:400 14px/1.5 var(--f);font-stretch:92%;color:var(--fog);max-width:56ch}
.locked .acts{display:flex;flex-wrap:wrap;gap:8px;width:100%;max-width:440px}
.free-tag{font:700 10px/1 var(--f);font-stretch:82%;letter-spacing:.06em;text-transform:uppercase;color:var(--night);background:var(--chalk);padding:3px 5px 2px}

/* ---------- peak board row and leader cards ---------- */
.peak{padding:0 0 12px}
.peak header,.card>header{display:flex;align-items:baseline;gap:10px;padding:0 12px 8px;flex-wrap:wrap}
.peak header p,.card>header p{flex:1 1 180px;font:400 12.5px/1.3 var(--f);font-stretch:84%;color:var(--steel)}
.peaks{display:flex;gap:6px;overflow-x:auto;padding:0 12px 4px;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:12px}
.peaks::-webkit-scrollbar{display:none}
.pk{flex:none;scroll-snap-align:start;width:150px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:8px;row-gap:1px;padding:9px 10px 9px;border:0;background:var(--deck);color:var(--chalk);text-align:left;position:relative;
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
.pk::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--a,#555) 50%,var(--b,#999) 50%)}
.pk-rk{grid-row:1/4;align-self:center;font:italic 900 34px/1 var(--f);font-stretch:62%;color:var(--rail);padding-left:4px;min-width:22px}
.pk.first .pk-rk{color:var(--chalk)}
.pk-nm{font:600 13.5px/1.15 var(--f);font-stretch:66%;text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-meta{font:400 11.5px/1.2 var(--f);font-stretch:82%;color:var(--steel);white-space:nowrap}
.pk-v{display:flex;align-items:center;gap:7px;font:800 21px/1.1 var(--f);font-stretch:80%;font-variant-numeric:tabular-nums}
.pk-v small{font:500 10.5px/1 var(--f);font-stretch:82%;color:var(--steel);text-transform:uppercase;letter-spacing:.04em}
.glyph .g0{stroke:var(--rail);stroke-width:1}
.glyph rect.phy{fill:var(--phy)} .glyph rect.emo{fill:var(--emo)} .glyph rect.itl{fill:var(--itl)} .glyph rect.itu{fill:var(--itu)}

.card{margin:0 0 16px;min-width:0}
.card .chips{padding:0 12px 8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.card .chips::-webkit-scrollbar{display:none}
.card .chips .chip{flex:none}
.leaders{display:grid;background:var(--deck)}
.ld-row{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(40px,26%) 46px;align-items:center;column-gap:8px;padding:7px 12px 7px 8px;border-bottom:1px solid var(--rule);position:relative}
.ld-row:last-child{border-bottom:0}
.ld-rk{font:italic 900 20px/1 var(--f);font-stretch:62%;color:var(--steel);text-align:center}
.ld-row.first{padding-block:11px}
.ld-row.first .ld-rk{font-size:34px;color:var(--chalk)}
.ld-row.first .pname .nm{font-size:17px}
.ld-bar{display:block;height:5px;background:var(--rail)}
.ld-bar i{display:block;height:100%;width:var(--w,0%);background:var(--chalk)}
.ld-v{font:800 16px/1 var(--f);font-stretch:80%;font-variant-numeric:tabular-nums;text-align:right}
.ld-v small{display:block;font:500 10px/1.2 var(--f);font-stretch:82%;color:var(--steel);text-transform:uppercase;letter-spacing:.04em}

/* ---------- filters ---------- */
.filters{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:6px;padding:0 12px 10px}
.chiprow{grid-column:1/-1;display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;margin-inline:-12px;padding-inline:12px}
.chiprow::-webkit-scrollbar{display:none}
.chiprow .chips{flex:none;flex-wrap:nowrap}
.chiprow .cl{display:none}
input[type="search"],input[type="date"],input[type="text"],input[type="email"],input[type="password"],select{height:42px;width:100%;min-width:0;border:0;border-radius:0;background:var(--deck);color:var(--chalk);padding:0 11px;font:500 16px/1 var(--f);font-stretch:86%;box-shadow:inset 0 -2px 0 var(--rail);-webkit-appearance:none;appearance:none}
input::placeholder{color:var(--steel)}
select{background-image:linear-gradient(45deg,transparent 50%,var(--fog) 50%),linear-gradient(135deg,var(--fog) 50%,transparent 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-size:5px 5px;background-repeat:no-repeat;padding-right:30px}
input:focus-visible,select:focus-visible{outline:0;box-shadow:inset 0 -2px 0 var(--chalk)}

/* ---------- the tower: score tables ---------- */
.rwrap{container-type:inline-size;container-name:rost;min-width:0}
.tbl{--cols:minmax(0,1fr) repeat(4,31px) 42px 32px;--gap:3px;background:var(--deck)}
.tbl.ro{--cols:minmax(0,1fr) repeat(4,33px) 44px}
.hrow,.row{display:grid;grid-template-columns:var(--cols);column-gap:var(--gap);align-items:center;padding-inline:12px 8px}
.hrow{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--night);padding-block:7px 6px;box-shadow:0 1px 0 var(--rail)}
.brd .hrow{position:static}
.th{font:600 10px/1 var(--f);font-stretch:80%;letter-spacing:.05em;text-transform:uppercase;color:var(--steel);background:none;border:0;border-radius:0;padding:2px 0 0;text-align:center;position:relative;min-width:0}
.th.l{text-align:left}
.th .hl{display:block;padding-bottom:5px}
.th.sc .hl{box-shadow:inset 0 -3px 0 var(--c)}
.th.act .hl{color:var(--chalk)}
.th.act::after{content:"";position:absolute;right:1px;top:1px;border:3.5px solid transparent;border-top-color:var(--chalk)}
.th.act[aria-sort="ascending"]::after{border-top-color:transparent;border-bottom-color:var(--chalk);top:-3px}
.w{display:none}
.row{position:relative;min-height:52px;padding-block:5px;border-bottom:1px solid var(--rule);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.row::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;background:linear-gradient(var(--a,#555) 50%,var(--b,#999) 50%)}
.row.lifting{opacity:.35}
.row.bye .c-name{opacity:.6}
.c-name{min-width:0;display:grid;gap:3px}
.pname{display:block;max-width:100%;min-width:0;text-align:left;background:none;border:0;padding:0;color:var(--chalk);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nm{font:600 14.5px/1.15 var(--f);font-stretch:66%;text-transform:uppercase;letter-spacing:.012em}
.fn{display:none}
.rk{display:inline-block;min-width:17px;margin-right:4px;font:italic 800 13px/1 var(--f);font-stretch:66%;color:var(--steel)}
.star-on{display:inline-block;margin-left:5px;vertical-align:-1px;color:var(--chalk)}
.meta{display:flex;align-items:center;gap:6px;min-width:0;font:400 11.5px/1.2 var(--f);font-stretch:82%;color:var(--steel);white-space:nowrap;overflow:hidden}
.tag{flex:none;font:700 10px/1 var(--f);font-stretch:80%;letter-spacing:.04em;color:var(--fog);background:var(--lift);padding:3px 4px 2px}
.tag.res{background:none;box-shadow:inset 0 0 0 1px var(--rail);color:var(--steel)}
.tag.cnt2{background:var(--chalk);color:var(--night)}
.pts{color:var(--fog);font-variant-numeric:tabular-nums}
.pts b{font-weight:700;color:var(--chalk)}
.scs{display:contents}
.sc{text-align:center;min-width:0}
.sc b{display:block;font:600 13px/1.2 var(--f);font-stretch:78%;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--chalk)}
.sc.neg b{color:var(--fog)}
.sc.na b{color:var(--steel)}
.sc i{display:block;height:3px;margin-top:4px;position:relative;background:linear-gradient(var(--steel),var(--steel)) center/1px 100% no-repeat,var(--rail)}
.sc i::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:calc(var(--m,0)*.5%);background:var(--c)}
.sc.neg i::after{left:auto;right:50%;background:repeating-linear-gradient(90deg,var(--c) 0 2px,transparent 2px 4px)}
.sc.avg{background:var(--lift);align-self:stretch;display:grid;align-content:center;padding:0 2px}
.sc.avg b{font-size:15.5px;font-weight:800;color:var(--chalk)}
.sc.avg.neg b{color:var(--fog)}
.sc.avg i{margin-top:3px}
.sc.lead b{font-weight:900;color:var(--chalk)}
/* Rising or falling on game day: a small arrow above the number (Compare only). */
.sc.t-up,.sc.t-dn{position:relative}
.sc.t-up::before,.sc.t-dn::before{content:"";position:absolute;left:50%;top:-5px;margin-left:-3.5px;border:3.5px solid transparent}
.sc.t-up::before{border-top:0;border-bottom:4.5px solid var(--chalk)}
.sc.t-dn::before{border-bottom:0;border-top:4.5px solid var(--steel)}
.sc.avg.t-up::before,.sc.avg.t-dn::before{top:3px}
.grip{-webkit-tap-highlight-color:transparent;width:32px;height:40px;display:grid;place-items:center;border:0;background:none;color:var(--fog);touch-action:none;cursor:grab;padding:0}
.grip svg{width:18px;height:18px}
.grip[aria-pressed="true"]{color:var(--chalk)}
.fav{-webkit-tap-highlight-color:transparent;width:28px;height:40px;display:grid;place-items:center;background:none;border:0;color:var(--steel);padding:0}
.fav[aria-pressed="true"]{color:var(--chalk)}
.c-star{display:none}
/* Game groups */
.grp{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:10px;width:100%;min-height:46px;padding:6px 10px 6px 12px;border:0;border-bottom:1px solid var(--rail);background:var(--night);color:var(--chalk);text-align:left}
.g-teams{display:flex;align-items:center;gap:7px;min-width:0;font:700 15px/1 var(--f);font-stretch:72%;letter-spacing:.02em}
.g-teams em{font:normal 800 16px/1 var(--f);font-stretch:78%;font-variant-numeric:tabular-nums}
.g-teams .lost{color:var(--steel)}
.g-teams .at{font:400 12px/1 var(--f);font-stretch:84%;color:var(--steel);margin:0 2px}
.g-st{font:500 12px/1.2 var(--f);font-stretch:82%;color:var(--fog);text-align:right;white-space:nowrap}
.chev{width:14px;height:14px;fill:none;stroke:var(--steel);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.grp[aria-expanded="true"] .chev{transform:rotate(90deg)}
.sub{display:flex;align-items:center;gap:8px;padding:7px 12px 6px;background:var(--lift);font:600 12px/1.2 var(--f);font-stretch:76%;text-transform:uppercase;letter-spacing:.04em}
.sub b{font-weight:inherit;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sub span{margin-left:auto;font:400 11.5px/1.2 var(--f);font-stretch:84%;text-transform:none;letter-spacing:0;color:var(--fog);white-space:nowrap}
.tbl.ro .row{cursor:default}
@media (hover:hover){
  .row:hover{background:var(--lift)}
  .tbl:not(.ro) .row{cursor:grab}
  .pname{cursor:pointer}
  .pname:hover .nm{text-decoration:underline;text-underline-offset:3px}
  button.th:hover .hl,.grip:hover,.fav:hover{color:var(--chalk)}
  .grp:hover{background:var(--deck)}
}
@container rost (min-width:560px){
  .tbl{--cols:minmax(0,1fr) 54px repeat(4,40px) 52px 34px;--gap:5px}
  .tbl.ro{--cols:minmax(0,1fr) 54px repeat(4,42px) 54px}
  .tbl .w{display:block}
  .fn{display:inline}.fi{display:none}
  .meta .pts{display:none}
  .sc b{font-size:14px}
  .sc.avg b{font-size:17px}
}
@container rost (min-width:820px){
  .tbl:not(.brd){--cols:28px minmax(170px,1fr) 150px 58px repeat(4,56px) 68px 36px;--gap:6px}
  .tbl.ro{--cols:minmax(170px,1fr) 150px 58px repeat(4,58px) 70px}
  .tbl:not(.brd) .c-star{display:block}
  .tbl:not(.brd) .star-on{display:none}
  .tbl:not(.brd) .w2{display:block}
  .hrow,.row{padding-inline:14px 10px}
  .nm{font-size:15.5px}
}
.w,.w2{font:500 12.5px/1.2 var(--f);font-stretch:82%;color:var(--fog);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w2{display:none}
.w.r{text-align:right}
.w b{font-weight:800;color:var(--chalk)}
.hrow .w,.hrow .w2{font:600 10px/1 var(--f);font-stretch:80%;letter-spacing:.05em;text-transform:uppercase;color:var(--steel)}

/* ---------- board ---------- */
.bacts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px 16px}
.lname{padding:0 12px 8px;font:400 12.5px/1.4 var(--f);font-stretch:86%;color:var(--fog);overflow-wrap:anywhere}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:0 12px 10px}
.seg button{position:relative;height:44px;border:0;background:var(--deck);color:var(--steel);font:italic 800 17px/1 var(--f);font-stretch:66%;text-transform:uppercase;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:8px}
.seg button[aria-selected="true"]{color:var(--chalk);box-shadow:inset 0 -3px 0 var(--chalk)}
.seg .cnt{font-style:normal}
.dragging .seg button{box-shadow:inset 0 0 0 2px var(--rail);color:var(--chalk)}
.dragging .seg button.over{background:var(--chalk);color:var(--night)}
.zone{min-width:0;margin-bottom:14px}
.zone[hidden]{display:none}
.zhead{display:none;align-items:baseline;gap:8px;padding:0 12px 8px}
.dragging .zone.over .tbl,.dragging .zone.over .week,.dragging .zone.over .empty{box-shadow:inset 0 0 0 2px var(--chalk)}
.dragging,.dragging *{cursor:grabbing!important}
.tbl.brd .hrow{background:var(--deck)}
.slot{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:stretch;border-bottom:1px solid var(--rule);background:var(--deck)}
.slot-tag{display:grid;place-items:center;background:var(--lift);font:700 11px/1 var(--f);font-stretch:78%;letter-spacing:.04em;color:var(--fog)}
.slot .row{border-bottom:0;padding-left:10px}
.slot .row::before{left:0}
.slot-open{display:flex;align-items:center;min-height:46px;padding:0 12px;border:0;background:none;color:var(--steel);font:400 13px/1.3 var(--f);font-stretch:88%;text-align:left;width:100%}
.week{background:var(--deck);padding:12px 12px 10px;margin-bottom:2px;display:grid;gap:8px}
.week-top{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.week-avg{font:italic 900 46px/.85 var(--f);font-stretch:70%;font-variant-numeric:tabular-nums}
.week-top p{flex:1 1 150px;font:400 12.5px/1.4 var(--f);font-stretch:86%;color:var(--fog)}
.week-top p b{color:var(--chalk);font-weight:700}
.week-cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.week-cells .sc b{font-size:15px}
.week-cells .sc span{display:block;font:600 9.5px/1 var(--f);font-stretch:80%;letter-spacing:.05em;text-transform:uppercase;color:var(--steel);margin-bottom:3px}

/* Compare: the overlay chart and the head-to-head */
.over-wrap{background:var(--deck);padding:10px 8px 6px;margin-bottom:2px;min-width:0}
.over-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:0 4px 6px}
.over-top p{flex:1 1 140px;font:400 12px/1.3 var(--f);font-stretch:84%;color:var(--steel)}
.readout{display:flex;flex-wrap:wrap;gap:2px 12px;align-items:baseline;font:400 12.5px/1.45 var(--f);font-stretch:84%;color:var(--fog);padding:0 4px;min-height:40px}
.readout .rd{flex:1 0 100%;color:var(--chalk);font-weight:600}
.readout b{font:700 13px/1 var(--f);font-stretch:80%;font-variant-numeric:tabular-nums;color:var(--chalk)}
.readout .key{display:inline-block;width:14px;height:3px;background:var(--c);vertical-align:3px}
.readout .n{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--chalk);color:var(--night);font:800 10.5px/1 var(--f);font-stretch:80%;vertical-align:-2px;margin-right:2px}
.chart{display:block;max-width:100%;touch-action:pan-y}
.chart text{font:500 11px var(--f);font-stretch:82%;fill:var(--steel)}
.chart text.em,.chart text.glt{fill:var(--chalk);font-weight:700}
.chart text.el{fill:var(--fog);font-weight:600}
.chart .gr{stroke:var(--rule);stroke-width:1}
.chart .ax{stroke:var(--rail);stroke-width:1}
.chart .gl{stroke:var(--chalk);stroke-width:1.5}
.chart .chl{stroke:var(--fog);stroke-width:1}
.chart .ln{fill:none;stroke:var(--c);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.chart .ld{stroke:var(--c,var(--steel));stroke-width:1.5}
.chart .dot{fill:var(--c);stroke:var(--deck);stroke-width:2}
.chart .band{fill:var(--lift)}
.over .ln{stroke:var(--c);stroke-width:2;opacity:.9}
.over.avg{--c:var(--chalk)} .over.phy{--c:var(--phy)} .over.emo{--c:var(--emo)} .over.itl{--c:var(--itl)} .over.itu{--c:var(--itu)}
.over .ln.lead,.over .ln.hot{stroke-width:3.4;opacity:1}
.over .ln.dim{opacity:.38}
.over .ld{stroke:var(--steel)}
.over .dot{fill:var(--c)}
.bead circle{fill:var(--chalk);stroke:var(--deck);stroke-width:2}
.bead text{fill:var(--night)!important;font:800 11px var(--f)!important;font-stretch:80%}
.bead.dim,.tie.dim{opacity:.45}
.tie line{stroke:var(--fog);stroke-width:1.2}
.tie circle{fill:var(--chalk);stroke:var(--deck);stroke-width:1.5}
.tape{background:var(--deck);padding:12px 12px 10px;margin-bottom:2px;display:grid;gap:9px}
.tape-names{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px}
.tape-nm{display:grid;gap:3px;min-width:0;padding-left:9px;position:relative}
.tape-nm::before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:4px;background:linear-gradient(var(--a,#555) 50%,var(--b,#999) 50%)}
.tape-nm.r{padding-left:0;padding-right:9px;text-align:right;justify-items:end}
.tape-nm.r::before{left:auto;right:0}
.tape-nm b{font:italic 800 17px/1 var(--f);font-stretch:64%;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.tape-nm span{font:400 11.5px/1.2 var(--f);font-stretch:82%;color:var(--steel);white-space:nowrap}
.tape-tally{font:italic 900 24px/1 var(--f);font-stretch:66%;white-space:nowrap}
.tape-row{display:grid;grid-template-columns:38px minmax(0,1fr) 74px minmax(0,1fr) 38px;align-items:center;gap:6px}
.tape-row .lab{text-align:center;font:600 10.5px/1.1 var(--f);font-stretch:80%;letter-spacing:.04em;text-transform:uppercase;color:var(--steel)}
.tape-row .val{font:600 14px/1 var(--f);font-stretch:80%;font-variant-numeric:tabular-nums;color:var(--fog)}
.tape-row .val.win{font-weight:900;color:var(--chalk)}
.tape-row .val.r{text-align:right}
.tape-bar{display:block;height:7px;background:var(--rail);position:relative}
.tape-bar i{position:absolute;top:0;bottom:0;right:0;width:var(--w,0%);background:var(--c,var(--chalk));opacity:.55}
.tape-bar.r i{right:auto;left:0}
.tape-bar.win i{opacity:1}
.tape-bar.neg i{background:repeating-linear-gradient(90deg,var(--c,var(--chalk)) 0 3px,transparent 3px 6px)}
.tape-note{font:400 12px/1.4 var(--f);font-stretch:86%;color:var(--steel)}
@container brd (min-width:880px){
  .seg{display:none}
  .zones{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;align-items:start}
  .zone[hidden]{display:block!important}
  .zhead{display:flex}
}

/* ---------- lists ---------- */
.saveform{margin:0 12px 12px;padding:12px;background:var(--deck);display:grid;gap:8px}
.frow{display:flex;gap:6px;min-width:0}
.frow input{flex:1 1 auto}
.frow .btn{flex:0 0 auto}
.lcards{display:grid;gap:8px;padding:0 12px 12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.lcard{background:var(--deck);padding:13px 13px 12px;display:grid;gap:8px;align-content:start;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.lcard.open{box-shadow:inset 3px 0 0 var(--chalk)}
.lcard h3{overflow-wrap:anywhere;line-height:1.05}
.lc-meta{font:400 12.5px/1.35 var(--f);font-stretch:84%;color:var(--steel)}
.lc-avg{display:flex;align-items:flex-end;gap:12px}
.lc-avg b{font:italic 900 34px/.9 var(--f);font-stretch:70%;font-variant-numeric:tabular-nums}
.lc-avg span{font:400 12px/1.35 var(--f);font-stretch:84%;color:var(--fog)}
.lc-names{font:400 12.5px/1.4 var(--f);font-stretch:84%;color:var(--fog)}
.lc-acts{display:flex;align-items:center;gap:14px;margin-top:2px}

/* ---------- stats ---------- */
.statgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.cvf{margin:0 12px;padding:16px 14px 14px;background:var(--deck);display:grid;gap:12px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.cvf>p{font:400 13.5px/1.5 var(--f);font-stretch:90%;color:var(--fog);max-width:66ch}
.cvf-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cvf-box{background:var(--lift);padding:11px 11px 10px;display:grid;gap:3px}
.cvf-box b{font:italic 900 34px/.95 var(--f);font-stretch:70%;font-variant-numeric:tabular-nums}
.cvf-box span{font:400 12px/1.35 var(--f);font-stretch:84%;color:var(--fog)}
.tiles3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 12px 10px}
.tile3{background:var(--deck);padding:10px 10px 9px;display:grid;gap:2px}
.tile3 b{font:italic 900 28px/1 var(--f);font-stretch:70%;font-variant-numeric:tabular-nums}

/* ---------- sheets (dialogs) ---------- */
dialog{border:0;background:var(--deck);color:var(--chalk);padding:0;width:min(780px,calc(100vw - 16px));max-width:none;max-height:min(92vh,900px);overflow:auto;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
dialog::backdrop{background:var(--scrim)}
.dbody{padding:16px 14px;display:grid;gap:14px}
.dhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.dhead>div:first-child{min-width:0;padding-left:11px;position:relative}
.dhead>div.flagged::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:5px;background:linear-gradient(var(--a,#555) 50%,var(--b,#999) 50%)}
.dhead h2{font-size:32px;line-height:.92;overflow-wrap:anywhere}
.dmeta{font:400 13px/1.4 var(--f);font-stretch:88%;color:var(--fog);margin-top:6px}
.dmeta b{color:var(--chalk);font-weight:600}
.dbtns{display:flex;gap:6px;flex:none}
.x{flex:none;width:40px;height:40px;display:grid;place-items:center;border:0;background:var(--lift);color:var(--chalk);padding:0}
.x .fav{width:40px;height:40px}
.readline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.5fr);gap:6px}
.rcell{background:var(--night);padding:9px 8px 9px;display:grid;gap:3px;min-width:0}
.rcell .lbl{display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden}
.rcell .key{flex:none;width:10px;height:3px;background:var(--c)}
.rcell .v{font:800 23px/1.05 var(--f);font-stretch:80%;font-variant-numeric:tabular-nums}
.rcell .ph{font:400 11.5px/1.2 var(--f);font-stretch:80%;color:var(--fog)}
.rcell .sc i{margin-top:5px;height:4px}
.rcell.all{background:var(--lift);box-shadow:inset 0 3px 0 var(--chalk)}
.rcell.all .v{font-size:32px;font-style:italic;font-weight:900;font-stretch:72%}
.seasonline{display:grid;gap:6px;background:var(--night);padding:11px 12px}
.seasonline p{font:400 13.5px/1.45 var(--f);font-stretch:90%;color:var(--fog)}
.seasonline p b{color:var(--chalk);font-weight:700;font-variant-numeric:tabular-nums}
.splits{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.split{background:var(--night);padding:10px 11px;display:grid;gap:2px}
.split b{font:italic 900 28px/1 var(--f);font-stretch:70%;font-variant-numeric:tabular-nums}
.split span{font:400 12px/1.35 var(--f);font-stretch:84%;color:var(--fog)}
.chartbox{margin:0;min-width:0}
.cap{font:italic 800 16px/1.1 var(--f);font-stretch:66%;text-transform:uppercase;letter-spacing:.015em}
.chint{font:400 12px/1.4 var(--f);font-stretch:86%;color:var(--steel);margin-top:4px}
.scap{font:400 12.5px/1.4 var(--f);font-stretch:86%;color:var(--fog);margin:5px 0 7px;min-height:18px}
.sbars{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:3px}
.sb{display:grid;gap:3px;align-content:start;background:var(--night);border:0;padding:6px 2px 6px;min-width:0;color:var(--chalk)}
.sb.cur{box-shadow:inset 0 0 0 1.5px var(--chalk)}
.sb.bye{opacity:.55}
.swk{font:600 9.5px/1 var(--f);font-stretch:80%;color:var(--steel);text-align:center}
.sb .sc b{font-size:12px}
.sb .sc.na b{font-size:10px}
.sb .fp{font:700 11px/1.1 var(--f);font-stretch:80%;font-variant-numeric:tabular-nums;text-align:center;color:var(--fog);min-height:12px}
.unit ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0 16px;margin-top:6px}
.unit li{display:flex;align-items:baseline;gap:8px;border-bottom:1px solid var(--rule);padding:6px 0;font:400 13px/1.3 var(--f);font-stretch:88%}
.unit .up{flex:none;width:34px;font:600 10.5px/1 var(--f);font-stretch:80%;color:var(--steel)}
.unit .un{flex:1;min-width:0}
.unit b{font:700 12.5px/1 var(--f);font-stretch:80%;font-variant-numeric:tabular-nums}
.dactions{display:flex;flex-wrap:wrap;gap:6px}
.resnote{font:400 13px/1.45 var(--f);font-stretch:90%;color:var(--fog);border-left:3px solid var(--steel);padding-left:9px}
#actDlg,#acctDlg,#wkDlg{width:min(460px,calc(100vw - 16px))}
#actDlg .dactions .btn{flex:1 1 100%}
#actDlg .tbl{background:var(--night)}
.form{display:grid;gap:12px}
.fld{display:grid;gap:6px;min-width:0}
.fld input{background:var(--night);height:46px}
.ferr{font:500 13.5px/1.4 var(--f);font-stretch:90%;color:var(--chalk);border-left:3px solid var(--bad);padding:2px 0 2px 9px}
.fnote{font:400 13px/1.5 var(--f);font-stretch:90%;color:var(--fog)}
.fnote.lead{color:var(--chalk);font-weight:500}
.wklist{display:grid;gap:2px}
.wkrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:10px;width:100%;padding:11px 10px;border:0;background:var(--night);color:var(--chalk);text-align:left}
.wkrow b{font:italic 800 17px/1 var(--f);font-stretch:66%;text-transform:uppercase}
.wkrow span{font:400 12.5px/1.2 var(--f);font-stretch:84%;color:var(--fog)}
.wkrow em{font:500 11.5px/1 var(--f);font-stretch:82%;font-style:normal;color:var(--steel)}
.wkrow[aria-current="true"]{box-shadow:inset 3px 0 0 var(--chalk)}
.how{display:grid;gap:10px}
.how p,.how li{font:400 13.5px/1.55 var(--f);font-stretch:92%;color:var(--fog)}
.how b{color:var(--chalk);font-weight:600}
.how .keys{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.how .keys li{display:flex;align-items:center;gap:8px}
.how .key{flex:none;width:18px;height:4px;background:var(--c)}

.foot{padding:8px 12px 0;display:grid;gap:6px;max-width:92ch;font:400 12.5px/1.55 var(--f);font-stretch:90%;color:var(--steel)}
.foot b{color:var(--fog);font-weight:600}
#ghost{position:fixed;left:0;top:0;z-index:100;pointer-events:none;background:var(--chalk);color:var(--night);padding:8px 12px;font:700 14px/1.2 var(--f);font-stretch:70%;text-transform:uppercase;white-space:nowrap;will-change:transform}
#ghost span{display:block;font:400 11.5px/1.2 var(--f);font-stretch:84%;text-transform:none;margin-top:2px}
#toast{position:fixed;left:50%;bottom:calc(var(--dock) + 14px + env(safe-area-inset-bottom,0px));z-index:120;transform:translateX(-50%);max-width:calc(100vw - 24px);background:var(--chalk);color:var(--night);padding:9px 14px;font:600 13px/1.3 var(--f);font-stretch:86%;opacity:0;pointer-events:none;transition:opacity .18s;text-align:center}
#toast.show{opacity:1}

/* ---------- wider screens ---------- */
@media (min-width:600px){
  .chiprow .cl{display:inline}
  .tabs{display:flex;gap:4px;padding:0 12px;box-shadow:inset 0 -1px 0 var(--rail)}
  .tabs a{position:relative;display:flex;align-items:center;gap:7px;height:44px;padding:0 14px;text-decoration:none;color:var(--steel);font:italic 800 17px/1 var(--f);font-stretch:66%;text-transform:uppercase;letter-spacing:.02em}
  .tabs a[aria-current="page"]{color:var(--chalk)}
  .tabs a[aria-current="page"]::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;background:var(--chalk);transform:skewX(var(--lean))}
  .tabs .cnt{font-style:normal}
  .rail .rt{display:none}
  .rail{background:none;box-shadow:none;pointer-events:none;grid-template-columns:1fr 1fr;max-width:520px;margin:0 auto}
  .dragging .rail{pointer-events:auto}
  .app{padding-bottom:40px}
  #toast{bottom:26px}
  .sbars{grid-template-columns:repeat(18,minmax(0,1fr))}
  .bug{height:60px}
  .wordmark{font-size:26px}
  .mark{width:26px;height:26px}
  .dbody{padding:20px}
}
@media (min-width:1180px){
  .app{padding-inline:20px;gap:14px}
  .cols{grid-template-columns:minmax(0,1fr) 440px;gap:20px;align-items:start}
  .app[data-tab="board"] .cols{grid-template-columns:minmax(0,1fr)}
  .board{display:block;position:sticky;top:10px;max-height:calc(100vh - 20px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .app[data-tab="board"] .board{position:static;max-height:none;overflow:visible}
  .rail{display:none}
  .bug,.wk,.strip,.tabs,.vhead,.filters,.note,.peak header,.card>header,.peaks,.lcards,.seg,.lname,.tiles3,.card .chips{padding-inline:0}
  .pitch,.locked,.saveform,.cvf{margin-inline:0}
  .chiprow{margin-inline:0;padding-inline:0}
  .sector{left:0;right:0}
  .strip{padding-inline:0}
}
@media (prefers-reduced-motion:no-preference){
  .gt{animation:slide .34s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--i,0)*22ms)}
  .chart .ln{animation:draw .5s ease-out}
  @keyframes slide{from{opacity:0;transform:translateX(18px)}}
  @keyframes draw{from{opacity:0}}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}