/* Floater Fantasy FULL product mock (13-xx) — PREVIEW ONLY. White · #D1006A · black/grey. NO green. */
:root{--pink-2:#E5579A;--pink-3:#F6C9DE;--ink:#0A0A0C;--ink-2:#1C1C22;--g1:#4A4A55;--g2:#8A8A96;--g3:#C9C9D2}
.app{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:228px minmax(0,1fr);gap:24px;padding:20px 20px 40px}
.side{position:static;align-self:start;
  background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 10px;box-shadow:var(--shadow)}
.side .lg{display:flex;flex-direction:column;gap:2px;padding:6px 8px 12px;border-bottom:1px solid var(--line);margin-bottom:8px}
.side .lg b{font-family:var(--f-display);font-weight:900;font-size:18px;text-transform:uppercase;letter-spacing:.4px}
.side .lg span{font-size:11px;color:var(--tx-mute)}
.side h6{margin:10px 8px 4px;font-family:var(--f-display);font-weight:800;font-size:11px;letter-spacing:1.6px;color:var(--tx-dim);text-transform:uppercase}
.side a{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;color:var(--tx-2);font-size:13px;text-decoration:none}
.side a .n{font-family:var(--f-display);font-weight:800;font-size:11px;color:var(--tx-dim);min-width:20px}
.side a:hover{background:#F4F4F7;text-decoration:none}
.side a.on{background:var(--pink-soft);color:var(--pink);font-weight:600}
.side a.on .n{color:var(--pink)}
.main{min-width:0}
.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.pagehead .h1{margin:0}
.pt-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;margin-bottom:14px}
.pt-row .poss-label,.pt-row .api-badge{margin:0}
.demo-tag{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:5px;background:var(--ink);color:#fff;
  font-family:var(--f-display);font-weight:800;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;vertical-align:middle}
.demo-tag.p{background:var(--pink)}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.g-73{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:16px}
.g-37{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.75fr);gap:16px}
.stack>*+*{margin-top:16px}
.card h3{font-family:var(--f-display);font-weight:800;font-size:16px;letter-spacing:.6px;text-transform:uppercase;margin:0 0 10px;display:flex;align-items:center;gap:8px;justify-content:space-between}
.card h3 small{font-family:var(--f-ui);font-weight:500;font-size:12px;color:var(--tx-mute);letter-spacing:0;text-transform:none}
.card.flush{padding:0;overflow:hidden}
.card.flush>h3{padding:14px 16px 0}
.card.ink{background:var(--ink);color:#fff;border-color:var(--ink)}
.card.ink h3{color:#fff}
.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow)}
.kpi .k{font-family:var(--f-display);font-weight:700;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--tx-mute)}
.kpi .v{font-family:var(--f-display);font-weight:900;font-size:30px;line-height:1.05;margin-top:2px}
.kpi .v.pk{color:var(--pink)}
.kpi .s{font-size:12px;color:var(--tx-mute);margin-top:2px}
table.t.sm td{padding:8px 7px;font-size:13px}
table.t.sm th{padding:8px 7px}
table.t td.l,table.t th.l{text-align:left}
table.t td.r,table.t th.r{text-align:right}
table.t td.c,table.t th.c{text-align:center}
table.t tr.you td{background:var(--pink-soft)}
table.t tr.dim td{color:var(--tx-dim)}
.fx{font-family:var(--f-display);font-weight:800;font-size:16px;color:var(--tx)}
.fx.pk{color:var(--pink)}
.mono{font-family:var(--f-display);font-weight:700;letter-spacing:.5px}
.mute{color:var(--tx-mute)}
.tiny{font-size:11px;color:var(--tx-mute)}
/* tags */
.inj{display:inline-flex;align-items:center;justify-content:center;height:18px;min-width:30px;padding:0 5px;border-radius:4px;
  font-family:var(--f-display);font-weight:900;font-size:11px;letter-spacing:.8px;vertical-align:middle;margin-left:6px}
.inj.O{background:var(--ink);color:#fff}
.inj.GTD{background:var(--pink);color:#fff}
.inj.DTD{background:#fff;color:var(--pink);border:1px solid var(--pink)}
.inj.IR{background:var(--g1);color:#fff}
.inj.Q{background:var(--g3);color:var(--ink)}
.posb{display:inline-flex;align-items:center;justify-content:center;height:20px;min-width:34px;padding:0 5px;border-radius:5px;
  font-family:var(--f-display);font-weight:800;font-size:11px;letter-spacing:.8px;color:#fff;background:var(--g1)}
.pos-G{background:var(--pink)}
.pos-F{background:var(--ink)}
.pos-C{background:var(--g2)}
.pos-FC{background:linear-gradient(90deg,var(--ink) 50%,var(--g2) 50%)}
.tm{display:inline-flex;align-items:center;justify-content:center;height:20px;min-width:36px;padding:0 6px;border-radius:5px;
  background:#F0F0F4;border:1px solid var(--line);font-family:var(--f-display);font-weight:800;font-size:11px;letter-spacing:1px;color:var(--tx-2)}
.btn.sm{padding:6px 11px;font-size:13px;border-radius:8px}
.btn.xs{padding:4px 8px;font-size:12px;border-radius:7px}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{text-decoration:none;background:#222}
.btn-danger{background:#fff;color:var(--pink);border:1.5px solid var(--pink)}
.btn[disabled],.btn.dis{opacity:.4;cursor:not-allowed}
/* bars */
.bars{display:flex;align-items:flex-end;gap:6px;height:84px}
.bars .b{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}
.bars .b i{display:block;width:100%;background:var(--pink);border-radius:5px 5px 2px 2px;min-height:4px}
.bars .b i.lo{background:var(--g3)}
.bars .b span{font-family:var(--f-display);font-weight:800;font-size:12px}
.bars .b em{font-style:normal;font-size:10px;color:var(--tx-mute)}
.hbar{height:8px;background:#EFEFF3;border-radius:99px;overflow:hidden}
.hbar i{display:block;height:100%;background:var(--pink);border-radius:99px}
.hbar i.k{background:var(--ink)}
.spark{display:inline-flex;align-items:flex-end;gap:2px;height:20px;vertical-align:middle}
.spark i{display:block;width:5px;background:var(--pink);border-radius:2px}
/* scoreboard */
.sb-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sb{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;position:relative}
.sb.mine{border-color:var(--pink);box-shadow:0 0 0 3px var(--pink-soft)}
.sb .row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:5px 0}
.sb .row .tn{font-weight:700}
.sb .row .ow{font-size:12px;color:var(--tx-mute);margin-left:6px;font-weight:400}
.sb .row .sc{font-family:var(--f-display);font-weight:900;font-size:26px}
.sb .row.lead .sc{color:var(--pink)}
.sb .foot{display:flex;justify-content:space-between;font-size:11px;color:var(--tx-mute);margin-top:6px;gap:8px;flex-wrap:wrap}
.sb .wp{height:6px;border-radius:99px;background:var(--g3);overflow:hidden;margin-top:6px}
.sb .wp i{display:block;height:100%;background:var(--pink)}
/* week chips */
.wk{display:flex;gap:6px;flex-wrap:wrap}
.wk a,.wk span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:32px;padding:0 8px;border-radius:8px;
  border:1px solid var(--line-2);background:#fff;font-family:var(--f-display);font-weight:800;font-size:13px;color:var(--tx-2);text-decoration:none;cursor:pointer}
.wk .on{background:var(--pink);border-color:var(--pink);color:#fff}
.wk .po{border-style:dashed;border-color:var(--pink);color:var(--pink)}
.wk .fut{color:var(--tx-dim)}
/* tabs */
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:12px;flex-wrap:wrap}
.tabs a,.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:8px 12px;font-family:var(--f-display);font-weight:800;font-size:13px;
  letter-spacing:1px;text-transform:uppercase;color:var(--tx-mute);cursor:pointer;text-decoration:none}
.tabs .on{color:var(--pink);border-bottom-color:var(--pink)}
.tabs .ct{display:inline-flex;min-width:18px;height:18px;border-radius:9px;background:var(--pink);color:#fff;font-size:11px;align-items:center;justify-content:center;margin-left:4px;padding:0 4px}
.seg{display:inline-flex;border:1px solid var(--line-2);border-radius:10px;overflow:hidden;background:#fff}
.seg button,.seg span{border:0;background:none;padding:8px 14px;font-family:var(--f-display);font-weight:800;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--tx-mute);cursor:pointer}
.seg .on{background:var(--ink);color:#fff}
/* toggles */
.sw{display:inline-block;width:38px;height:22px;border-radius:99px;background:var(--g3);position:relative;vertical-align:middle;cursor:pointer;flex:none}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .15s}
.sw.on{background:var(--pink)}
.sw.on::after{left:19px}
.setrow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}
.setrow:last-child{border-bottom:0}
.setrow .lbl b{display:block;font-size:13px}
.setrow .lbl span{font-size:12px;color:var(--tx-mute)}
.inp{font:inherit;padding:8px 10px;border:1px solid var(--line-2);border-radius:8px;background:#fff;color:var(--tx);width:90px;text-align:right;font-family:var(--f-display);font-weight:800;font-size:15px}
.inp.w{width:100%;text-align:left;font-family:var(--f-ui);font-weight:400;font-size:14px}
select.inp{text-align:left;width:auto}
.stepper{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:8px;overflow:hidden}
.stepper b{width:30px;text-align:center;cursor:pointer;color:var(--tx-mute);font-size:16px;line-height:32px;background:#FAFAFB}
.stepper span{min-width:36px;text-align:center;font-family:var(--f-display);font-weight:900;font-size:16px}
/* power tools */
.danger{border:1.5px solid var(--pink);background:linear-gradient(180deg,#fff, #FFF6FA)}
.pw-badge{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:#fff;border-radius:6px;padding:3px 8px;font-family:var(--f-display);font-weight:800;font-size:11px;letter-spacing:1.4px;text-transform:uppercase}
.pw-badge::before{content:"⚡";color:var(--pink)}
.confirm{border:1px dashed var(--pink);border-radius:10px;padding:10px 12px;background:#fff;margin-top:10px;font-size:12px;color:var(--tx-2)}
/* modal mock */
.modal-mock{border-radius:14px;border:1px solid var(--line-2);box-shadow:0 20px 50px rgba(10,10,12,.18);background:#fff;overflow:hidden}
.modal-mock .mh{background:var(--ink);color:#fff;padding:12px 16px;font-family:var(--f-display);font-weight:800;font-size:16px;letter-spacing:.6px;text-transform:uppercase;display:flex;justify-content:space-between}
.modal-mock .mh span{color:var(--pink)}
.modal-mock .mb{padding:14px 16px}
/* toast */
.toast{display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:10px;padding:10px 14px;font-size:13px}
.toast b{color:var(--pink)}
/* feed / chat */
.feed{display:flex;flex-direction:column}
.feed .it{display:grid;grid-template-columns:34px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);align-items:start}
.feed .it:last-child{border-bottom:0}
.av{width:34px;height:34px;border-radius:10px;background:#F0F0F4;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;
  font-family:var(--f-display);font-weight:900;font-size:13px;color:var(--tx-2)}
.av.pk{background:var(--pink);border-color:var(--pink);color:#fff}
.av.ink{background:var(--ink);border-color:var(--ink);color:#fff}
.av.sys{background:#fff;border:1px dashed var(--g2);color:var(--g1)}
.feed .it .tx{font-size:13px;color:var(--tx-2);line-height:1.45}
.feed .it .tx b{color:var(--tx)}
.feed .it .tm2{font-size:11px;color:var(--tx-dim);white-space:nowrap}
.bubble{display:inline-block;background:#F3F3F6;border-radius:4px 14px 14px 14px;padding:8px 12px;margin-top:3px;font-size:13px;line-height:1.45;max-width:62ch}
.mine .bubble{background:var(--pink);color:#fff;border-radius:14px 4px 14px 14px}
.chatline{display:flex;gap:10px;margin:10px 0}
.chatline.mine{flex-direction:row-reverse;text-align:right}
.chatline .who{font-size:11px;color:var(--tx-mute)}
.sysline{text-align:center;margin:12px 0}
.sysline span{display:inline-flex;gap:6px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:99px;padding:5px 12px;font-size:12px;color:var(--tx-2)}
.sysline span b{color:var(--pink)}
.react{display:inline-flex;gap:4px;margin-top:4px}
.react span{font-size:11px;border:1px solid var(--line);border-radius:99px;padding:1px 7px;background:#fff;color:var(--tx-2)}
.compose{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:12px;margin-top:8px}
.compose input{flex:1;font:inherit;padding:10px 12px;border:1px solid var(--line-2);border-radius:10px}
/* notifications */
.nt{display:grid;grid-template-columns:10px 36px 1fr auto;gap:12px;align-items:start;padding:12px 4px;border-bottom:1px solid var(--line)}
.nt .dotu{width:8px;height:8px;border-radius:50%;background:var(--pink);margin-top:12px}
.nt.read .dotu{background:transparent}
.nt.read .tx{color:var(--tx-mute)}
.nt .tx b{color:var(--tx)}
.nt .ty{font-family:var(--f-display);font-weight:800;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--pink)}
/* bracket */
.bracket{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:center}
.bracket .col{display:flex;flex-direction:column;justify-content:space-around;gap:18px;min-height:520px}
.bracket .colh{font-family:var(--f-display);font-weight:800;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--tx-mute);text-align:center;margin-bottom:6px}
.mu{border:1px solid var(--line-2);border-radius:10px;background:#fff;overflow:hidden;position:relative}
.mu .tr{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:8px 10px;font-size:13px}
.mu .tr+.tr{border-top:1px solid var(--line)}
.mu .tr .sd{font-family:var(--f-display);font-weight:900;color:var(--tx-dim)}
.mu .tr .s{font-family:var(--f-display);font-weight:900;font-size:16px}
.mu .tr.w{font-weight:700}
.mu .tr.w .s{color:var(--pink)}
.mu .tr.you{background:var(--pink-soft)}
.mu.bye{border-style:dashed;color:var(--tx-mute)}
.mu .cap{font-size:10px;color:var(--tx-dim);padding:4px 10px;background:#FAFAFB;border-top:1px solid var(--line);font-family:var(--f-display);letter-spacing:1px;text-transform:uppercase}
.champ{border:2px solid var(--pink);border-radius:14px;padding:16px;text-align:center;background:var(--pink-soft)}
.champ .tr{font-family:var(--f-display);font-weight:900;font-size:22px;text-transform:uppercase}
/* calendar */
.cal{display:grid;grid-template-columns:70px repeat(7,1fr);gap:4px}
.cal .dh{font-family:var(--f-display);font-weight:800;font-size:11px;letter-spacing:1.4px;color:var(--tx-mute);text-align:center;padding:4px 0;text-transform:uppercase}
.cal .wl{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:4px 6px;border-radius:8px;font-family:var(--f-display);font-weight:900;font-size:13px;background:#F4F4F7}
.cal .wl small{font-family:var(--f-ui);font-weight:500;font-size:10px;color:var(--tx-mute)}
.cal .wl.cur{background:var(--pink);color:#fff}
.cal .wl.cur small{color:#fff}
.cal .wl.po{background:var(--ink);color:#fff}
.cal .wl.po small{color:#ccc}
.cal .d{min-height:74px;padding-bottom:16px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:5px 6px;font-size:11px;position:relative}
.cal .d .dn{font-family:var(--f-display);font-weight:800;font-size:13px;color:var(--tx-2)}
.cal .d .gc{position:absolute;right:6px;top:5px;font-family:var(--f-display);font-weight:900;font-size:12px;color:var(--pink)}
.cal .d .mx{display:block;color:var(--tx-mute);margin-top:4px;line-height:1.25}
.cal .d.out{background:#FAFAFB;color:var(--tx-dim)}
.cal .d.out .dn{color:var(--tx-dim)}
.cal .d.today{border:2px solid var(--pink)}
.cal .d.lock::after{content:"LOCK";position:absolute;left:6px;bottom:4px;font-family:var(--f-display);font-weight:800;font-size:9px;letter-spacing:1px;color:var(--tx-dim)}
.cal .d.cw{background:var(--pink-soft)}
.cal .d.pw{background:#F1F1F4}
.cal .d.brk{background:repeating-linear-gradient(45deg,#fff,#fff 6px,#F3F3F6 6px,#F3F3F6 12px)}
/* steps */
.steps{display:flex;gap:0;margin-bottom:16px}
.steps .st{flex:1;display:flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:800;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--tx-dim);
  padding:10px 12px;border-bottom:3px solid var(--line)}
.steps .st i{font-style:normal;width:24px;height:24px;border-radius:50%;border:2px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.steps .st.done{color:var(--ink);border-bottom-color:var(--ink)}
.steps .st.cur{color:var(--pink);border-bottom-color:var(--pink)}
.codebox{display:flex;gap:8px}
.codebox span{width:46px;height:56px;border:2px solid var(--line-2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-weight:900;font-size:28px}
.codebox span.f{border-color:var(--pink);color:var(--pink);background:var(--pink-soft)}
.codebox span.dash{border:0;width:16px;color:var(--tx-dim)}
/* live center */
.live-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;display:grid;grid-template-columns:1fr auto;gap:6px 12px;transition:box-shadow .3s, border-color .3s}
.live-card .pn{font-weight:700}
.live-card .gs{font-size:12px;color:var(--tx-mute)}
.live-card .fp{grid-row:1/3;grid-column:2;font-family:var(--f-display);font-weight:900;font-size:34px;line-height:1;align-self:center;text-align:right}
.live-card .ln{grid-column:1/3;font-family:var(--f-display);font-weight:700;font-size:13px;color:var(--tx-2);letter-spacing:.4px;border-top:1px dashed var(--line);padding-top:6px;display:flex;justify-content:space-between}
.live-card.live{border-color:var(--pink-mid)}
.live-card.live .fp{color:var(--pink)}
.live-card.flash{box-shadow:0 0 0 4px var(--pink-mid);border-color:var(--pink)}
.live-card.done{background:#FAFAFB}
.live-card.pre .fp{color:var(--tx-dim)}
.delta{display:inline-block;font-family:var(--f-display);font-weight:900;font-size:13px;color:#fff;background:var(--pink);border-radius:5px;padding:0 5px;margin-left:6px;opacity:0;transition:opacity .3s}
.delta.on{opacity:1}
.ev{display:grid;grid-template-columns:52px 1fr auto;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px;align-items:center}
.ev .t{font-family:var(--f-display);font-weight:700;color:var(--tx-mute);font-size:12px}
.ev .d{font-family:var(--f-display);font-weight:900;color:var(--pink)}
.ev.neg .d{color:var(--g1)}
.ev.new{animation:evin .6s ease}
@keyframes evin{from{background:var(--pink-soft)}to{background:transparent}}
.bigscore{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;background:var(--ink);color:#fff;border-radius:14px;padding:16px 20px}
.bigscore .tn{font-family:var(--f-display);font-weight:800;font-size:18px;text-transform:uppercase}
.bigscore .sc{font-family:var(--f-display);font-weight:900;font-size:52px;line-height:1}
.bigscore .me .sc{color:var(--pink)}
.bigscore .r{text-align:right}
.bigscore .mid{text-align:center;font-family:var(--f-display);font-weight:800;color:#888;letter-spacing:2px}
.bigscore .sub{font-size:12px;color:#aaa}
/* chartr mini */
.chartr-mini .breakdown{grid-template-columns:1fr}
.chartr-mini .breakdown>div:first-child{display:none}
.chartr-mini .shot-scrub{display:none}
.chartr-mini .shot-toolbar .btn{padding:6px 10px;font-size:12px}
.chartr-mini .meta{margin-bottom:6px}
/* player header (no headshots) */
.phead{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}
.jersey{width:84px;height:84px;border-radius:18px;background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.jersey b{font-family:var(--f-display);font-weight:900;font-size:30px;line-height:1;color:var(--pink)}
.jersey span{font-family:var(--f-display);font-weight:800;font-size:11px;letter-spacing:1.5px}
.phead .nm{font-family:var(--f-display);font-weight:900;font-size:38px;text-transform:uppercase;line-height:1}
/* trade */
.pick-row{display:grid;grid-template-columns:22px 1fr auto auto;gap:10px;align-items:center;padding:8px 6px;border-bottom:1px solid var(--line);font-size:13px;cursor:pointer;border-radius:6px}
.pick-row:hover{background:#FAFAFB}
.pick-row.sel{background:var(--pink-soft)}
.cb{width:18px;height:18px;border:2px solid var(--line-2);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#fff}
.sel .cb,.cb.on{background:var(--pink);border-color:var(--pink)}
.sel .cb::after,.cb.on::after{content:"✓"}
.balance{display:grid;grid-template-columns:1fr 1fr;height:12px;border-radius:99px;overflow:hidden;background:#EEE}
.offer{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}
.offer+.offer{margin-top:12px}
.offer .sides{display:grid;grid-template-columns:1fr 40px 1fr;gap:10px;align-items:center;margin:10px 0}
.offer .sides .sw2{text-align:center;font-family:var(--f-display);font-weight:900;color:var(--tx-dim);font-size:20px}
.offer .pl{display:flex;flex-direction:column;gap:4px}
.offer .pl div{display:flex;justify-content:space-between;background:#FAFAFB;border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:13px}
.stamp{display:inline-flex;font-family:var(--f-display);font-weight:900;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;border-radius:6px;padding:2px 8px;border:1.5px solid}
.stamp.acc{color:var(--pink);border-color:var(--pink)}
.stamp.rej{color:var(--g1);border-color:var(--g1)}
.stamp.pen{color:#fff;background:var(--ink);border-color:var(--ink)}

/* ===== Sleeper-style DRAFT ROOM (Floater pink/black/white) ===== */
.dr{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.otc{display:grid;grid-template-columns:auto 1fr auto auto;gap:18px;align-items:center;background:var(--ink);color:#fff;padding:14px 18px}
.otc .clock{width:96px;height:96px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:conic-gradient(var(--pink) var(--p,70%), #2A2A32 0);position:relative}
.otc .clock::before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--ink)}
.otc .clock b,.otc .clock span{position:relative}
.otc .clock b{font-family:var(--f-display);font-weight:900;font-size:30px;line-height:1}
.otc .clock span{font-family:var(--f-display);font-weight:700;font-size:10px;letter-spacing:1.4px;color:#aaa}
.otc .who .lbl{font-family:var(--f-display);font-weight:800;font-size:12px;letter-spacing:2px;color:var(--pink);text-transform:uppercase}
.otc .who .tn{font-family:var(--f-display);font-weight:900;font-size:34px;text-transform:uppercase;line-height:1}
.otc .who .sub{font-size:12px;color:#aaa;margin-top:4px}
.otc .nxt{font-size:12px;color:#bbb;text-align:right;line-height:1.6}
.otc .nxt b{color:#fff}
.otc.mine{background:linear-gradient(90deg,var(--ink) 0%,#2A0016 100%)}
.rp-strip{display:flex;gap:8px;overflow:hidden;padding:10px 14px;background:#141418;border-top:1px solid #222}
.rp{flex:none;width:150px;border-radius:9px;padding:7px 9px;color:#fff;position:relative;background:#26262E}
.rp .no{font-family:var(--f-display);font-weight:800;font-size:10px;letter-spacing:1px;color:#aaa}
.rp .pn{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp .mt{font-size:11px;color:#bbb}
.rp::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:9px 0 0 9px;background:var(--g2)}
.rp.G::before{background:var(--pink)}
.rp.F::before{background:#fff}
.rp.C::before{background:var(--g2)}
.rp.new{outline:2px solid var(--pink)}
.board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;padding:12px 14px;background:#F4F4F7;border-top:1px solid var(--line)}
.board .bh{font-family:var(--f-display);font-weight:800;font-size:12px;letter-spacing:.6px;text-transform:uppercase;text-align:center;padding:6px 4px;border-radius:7px;background:#fff;border:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board .bh.me{background:var(--pink);color:#fff;border-color:var(--pink)}
.board .bh.otc-h{outline:2px solid var(--ink)}
.bc{border-radius:7px;padding:5px 7px;min-height:46px;font-size:11px;line-height:1.2;color:#fff;position:relative}
.bc .pn{font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc .mt{opacity:.8;font-size:10px}
.bc .pk{position:absolute;right:5px;top:4px;font-family:var(--f-display);font-weight:800;font-size:10px;opacity:.7}
.bc.G{background:var(--pink)}
.bc.F{background:var(--ink)}
.bc.C{background:var(--g1)}
.bc.FC{background:linear-gradient(135deg,var(--ink) 55%,var(--g1) 55%)}
.bc.empty{background:#fff;border:1px dashed var(--line-2);color:var(--tx-dim)}
.bc.now{background:#fff;border:2px solid var(--pink);color:var(--pink);animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 4px var(--pink-soft)}}
.dr-bottom{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr) minmax(0,.9fr);border-top:1px solid var(--line)}
.dr-bottom>section{padding:12px 14px;min-width:0}
.dr-bottom>section+section{border-left:1px solid var(--line)}
.dr-bottom h4{margin:0 0 8px;font-family:var(--f-display);font-weight:900;font-size:15px;letter-spacing:.8px;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}
.dr-bottom h4 small{font-family:var(--f-ui);font-weight:500;font-size:11px;color:var(--tx-mute);letter-spacing:0;text-transform:none}
.pfil{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}
.pfil span{font-family:var(--f-display);font-weight:800;font-size:12px;letter-spacing:1px;padding:4px 10px;border-radius:99px;border:1px solid var(--line-2);color:var(--tx-mute);cursor:pointer}
.pfil span.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.prow{display:grid;grid-template-columns:28px minmax(0,1fr) 44px 52px 52px auto;gap:8px;align-items:center;padding:7px 4px;border-bottom:1px solid var(--line);font-size:13px}
.prow .rk{font-family:var(--f-display);font-weight:800;color:var(--tx-dim)}
.prow .pn{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prow .num{text-align:right;font-weight:800}
.prow .acts{display:flex;gap:4px}
.qbtn{width:28px;height:28px;border-radius:8px;border:1px solid var(--line-2);background:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:var(--tx-mute);cursor:pointer}
.qbtn.on{background:var(--pink-soft);border-color:var(--pink);color:var(--pink)}
.qrow{display:grid;grid-template-columns:16px 22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 6px;border:1px solid var(--line);border-radius:9px;margin-bottom:6px;font-size:13px;background:#fff}
.qrow .hd{color:var(--tx-dim);cursor:grab;letter-spacing:-2px}
.qrow .qn{font-family:var(--f-display);font-weight:900;color:var(--pink)}
.qrow.top{border-color:var(--pink);box-shadow:0 0 0 2px var(--pink-soft)}
.mslot{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px}
.mslot .sl{font-family:var(--f-display);font-weight:900;font-size:12px;color:var(--pink);letter-spacing:1px}
.mslot.empty .pn{color:var(--tx-dim);font-style:italic}
.mslot.bn .sl{color:var(--tx-mute)}
.autopick{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:9px;background:#FAFAFB;border:1px solid var(--line);font-size:12px;margin-top:8px}
@media (max-width:1100px){.app{grid-template-columns:1fr}.side{position:static;max-height:none}.g-73,.g-37,.g2,.g3,.g4,.dr-bottom{grid-template-columns:1fr}}
/* ChartR flow: court + zone bars + line chart */
.flow{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,.55fr) minmax(0,1.4fr);gap:16px;align-items:start}
.flow>div{min-width:0}
.flow .fl-h{font-family:var(--f-display);font-weight:800;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--tx-mute);margin:0 0 8px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.zbar{margin-bottom:10px}
.zbar .zt{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}
.zbar .zt b{font-family:var(--f-display);font-weight:900;font-size:14px}
.zbar .zt span{color:var(--tx-mute)}
.zbar .hbar{height:10px}
.zbar .hbar i.lo{background:var(--g3)}
.lc-legend{display:flex;gap:14px;font-size:11px;color:var(--tx-mute);margin-top:6px;flex-wrap:wrap}
.lc-legend i{display:inline-block;width:16px;height:3px;border-radius:2px;background:var(--pink);vertical-align:middle;margin-right:5px}
.lc-legend i.k{background:var(--ink)}
.lc-legend i.d{background:repeating-linear-gradient(90deg,var(--ink) 0 4px,transparent 4px 7px)}
.lc-legend i.r{background:repeating-linear-gradient(90deg,var(--pink) 0 6px,transparent 6px 9px)}
.lc-pane{display:none}
.lc-pane.on{display:block}
@media (max-width:1100px){.flow{grid-template-columns:1fr}}
/* ChartR-clean north star (13-xx only): white court, crisp ink lines, pink makes. Overrides shared shotchart.js wash via CSS — no edit to shotchart.js */
.chartr-clean .shot-stage.vg{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.chartr-clean .shot-stage.vg .vg-frame{box-shadow:none}
.chartr-clean .court rect[height="20"]{fill:#FFFFFF}
.chartr-clean .court line[stroke-width="0.7"]{display:none}
.chartr-clean .court rect[fill="url(#lightWash)"]{display:none}
.chartr-clean .court rect[x="170"][y="283"]{fill:rgba(209,0,106,.04)}
.chartr-clean .court text{fill:#9A9AA6}
.chartr-clean .legend.vg i.mk{box-shadow:none}
/* ChartR.ai chart language — light, sparse, publication-quality. Mono headline + subtitle, thin grid, direct labels, source footnote. Pink only. */
:root{--f-mono:ui-monospace,"JetBrains Mono","SFMono-Regular",Menlo,"DejaVu Sans Mono",Consolas,monospace}
.cr{background:#fff;border:1px solid #ECECF0;border-radius:12px;padding:16px 18px 12px;box-shadow:0 1px 2px rgba(16,16,24,.03)}
.cr-t{font-family:var(--f-mono);font-weight:700;font-size:15px;line-height:1.3;color:#111114;margin:0 0 4px;letter-spacing:-.2px}
.cr-s{font-family:var(--f-mono);font-size:11.5px;color:#6B6B76;margin:0 0 12px;line-height:1.45}
.cr-src{font-family:var(--f-mono);font-size:10px;color:#9A9AA6;margin:10px 0 0;line-height:1.5}
.cr-src::before{content:"•  "}
.cr .seg{border-color:#E6E6EB}
.cr .seg button{font-family:var(--f-mono);font-weight:600;font-size:11px;letter-spacing:0;text-transform:none;padding:5px 10px}
.cr .seg .on{background:#fff;color:var(--pink);box-shadow:inset 0 -2px 0 var(--pink)}
.cr-hb{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;align-items:center;margin:7px 0;font-family:var(--f-mono);font-size:11px;color:#3A3A42}
.cr-hb .tr{position:relative;height:16px;border-left:1px solid #C9C9D2}
.cr-hb .tr i{position:absolute;left:0;top:2px;bottom:2px;background:var(--pink);border-radius:0 2px 2px 0}
.cr-hb .tr i.lo{background:#D5D5DC}
.cr-hb .tr i.k{background:#111114}
.cr-hb .tr span{position:absolute;top:0;font-weight:700;font-size:11px;color:#111114;white-space:nowrap;line-height:16px}
.cr-axis{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;font-family:var(--f-mono);font-size:9.5px;color:#9A9AA6}
.cr-axis div{display:flex;justify-content:space-between;border-top:1px solid #ECECF0;padding-top:3px}
.cr .lc-legend{font-family:var(--f-mono);font-size:10.5px}
.cr .shot-toolbar .btn{font-family:var(--f-mono);text-transform:none;letter-spacing:0;font-weight:600}
.cr .meta .chip{font-family:var(--f-mono);text-transform:none;letter-spacing:0;font-weight:500;font-size:10.5px;height:22px}
.cr-cols{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,.6fr) minmax(0,1.35fr);gap:14px;align-items:stretch}
.cr-vb{display:flex;align-items:flex-end;gap:10px;height:150px;border-bottom:1px solid #C9C9D2;padding:0 4px}
.cr-vb .b{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.cr-vb .b span{font-family:var(--f-mono);font-weight:700;font-size:11px}
.cr-vb .b i{display:block;width:100%;max-width:46px;background:var(--pink);border-radius:2px 2px 0 0}
.cr-vb .b i.lo{background:#D5D5DC}
.cr-vl{display:flex;gap:10px;padding:4px 4px 0}
.cr-vl em{flex:1;text-align:center;font-style:normal;font-family:var(--f-mono);font-size:9.5px;color:#9A9AA6}
@media (max-width:1100px){.cr-cols{grid-template-columns:1fr}}