/* gw-player.css — the player page (/players/<name>.html). Phone first: everything is laid out for a
   390px screen and widens to a 760px column. Brand: #05080e ground, green for fantasy, teal for
   dynasty, gold for rank callouts, purple for research. Barlow Condensed for names and numbers,
   Barlow for reading, JetBrains Mono for labels and table figures. */
:root{
  --bg:#05080e;--card:#0a0f17;--card2:#0d131c;--line:#151c27;--line2:#1f2a38;--line3:#2a3748;
  --text:#eef2f8;--dim:#9aa8bb;--mute:#6f7f94;--faint:#3a4658;
  --green:#00e676;--teal:#00d4ff;--gold:#ffb700;--purple:#a78bfa;--red:#ff5c5c;--slate:#3d5a80;
  --good:#00e676;--bad:#ff6b5e;--warn:#ffb700;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --cond:'Barlow Condensed','Arial Narrow',sans-serif;
  --sans:Barlow,system-ui,-apple-system,sans-serif;
  color-scheme:dark
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--bg);scroll-padding-top:58px}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
a{color:var(--teal);text-decoration:none}
button{font:inherit;color:inherit}
.pp{max-width:760px;margin:0 auto;padding:0 16px 48px}

/* ── scoring format: values carry all three, the page shows one ───────────── */
html[data-fmt=ppr] .fg:not(.fg-ppr),html[data-fmt=half] .fg:not(.fg-half),html[data-fmt=std] .fg:not(.fg-std){display:none}
html:not([data-fmt]) .fg:not(.fg-half){display:none}

/* ── hero ─────────────────────────────────────────────────────────────── */
.hero{padding:18px 0 4px;position:relative}
.hero-top{display:flex;gap:14px;align-items:flex-end}
.ph{position:relative;width:96px;height:96px;flex:none}
.ph .face{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:top center;background:radial-gradient(circle at 50% 30%,#18222f,#0b1119);border:2px solid var(--line3);display:block}
.ph .ini{width:96px;height:96px;border-radius:50%;background:#101822;border:2px solid var(--line3);display:flex;align-items:center;justify-content:center;font:800 34px var(--cond);color:var(--mute)}
.ph .tl{position:absolute;right:-4px;bottom:-2px;width:36px;height:36px;border-radius:50%;background:#0b1119;border:2px solid var(--bg);padding:4px;object-fit:contain}
.id{min-width:0;flex:1;padding-bottom:2px}
.kick{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kick .sep{color:var(--faint);margin:0 5px}
h1{font:800 clamp(34px,10vw,48px)/.9 var(--cond);letter-spacing:.005em;text-transform:uppercase;margin:0;color:#fff;word-break:break-word}
.bio{font:500 13px/1.45 var(--sans);color:var(--dim);margin-top:7px}
.bio b{color:var(--text);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--line2);background:var(--card);font:600 12.5px var(--sans);color:var(--dim);white-space:nowrap}
.chip b{color:var(--text);font-weight:700}
.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--mute);flex:none}
.chip.healthy .dot{background:var(--green)}.chip.questionable .dot{background:var(--gold)}.chip.doubtful .dot{background:#ff8a3d}.chip.out .dot{background:var(--red)}
.chip.out{border-color:rgba(255,92,92,.45);color:#ffc9c4}.chip.questionable{border-color:rgba(255,183,0,.4)}
a.chip:active{background:var(--card2)}

.seg{display:flex;background:var(--card);border:1px solid var(--line2);border-radius:12px;overflow:hidden;margin:16px 0 0}
.seg button{flex:1;min-height:44px;border:0;background:transparent;color:var(--dim);font:700 15px var(--cond);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.seg button+button{border-left:1px solid var(--line2)}
.seg button[aria-pressed=true]{background:var(--green);color:#032614}
.seg-note{font:500 11px var(--mono);color:var(--mute);text-align:center;margin:6px 0 0;letter-spacing:.04em}

.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 0}
.kpi{display:flex;flex-direction:column;gap:2px;padding:11px 11px 12px;border-radius:13px;background:var(--card);border:1px solid var(--line);color:var(--text);min-width:0}
.kpi .l{font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi b{font:800 30px/1 var(--cond);letter-spacing:.01em;margin-top:5px}
.kpi .s{font:500 12px/1.35 var(--sans);color:var(--dim);margin-top:4px}
.kpi.wk b{color:var(--green)}.kpi.dy b{color:var(--teal)}.kpi.ro b{color:#fff}
.kpi .na{color:var(--mute)}
.acts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 0}
.act{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;border-radius:12px;border:1px solid var(--line2);background:transparent;color:var(--text);font:600 11.5px var(--sans);cursor:pointer;text-align:center;padding:6px 4px}
.act svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--green)}
.act:active{background:var(--card2)}

/* ── section nav (sticky) ─────────────────────────────────────────────── */
.snav{position:sticky;top:0;z-index:50;margin:16px -16px 0;padding:0 16px;background:rgba(5,8,14,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.snav-in{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 12px}
.snav-in::-webkit-scrollbar{display:none}
.snav a{flex:none;display:flex;align-items:center;min-height:46px;padding:0 10px;font:700 14px var(--cond);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);white-space:nowrap;box-shadow:inset 0 -2px 0 transparent}
.snav a.on{color:#fff;box-shadow:inset 0 -2px 0 var(--green)}

/* ── sections ─────────────────────────────────────────────────────────── */
.sec{padding:26px 0 2px}
.sh{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;flex-wrap:wrap}
.sh .n{font:700 11px var(--mono);color:var(--green);letter-spacing:.1em}
.sh h2{font:800 25px/1 var(--cond);text-transform:uppercase;letter-spacing:.02em;margin:0;color:#fff}
.sh .asof{font:500 11px var(--mono);color:var(--mute);letter-spacing:.03em;margin-left:auto}
h3{font:700 16px/1.2 var(--cond);letter-spacing:.07em;text-transform:uppercase;color:var(--dim);margin:20px 0 9px}
h3 .q{font:500 11px var(--mono);letter-spacing:.02em;text-transform:none;color:var(--mute);margin-left:6px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}
.card+.card{margin-top:10px}
.card.flat{background:transparent}
.lab{font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.note{font:500 12.5px/1.55 var(--sans);color:var(--mute);margin:10px 0 0}
.note b{color:var(--dim);font-weight:600}
.p{font:400 15px/1.6 var(--sans);color:var(--text);margin:0}
.p+.p{margin-top:9px}
.dimp{color:var(--dim)}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.up{color:var(--good)}.dn{color:var(--bad)}.flat{color:var(--dim)}
.empty{font:500 13.5px/1.55 var(--sans);color:var(--mute);padding:6px 0}

/* stat tiles */
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.tiles.t3{grid-template-columns:repeat(3,1fr)}
@media(min-width:620px){.tiles{grid-template-columns:repeat(4,1fr)}.tiles.t3{grid-template-columns:repeat(3,1fr)}}
.tile{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 12px;min-width:0}
.tile .l{font:600 10px var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile .v{font:700 27px/1.05 var(--cond);margin-top:5px;color:#fff}
.tile .v small{font:600 14px var(--cond);color:var(--dim);margin-left:3px}
.tile .s{font:500 12px/1.35 var(--sans);color:var(--dim);margin-top:3px}
.tile.cg .v{color:var(--green)}.tile.ct .v{color:var(--teal)}.tile.cy .v{color:var(--gold)}

/* the read */
.call{display:flex;gap:12px;align-items:flex-start}
.callchip{flex:none;font:800 14px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;padding:7px 10px;border-radius:8px;background:#11202a;color:var(--teal);border:1px solid rgba(0,212,255,.3)}
.callchip.up{background:#06231a;color:var(--green);border-color:rgba(0,230,118,.35)}
.callchip.down{background:#2a1110;color:#ff9c94;border-color:rgba(255,92,92,.35)}
.head{font:700 17px/1.3 var(--cond);letter-spacing:.02em;color:#fff}
.why{font:400 14.5px/1.55 var(--sans);color:var(--dim);margin-top:4px}
.reads{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.read{border:1px solid var(--line2);border-radius:10px;padding:9px 10px;text-align:center}
.read .l{font:600 9.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.read b{display:block;font:800 22px/1.05 var(--cond);margin-top:4px;color:#fff}
.read.na b{color:var(--faint)}
.bul{list-style:none;padding:0;margin:0}
.bul li{position:relative;padding:0 0 0 16px;font:500 14px/1.5 var(--sans);color:var(--text);margin:0 0 6px}
.bul li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:2px;background:var(--green)}
.bul.con li::before{background:var(--bad)}

/* charts (inline SVG) */
.chart{display:block;width:100%;height:auto;overflow:visible}
.chart text{font-family:var(--mono);font-size:10px;fill:var(--mute)}
.chart .tx{fill:var(--dim)}.chart .tb{fill:#fff;font-weight:700}
.chart .ct{font-family:var(--cond);font-weight:700;font-size:13px;fill:#fff}
.chart .gr{stroke:#141c27;stroke-width:1}
.chart .ax{stroke:#243041;stroke-width:1}
.chart [data-tip]{cursor:pointer}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 8px;font:500 12px var(--sans);color:var(--dim)}
.legend i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}
.legend i.sq{width:10px;height:10px;border-radius:3px}

/* range rail */
.rail{position:relative;height:56px;margin:8px 4px 0}
.rail .tr{position:absolute;left:0;right:0;top:22px;height:4px;border-radius:2px;background:#141d29}
.rail .band{position:absolute;top:19px;height:10px;border-radius:5px;background:linear-gradient(90deg,rgba(0,230,118,.55),rgba(0,230,118,.18))}
.rail .mk{position:absolute;top:13px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:var(--bg);border:3px solid var(--green)}
.rail .ml{position:absolute;top:40px;transform:translateX(-50%);font:600 11px var(--mono);color:var(--dim);white-space:nowrap}
.rail .ml.now{color:#fff}
.rail .el{position:absolute;top:0;transform:translateX(-50%);font:600 10px var(--mono);color:var(--mute);white-space:nowrap}

/* gauge 1..32 */
.gauge{position:relative;height:40px;margin:6px 2px 0}
.gauge .tr{position:absolute;left:0;right:0;top:12px;height:8px;border-radius:4px;background:linear-gradient(90deg,#ff6b5e,#4a5363 50%,#00e676)}
.gauge .mk{position:absolute;top:6px;width:4px;height:20px;margin-left:-2px;border-radius:2px;background:#fff;box-shadow:0 0 0 3px var(--card)}
.gauge .e{position:absolute;top:26px;font:600 10px var(--mono);color:var(--mute)}
.gauge .e.r{right:0}

/* matchup header */
.mu{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mu .tm{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px}
.mu .tm img{width:46px;height:46px;object-fit:contain}
.mu .tm span{font:700 13px var(--cond);letter-spacing:.08em;color:var(--dim)}
.mu .mid{text-align:center;flex:1}
.mu .mid .at{font:800 22px var(--cond);color:#fff;letter-spacing:.05em}
.mu .mid .when{font:500 12.5px var(--sans);color:var(--dim)}
.envs{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;justify-content:center}
.env{font:600 12px var(--mono);color:var(--text);border:1px solid var(--line2);border-radius:8px;padding:5px 8px}
.env span{color:var(--mute);margin-right:5px}
.proj{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.proj .big{font:800 54px/.9 var(--cond);color:var(--green)}
.proj .big small{font:700 16px var(--cond);color:var(--dim);margin-left:4px}
.proj .side{padding-bottom:3px}
.proj .rk{font:800 20px var(--cond);color:#fff}
.proj .tier{font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.statline{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.statline span{font:600 12.5px var(--mono);border-radius:8px;background:#0f1722;padding:6px 9px;color:var(--text)}
.statline span i{font-style:normal;color:var(--mute);margin-left:4px}

/* zone map */
.zmap{display:grid;grid-template-columns:62px repeat(3,1fr);gap:4px;margin-top:6px}
.zmap .rh{font:600 10px/1.2 var(--mono);color:var(--mute);letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center}
.zmap .ch{font:600 10px var(--mono);color:var(--mute);letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:2px 0}
.zc{position:relative;border-radius:9px;padding:7px 6px 6px;min-height:66px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;border:1px solid rgba(255,255,255,.04)}
.zc .pg{font:800 19px/1 var(--cond);color:#fff}
.zc .rk{font:600 10.5px var(--mono);color:rgba(255,255,255,.82)}
.zc .me{position:absolute;right:5px;top:5px;font:700 10.5px var(--mono);color:#03140b;background:var(--green);border-radius:6px;padding:1px 5px}
.zc .me.lo{background:rgba(255,255,255,.16);color:#fff}
.zfield{border-radius:12px;padding:8px;background:repeating-linear-gradient(180deg,#0b1a12 0 26px,#0d1d14 26px 52px);border:1px solid #13261b}
.zlos{grid-column:2/5;height:2px;background:rgba(255,255,255,.35);border-radius:1px;margin:2px 0}
.zkey{display:flex;align-items:center;gap:8px;margin-top:10px;font:500 11.5px var(--sans);color:var(--dim);flex-wrap:wrap}
.zkey .grad{width:110px;height:8px;border-radius:4px;background:linear-gradient(90deg,#c0392b,#4a5363,#00b85e)}
.zsum{display:flex;align-items:center;gap:12px;margin:0 0 10px}
.zsum .n{font:800 34px/1 var(--cond);color:#fff}

/* game log */
.gl{border-top:1px solid var(--line)}
.g{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;width:100%;padding:11px 2px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;color:var(--text)}
.g:active{background:#080d14}
.g .wk{font:700 12px var(--mono);color:var(--mute);text-align:center;line-height:1.2}
.g .wk img{width:24px;height:24px;object-fit:contain;display:block;margin:2px auto 0}
.g .m1{font:700 15px var(--cond);letter-spacing:.03em;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.g .m1 .res{font:600 11.5px var(--mono);color:var(--mute);letter-spacing:0}
.g .m1 .res.w{color:var(--dim)}
.g .m2{font:500 12.5px var(--mono);color:var(--dim);margin-top:2px;letter-spacing:-.01em}
.g .rt{text-align:right}
.g .pts{font:800 22px/1 var(--cond);color:#fff}
.g .fin{font:600 11px var(--mono);color:var(--mute);margin-top:3px}
.g .fin.top{color:var(--green)}
.g.dnp .m1,.g.bye .m1{color:var(--mute)}
.g.dnp .pts,.g.bye .pts{color:var(--faint);font-size:15px}
.dr{display:inline-block;font:700 10px var(--mono);border-radius:5px;padding:2px 5px;letter-spacing:.02em}
.gx{padding:4px 2px 16px;border-bottom:1px solid var(--line);background:#070b11}
.gx[hidden]{display:none}
.kv{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:10px}
.kv div{background:#0a0f17;padding:8px 9px}
.kv .l{font:600 9.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.kv .v{font:700 15px var(--cond);color:#fff;margin-top:2px}
.kv .v.na{color:var(--faint)}

/* tables */
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -2px}
table.t{width:100%;border-collapse:collapse;font:500 13px var(--sans)}
.t th{font:600 10px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--mute);text-align:right;padding:7px 6px;border-bottom:1px solid var(--line2);white-space:nowrap;font-weight:600}
.t th:first-child,.t td:first-child{text-align:left}
.t td{padding:9px 5px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--text)}
.t td:first-child{font-family:var(--sans);font-size:13.5px;font-weight:600;color:var(--text);white-space:normal;min-width:84px}
.t td .sub{display:block;font:500 11px var(--mono);color:var(--mute);font-weight:500}
.t tr.hi td{background:rgba(0,230,118,.06)}
.t .g1{color:var(--good)}.t .b1{color:var(--bad)}.t .mu2{color:var(--mute)}
.t td.l{text-align:left}

/* percentiles */
.pc{display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:2px 10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.pc:last-child{border-bottom:0}
.pc .nm{font:600 13.5px var(--sans);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc .nm small{font:500 11px var(--mono);color:var(--mute);margin-left:5px}
.pc .val{font:700 14px var(--mono);text-align:right;color:#fff;font-variant-numeric:tabular-nums}
.pc .bar{grid-column:1/3;position:relative;height:20px;margin-top:2px}
.pc .bar .tr{position:absolute;left:0;right:14px;top:8px;height:4px;border-radius:2px;background:#141c27}
.pc .bar .fl{position:absolute;left:0;top:8px;height:4px;border-radius:2px}
.pc .bar .q{position:absolute;top:0;width:28px;height:20px;margin-left:-14px;border-radius:10px;font:700 11px/20px var(--mono);text-align:center;color:#05080e}
.pc .bar .md{position:absolute;left:calc((100% - 14px) * .5);top:4px;width:1px;height:12px;background:#2a3646}
.pc.ctx .q{color:#fff}
.pc.short .val{color:var(--mute)}
.pc.short .nm{white-space:normal}
.pctkey{display:flex;justify-content:space-between;font:600 10px var(--mono);color:var(--mute);letter-spacing:.06em;margin:2px 14px 6px 0;text-transform:uppercase}

/* leader chips */
.lchips{display:flex;flex-wrap:wrap;gap:6px}
.lchip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line2);border-radius:10px;padding:6px 9px;font:500 12.5px var(--sans);color:var(--dim)}
.lchip b{font:800 16px/1 var(--cond);color:var(--gold)}

/* horizontal share bars */
.hb{display:grid;grid-template-columns:minmax(0,118px) 1fr 46px;gap:8px;align-items:center;padding:5px 0}
.hb .n{font:600 13px var(--sans);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb .n a{color:var(--dim)}
.hb .b{height:12px;border-radius:0 4px 4px 0;background:var(--slate);min-width:2px}
.hb .v{font:700 12.5px var(--mono);color:var(--text);text-align:right}
.hb.me .n,.hb.me .n a{color:#fff}
.hb.me .b{background:var(--green)}

/* with / without */
.ww{padding:12px 0;border-bottom:1px solid var(--line)}
.ww:last-child{border-bottom:0}
.ww .who{font:700 15px var(--cond);letter-spacing:.03em;color:#fff}
.ww .who small{font:500 11px var(--mono);color:var(--mute);letter-spacing:0;margin-left:6px}
.ww .row{display:grid;grid-template-columns:72px 1fr 52px;gap:8px;align-items:center;margin-top:6px}
.ww .row .k{font:600 11px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.08em}
.ww .row .b{height:14px;border-radius:0 4px 4px 0}
.ww .row .v{font:800 17px var(--cond);text-align:right}
.ww .sub{font:500 11.5px var(--mono);color:var(--mute);margin-top:5px}

/* schedule strip */
.sched{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding:2px 0 4px}
.sched::-webkit-scrollbar{display:none}
.sg{flex:0 0 auto;width:54px;border-radius:9px;padding:6px 3px;text-align:center;border:1px solid rgba(255,255,255,.05)}
.sg .w{font:600 9.5px var(--mono);color:rgba(255,255,255,.75)}
.sg img{width:22px;height:22px;object-fit:contain;display:block;margin:3px auto 2px}
.sg .o{font:700 12px var(--cond);color:#fff;letter-spacing:.04em}
.sg .r{font:600 10px var(--mono);color:rgba(255,255,255,.85)}
.sg.bye{background:transparent;border-style:dashed;border-color:var(--line2)}
.sg.po{box-shadow:inset 0 -3px 0 var(--gold)}

/* health timeline */
.ht{display:flex;gap:4px;flex-wrap:wrap}
.hc{width:44px;border-radius:8px;padding:6px 2px;text-align:center;border:1px solid var(--line2)}
.hc .w{font:600 9.5px var(--mono);color:var(--mute)}
.hc .s{font:800 14px var(--cond);margin-top:2px}
.hc.ok{border-color:rgba(0,230,118,.25)}.hc.ok .s{color:var(--green)}
.hc.lp{border-color:rgba(255,183,0,.35)}.hc.lp .s{color:var(--gold)}
.hc.dnp,.hc.out{border-color:rgba(255,92,92,.4)}.hc.dnp .s,.hc.out .s{color:var(--red)}
.hc.bye .s{color:var(--faint)}

/* value */
.vband{position:relative;height:46px;margin:8px 2px 0}
.vband .tr{position:absolute;left:0;right:0;top:16px;height:4px;background:#141c27;border-radius:2px}
.vband .wh{position:absolute;top:16px;height:4px;background:rgba(0,212,255,.35)}
.vband .bx{position:absolute;top:10px;height:16px;border-radius:4px;background:rgba(0,212,255,.35);border:1px solid rgba(0,212,255,.6)}
.vband .md{position:absolute;top:8px;width:2px;height:20px;background:#fff;margin-left:-1px}
.vband .now{position:absolute;top:6px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--teal);border:3px solid var(--card);top:11px}
.vband .t{position:absolute;top:30px;transform:translateX(-50%);font:600 10px var(--mono);color:var(--mute);white-space:nowrap}
.prob{display:grid;grid-template-columns:minmax(0,1fr) 120px 40px;gap:8px;align-items:center;padding:6px 0;font:500 13px var(--sans);color:var(--dim)}
.prob .b{height:8px;border-radius:4px;background:#141c27;position:relative;overflow:hidden}
.prob .b i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:var(--teal)}
.prob .v{font:700 13px var(--mono);color:#fff;text-align:right}

/* takes */
.take{border-left:3px solid var(--purple);padding:4px 0 4px 12px;margin:0 0 12px}
.take p{margin:0;font:400 14.5px/1.55 var(--sans);color:var(--text)}
.take .m{font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--purple);margin-bottom:4px}
.flag{border:1px solid rgba(255,183,0,.35);background:rgba(255,183,0,.05);border-radius:12px;padding:12px 14px;margin:0 0 10px}
.flag .m{font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:5px}
.flag p{margin:0;font:400 14px/1.55 var(--sans)}
.links{display:grid;gap:8px}
.lk{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:10px 14px;border-radius:12px;border:1px solid var(--line2);color:var(--text);font:600 14px/1.35 var(--sans)}
.lk div{min-width:0}.lk span{color:var(--mute);font:500 12px/1.4 var(--sans);display:block;margin-top:2px}
.lk::after{content:"\203A";font:700 22px var(--cond);color:var(--green)}
.lk.r::after{color:var(--purple)}

/* charts carousel */
.cars{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px;padding:0 16px 4px}
.cars::-webkit-scrollbar{display:none}
.carc{flex:0 0 86%;max-width:380px;scroll-snap-align:center;background:#0b1018;border:1px solid var(--line);border-radius:14px;padding:8px;min-height:200px}
.carc .host{border-radius:10px;overflow:hidden;background:#0b1018;min-height:180px;display:flex;align-items:center;justify-content:center;color:var(--mute);font:500 12px var(--mono)}
.carc .cb{display:flex;gap:6px;margin-top:8px}
.carc .cb a,.carc .cb button{flex:1;min-height:40px;border-radius:10px;border:1px solid var(--line2);background:transparent;color:var(--text);font:700 12px var(--cond);letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;cursor:pointer}

/* tooltip */
.tip{position:fixed;z-index:9500;pointer-events:none;max-width:260px;padding:9px 11px;border-radius:9px;background:rgba(8,12,18,.97);border:1px solid rgba(0,230,118,.4);color:#e9f0f6;font:500 12.5px/1.45 var(--sans);box-shadow:0 10px 26px rgba(0,0,0,.5);white-space:pre-line;display:none}
.tip b{color:#fff}
.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(20px);opacity:0;z-index:9600;background:#0f1a24;border:1px solid var(--line3);color:#fff;font:600 13px var(--sans);padding:10px 14px;border-radius:10px;transition:all .2s;pointer-events:none}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

details.ss{border-top:1px solid var(--line)}
details.ss summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:6px 2px;cursor:pointer;font:700 15px var(--cond);letter-spacing:.05em;color:var(--text)}
details.ss summary::-webkit-details-marker{display:none}
details.ss summary span{font:500 12px var(--mono);color:var(--mute);letter-spacing:0}
details.ss summary::after{content:"+";font:700 20px var(--cond);color:var(--green);margin-left:10px}
details.ss[open] summary::after{content:"\2212"}

.foot{border-top:1px solid var(--line);margin-top:34px;padding-top:16px;font:500 12px/1.8 var(--sans);color:var(--mute)}
.foot a{color:var(--dim)}
.srcs{font:500 11.5px/1.65 var(--mono);color:var(--mute);margin-top:10px}

@media(min-width:700px){
  .hero{padding-top:28px}
  .ph,.ph .face,.ph .ini{width:120px;height:120px}
  .ph .tl{width:42px;height:42px}
  .acts{grid-template-columns:repeat(4,minmax(0,150px))}
  .snav{margin:16px 0 0;padding:0;border-radius:0}
  .snav-in{margin:0;padding:0}
  .zc{min-height:76px}
  .hb{grid-template-columns:minmax(0,170px) 1fr 52px}
  .card>.chart,.card>.fg>.chart,.card>svg.chart{max-width:560px;margin:0 auto}
}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* team pages and the Research home */
.ztabs{display:flex;gap:6px;margin:0 0 10px;flex-wrap:wrap}
.ztabs button{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--dim);font:700 14px var(--cond);letter-spacing:.06em;cursor:pointer}
.ztabs button[aria-pressed=true]{border-color:var(--green);color:var(--green);background:#04160d}
.zpanel[hidden]{display:none}
a.tm{color:inherit}
a.sg{color:inherit;display:block}
.tgrid{display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:560px){.tgrid{grid-template-columns:1fr 1fr}}
.tcard{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text)}
.tcard img{width:40px;height:40px;object-fit:contain}
.tcard b{display:block;font:700 17px/1.15 var(--cond);letter-spacing:.02em}
.tcard .tn span{font:500 11.5px var(--mono);color:var(--mute)}
.logos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
@media(min-width:560px){.logos{grid-template-columns:repeat(8,1fr)}}
.logos a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:12px;border:1px solid var(--line);background:var(--card);font:700 12px var(--cond);letter-spacing:.08em;color:var(--dim)}
.logos img{width:34px;height:34px;object-fit:contain}
.rlist{display:grid;gap:0}
.ri{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:9px 2px;border-bottom:1px solid var(--line);color:var(--text)}
.ri:last-child{border-bottom:0}
.ri .k{font:700 11px var(--mono);color:var(--mute);text-align:center}
.ri b{font:700 15.5px/1.2 var(--cond);letter-spacing:.02em;display:block}
.ri .s{font:500 11px var(--mono);color:var(--mute)}
.ri .v{font:800 17px var(--cond);text-align:right}
.ri .v.up{color:var(--green)}.ri .v.dn{color:var(--bad)}
.tools{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media(min-width:620px){.tools{grid-template-columns:repeat(3,1fr)}}
.tool{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text);min-height:92px}
.tool b{font:800 20px/1 var(--cond);letter-spacing:.03em;text-transform:uppercase}
.tool span{font:500 12.5px/1.4 var(--sans);color:var(--dim)}
.tool i{font-style:normal;font:700 11px var(--mono);color:var(--green);letter-spacing:.08em}
.big-search{position:relative;margin:16px 0 0}
.big-search input{width:100%;min-height:54px;border-radius:14px;border:1px solid var(--line2);background:var(--card);color:var(--text);font:500 17px var(--sans);padding:0 14px 0 44px;outline:none}
.big-search input:focus{border-color:var(--green)}
.big-search svg{position:absolute;left:15px;top:18px;width:18px;height:18px;stroke:var(--mute);fill:none;stroke-width:2}
.sres{border:1px solid var(--line2);border-radius:14px;background:var(--card);margin-top:6px;overflow:hidden}
.sres[hidden]{display:none}
.sres a{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line);color:var(--text)}
.sres a:last-child{border-bottom:0}
.sres img{width:30px;height:30px;object-fit:contain;border-radius:50%}
.sres b{font:700 16px var(--cond);letter-spacing:.02em}
.sres span{font:500 11px var(--mono);color:var(--mute)}
.sres .tag{font:700 10px var(--mono);letter-spacing:.1em;color:var(--green)}
.cols2{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:700px){.cols2{grid-template-columns:1fr 1fr}}
.qbr{padding:9px 0;border-bottom:1px solid var(--line)}
.qbr:first-child{padding-top:0}.qbr:last-child{border-bottom:0;padding-bottom:0}
.qbr .t1{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.qbr .n{font:700 17px/1.2 var(--cond);letter-spacing:.02em;min-width:0}
.qbr .n a{color:#fff}
.qbr .p{font:800 19px var(--cond);color:#fff;white-space:nowrap}
.qbr .p small{font:600 11px var(--mono);color:var(--mute);margin-left:4px}
.qbr .t2{font:500 12px/1.45 var(--mono);color:var(--dim);margin-top:2px}
.tg{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid var(--line)}
.tgs .tg:first-child{padding-top:2px}
.tg .wk{font:700 12px var(--mono);color:var(--mute);text-align:center;line-height:1.2}
.tg .wk img{width:24px;height:24px;object-fit:contain;display:block;margin:3px auto 0}
.tg .m1{font:700 16px var(--cond);letter-spacing:.03em}
.tg .m1 a{color:var(--text)}
.tg .m2{font:500 12px/1.4 var(--mono);color:var(--dim);margin-top:1px}
.tg .m3{font:500 12.5px/1.45 var(--sans);color:var(--text);margin-top:3px}
.tg .m3 a{color:var(--text);text-decoration:underline;text-decoration-color:var(--line3);text-underline-offset:2px}
.tg .rt{text-align:right}
.tg .sc{font:700 11px var(--mono);color:var(--mute);letter-spacing:.06em}
.tg .sc.w{color:var(--good)}.tg .sc.l{color:var(--bad)}
.tg .fs{font:800 20px/1.1 var(--cond);color:#fff;white-space:nowrap}
.t.dvp th,.t.dvp td{padding:8px 4px}
.t.dvp td{font-size:12px}
.t.dvp th:first-child,.t.dvp td:first-child{position:sticky;left:0;z-index:1;background:var(--card);box-sizing:border-box;width:38px;min-width:38px;max-width:38px;padding-left:2px;box-shadow:1px 0 0 var(--line2)}
.t.dvp th:nth-child(2),.t.dvp td:nth-child(2){position:sticky;left:38px;z-index:1;background:var(--card);box-shadow:1px 0 0 var(--line2);padding-right:8px}
.rlist[hidden]{display:none}
.hb2{padding:6px 0}
.hb2 .t{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.hb2 .n{font:600 14px/1.25 var(--sans);color:var(--text);min-width:0}
.hb2 .n a{color:var(--text)}
.hb2 small,.pj small,.ir small{font:600 10.5px var(--mono);color:var(--mute);letter-spacing:.04em;margin-left:2px}
.hb2 .v{font:700 13px var(--mono);color:#fff;white-space:nowrap}
.hb2 .v small{margin-left:6px;font-weight:500}
.hb2 .bar{height:8px;border-radius:0 4px 4px 0;background:var(--line);margin-top:5px;overflow:hidden}
.hb2 .bar i{display:block;height:100%;min-width:2px;border-radius:0 4px 4px 0}
.pj{display:grid;grid-template-columns:minmax(0,1fr) auto 50px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.pj:first-child{padding-top:0}
.pj .n{font:600 14px/1.25 var(--sans)}
.pj .n a{color:var(--text)}
.pj .r{font:600 12px var(--mono);color:var(--dim);text-align:right;white-space:nowrap}
.pj .v{font:800 18px var(--cond);color:#fff;text-align:right}
.ir{padding:8px 0;border-bottom:1px solid var(--line)}
.ir:first-child{padding-top:0}
.ir .n{font:600 14px/1.25 var(--sans)}
.ir .n a{color:var(--text)}
.ir .s{font:500 12.5px/1.4 var(--sans);color:var(--dim);margin-top:2px}
@media(max-width:350px){.tile .l{letter-spacing:.05em}}
.tg .nw{white-space:nowrap}
.tg .nw:not(:last-child)::after{content:' \00b7';color:var(--mute)}
@media(max-width:619px){.tiles:not(.t3)>.tile:last-child:nth-child(odd){grid-column:1/-1}}
