/* Draft room v2: Sport.fun style. Upright Inter, navy surfaces, teal edge light,
   small pills, 1px lines. Loaded after solo-remake.css. */
:root{--navy:#0d1830;--navy2:#13213a;--line1:#ffffff1a;--lilac:#c4b5fd;--lilac-a:#c4b5fd40}
.sd-moment{font-family:Inter,system-ui,sans-serif;font-style:normal;font-weight:800;text-transform:none;letter-spacing:-1.2px}
.sd-moment em{font-style:normal;color:var(--teal)}
.sd-count b{font-family:Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-1px}
.sd-endzone{font-family:Inter,system-ui,sans-serif;font-style:normal;font-weight:700;letter-spacing:4px;font-size:10px}

/* ---------- roster rail: slots + depth guide */
.sd-roster{position:sticky}
.sd-roster-body{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:14px;align-items:start}
.sd-depth{grid-row:span 1;display:flex;flex-direction:column;gap:3px;min-width:0}
.sd-depth-label{font-size:9px;font-weight:700;letter-spacing:1.4px;color:var(--dim)}
.sd-depth-row{display:grid;grid-template-columns:24px minmax(0,1fr) 46px;align-items:center;gap:6px;padding:2px 6px;border-radius:6px;font-size:11px}
.sd-depth-row b{font-weight:800;letter-spacing:.4px;color:#dfe7f2}
.sd-pips{display:flex;gap:3px;min-width:0}
.sd-pips i{flex:1;max-width:14px;height:6px;border-radius:2px;background:#ffffff10;box-shadow:inset 0 0 0 1px #ffffff12}
.sd-pips i.target{box-shadow:inset 0 0 0 1px #03ffcc40}
.sd-pips i.on{background:var(--teal);box-shadow:none}
.sd-depth-row.is-short b{color:#fff}
.sd-depth-row.is-short .sd-pips i.target:not(.on){box-shadow:inset 0 0 0 1px #03ffcc99}
.sd-depth-row.is-met b{color:var(--teal)}
.sd-depth-n{display:flex;align-items:baseline;justify-content:flex-end;gap:1px;font-variant-numeric:tabular-nums}
.sd-depth-n em{font-style:normal;font-weight:800;color:#fff;display:inline-block}
.sd-depth-n small{color:var(--dim);font-size:10px}
.sd-clock{grid-column:1/-1;margin:6px 0 0;font-size:11.5px;color:var(--muted);letter-spacing:.1px}
.sd-clock b{color:#fff;font-variant-numeric:tabular-nums}
.sd-slot{border-radius:8px}
.sd-seal{position:absolute;right:16px;top:12px;display:flex;align-items:center;gap:6px;opacity:0;pointer-events:none;color:var(--teal);font-size:12px;font-weight:700;letter-spacing:.3px}
.sd-seal.is-on{opacity:1}
.sd-seal svg{width:28px;height:28px;fill:none;stroke:var(--teal);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

/* ---------- stage heading: pill + one line */
.sd-phase-tag{border-radius:999px;padding:3px 9px;font-size:10px;letter-spacing:1.1px;font-weight:700}
.sd-phase-tag.is-scout{background:transparent;color:var(--lilac);border:1px solid var(--lilac-a)}
.sd-stage-heading h1{font-weight:800;letter-spacing:-.6px}

/* ---------- chamber + deck */
.sd-chamber{background:linear-gradient(180deg,transparent,#0b152966 70%,#0b1529aa);border-radius:16px;overflow:visible}
.sd-seats{perspective:1100px;align-items:end;padding:0 24px 18px}
.sd-seat{justify-content:flex-end;padding-bottom:0}
.sd-card-slot{margin-bottom:0}
.sd-deck{position:absolute;left:14%;right:14%;bottom:8px;height:1px;background:linear-gradient(90deg,transparent,#03ffcc55 30%,#03ffcc55 70%,transparent);pointer-events:none}
.sd-deck:after{content:'';position:absolute;left:30%;right:30%;top:-1px;height:3px;border-radius:2px;background:#03ffcc22;filter:blur(2px)}

/* ---------- card: back + front, flips on Y */
.sd-card{border-radius:14px;opacity:0;transition:transform .16s var(--ease)}
.sd-card.is-face{opacity:1}
.sd-card-inner{position:absolute;inset:0;display:block;transform-style:preserve-3d;border-radius:inherit}
.sd-card-front,.sd-card-back{position:absolute;inset:0;border-radius:inherit;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:block}
.sd-card-back{transform:rotateY(180deg);background:linear-gradient(160deg,#142644,var(--navy) 60%,#0a1326);box-shadow:inset 0 0 0 1px #03ffcc33,0 14px 30px #0008;display:grid;place-items:center}
.sd-card-back:before{content:'';position:absolute;inset:8px;border-radius:9px;border:1px solid #ffffff12}
.sd-card-back img{width:46%;opacity:.92}
.sd-card-front{background:radial-gradient(ellipse at 50% 34%,color-mix(in srgb,var(--accent),transparent 76%),transparent 64%),linear-gradient(165deg,var(--navy2),#101b30 58%,#0b1322);box-shadow:inset 0 0 0 1px var(--line1),0 14px 30px #0008}
.sd-card:hover:not(:disabled),.sd-card:focus-visible{transform:translateY(-6px)}
.sd-card:hover .sd-card-front{box-shadow:inset 0 0 0 1px #03ffcc66,0 16px 34px #000a}
.sd-card:focus-visible{outline:none}
.sd-card:focus-visible .sd-card-front{box-shadow:inset 0 0 0 2px var(--teal),0 0 0 3px #03ffcc33,0 16px 34px #000a}
.sd-card-edge{position:absolute;top:0;left:14px;right:14px;height:2px;border-radius:2px;background:var(--teal);box-shadow:0 0 10px #03ffccaa;transform:scaleX(0);transform-origin:left;z-index:3}
.sd-card.is-scout .sd-card-edge{background:var(--lilac);box-shadow:0 0 10px #c4b5fdaa}
.sd-card-top{align-items:flex-start}
.sd-card-pos{font-weight:800;font-size:14px;letter-spacing:.4px;padding-top:2px}
.sd-scout-tag{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--lilac);border:1px solid var(--lilac-a);border-radius:999px;padding:2px 7px;margin-right:auto;margin-top:1px}
.sd-rank{display:flex;align-items:baseline;gap:1px;font-variant-numeric:tabular-nums;line-height:1}
.sd-rank small{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.3px}
.sd-rank b{font-size:22px;font-weight:800;letter-spacing:-.6px;color:#fff;min-width:1.2ch;text-align:right}
.sd-card-art{top:17%;height:40%}
.sd-card-bottom{gap:4px}
.sd-card-team{font-size:10px;letter-spacing:1px;color:#aebbd0}
.sd-card-bottom strong{font-weight:800;letter-spacing:-.3px}
.sd-fits{display:flex;flex-wrap:wrap;gap:4px;min-height:18px}
.sd-fit{font-size:10px;font-weight:700;letter-spacing:.2px;border-radius:999px;padding:2px 8px;border:1px solid #ffffff2a;color:#cfd8e6;white-space:nowrap;line-height:1.3}
.sd-fit.is-need{border-color:#03ffcc88;color:var(--teal);background:#03ffcc12}
.sd-fit.is-covered{border-color:#ffffff14;color:var(--dim)}
.sd-fit.is-stack{border-color:#8cb9f266;color:#a9c8f5}
.sd-rank-cap{font-size:9px;color:var(--dim);letter-spacing:.2px}
.sd-key{border-radius:6px}

/* ---------- pick flight */
.sd-flyer{position:fixed;z-index:80;pointer-events:none;overflow:hidden;background:linear-gradient(165deg,var(--navy2),#0f1a2e);box-shadow:inset 0 0 0 1px #03ffcc66,0 12px 28px #0009;will-change:left,top,width,height}
.sd-flyer-face{position:absolute;inset:0}
.sd-flyer-slot{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;margin:0!important;box-shadow:none!important;border-radius:inherit!important}

/* ---------- live */
.sd-gridiron{position:relative}
.sd-gridiron-bg{position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.sd-b8-pill,.sd-best-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #03ffcc66;color:var(--teal);background:#03ffcc10;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;letter-spacing:.2px;text-transform:none}
.sd-b8-pill[hidden],.sd-best-pill[hidden]{display:none}
.sd-best-pill{margin-top:8px}
.sd-field-slot{border-radius:12px}
.sd-field-slot.is-top{background:none;box-shadow:0 0 0 1px #03ffcc77,0 0 26px #03ffcc2e}
.sd-field-slot.is-top strong{color:var(--teal)}
.sd-top-tag{background:transparent;color:var(--teal);border:1px solid #03ffcc66;border-radius:999px;font-size:9px;letter-spacing:.4px;font-weight:700;padding:1px 7px}
.sd-score-big span{font-family:Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-2px;font-variant-numeric:tabular-nums}
[data-score]{font-variant-numeric:tabular-nums}

/* ---------- reduced */
.sd-app.is-reduced .sd-card,.sd-app.is-reduced .sd-card-front{transition:none}
@media (prefers-reduced-motion:reduce){.sd-card,.sd-card-front{transition:none}}

/* ---------- desktop fold: rail ~ 168px, chamber fills the rest */
@media (min-width:801px){
 .sd-chamber{height:clamp(260px,calc(100vh - 382px),470px)}
 .sd-card{height:min(calc(100cqh - 28px),320px)}
}
@media (max-height:760px) and (min-width:801px){.sd-depth-row{padding:1px 6px}.sd-clock{margin-top:3px}}
@media (max-width:1100px) and (min-width:801px){.sd-roster-body{grid-template-columns:minmax(0,1fr) 200px}}

/* ---------- mobile */
@media (max-width:800px){
 .sd-roster-body{grid-template-columns:1fr;gap:6px}
 .sd-depth{display:grid;grid-template-columns:1fr 1fr;column-gap:8px;row-gap:2px}
 .sd-depth-label{grid-column:1/-1}
 .sd-depth-row{grid-template-columns:22px minmax(0,1fr) 40px;padding:1px 4px;font-size:10px}
 .sd-clock{font-size:11px;margin-top:2px}
 .sd-seal{right:10px;top:8px}.sd-seal span{display:none}
 .sd-chamber{padding:8px 0 14px}
 .sd-seats{padding:0 0 12px;gap:6px}
 .sd-card{aspect-ratio:5/7.6;border-radius:12px}
 .sd-card-top{top:7px;left:7px;right:7px}.sd-card-pos{font-size:12px}
 .sd-rank b{font-size:17px}.sd-rank small{font-size:8px}
 .sd-scout-tag{font-size:7px;padding:1px 5px;letter-spacing:.5px}
 .sd-card-art{top:18%;height:34%}
 .sd-card-bottom{left:7px;right:6px;bottom:7px;gap:3px}
 .sd-card-bottom strong{font-size:14px;line-height:1.1}
 .sd-card-team{font-size:9px}
 .sd-fit{font-size:9px;padding:1px 6px}
 .sd-rank-cap{display:none}
 .sd-stage-heading{padding-top:2px}
 .sd-hint .sd-rank-note{display:inline}
}
@media (max-width:360px){.sd-card-bottom strong{font-size:12.5px}.sd-fit{font-size:8px;padding:1px 5px}.sd-depth-row{grid-template-columns:20px minmax(0,1fr) 36px}}
.sd-rank-note[hidden]{display:none}
@media (max-width:800px){.sd-hint .sd-rank-note{display:inline!important}}
.sd-roster-head .sd-clock{grid-column:auto;margin:0 0 0 auto;align-self:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sd-roster-head .sd-backing-pill{margin-left:12px}
@media (max-width:800px){.sd-roster-head{flex-wrap:wrap}.sd-roster-head .sd-clock{order:5;width:100%;margin:2px 0 0;white-space:normal}}
.sd-slot-text b,.sd-slot-text small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.sd-slot-text{min-width:0}
@media (max-width:800px){.sd-card{aspect-ratio:5/8.2}.sd-hint{flex-wrap:wrap;justify-content:center;text-align:center}.sd-hint .sd-rank-note{flex-basis:100%}}
.sd-seal{right:190px;top:11px}
.sd-roster:has(.sd-seal.is-on) .sd-clock{opacity:0;transition:opacity .15s}
.sd-score-big .sd-best-pill{font-size:11px;font-weight:700;letter-spacing:.2px;font-family:Inter,system-ui,sans-serif;line-height:1.3}
.sd-score-big .sd-best-pill{display:inline-flex;width:max-content}
.sd-score-big .sd-best-pill[hidden]{display:none}
@media (max-width:800px){.sd-seal{right:12px;top:8px}}
.sd-seats{perspective:none}
.sd-ghost-layer{pointer-events:none!important}
.sd-ghost-layer *{pointer-events:none!important}
/* v3: reroll, guarantee pill, tight clock (art pass to follow) */
.sd-reroll-wrap{display:inline-flex;align-items:center;gap:8px;margin-left:auto}
.sd-reroll{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(3,255,204,.45);background:rgba(3,255,204,.08);color:#dffff7;font:600 12.5px/1 Inter,system-ui,sans-serif;cursor:pointer}
.sd-reroll .sd-icon{width:14px;height:14px}
.sd-reroll:hover:not(:disabled){background:rgba(3,255,204,.16)}
.sd-reroll:focus-visible{outline:2px solid #03FFCC;outline-offset:2px}
.sd-reroll:disabled{opacity:.42;cursor:not-allowed;border-color:rgba(255,255,255,.18);background:transparent;color:var(--muted)}
.sd-reroll-count{font:600 11.5px/1 Inter,system-ui,sans-serif;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.sd-guarantee{display:inline-flex;align-items:center;height:20px;padding:0 8px;margin-left:6px;border-radius:999px;background:rgba(255,184,77,.14);border:1px solid rgba(255,184,77,.5);color:#ffd28f;font:700 10.5px/1 Inter,system-ui,sans-serif;letter-spacing:.3px;text-transform:none}
.sd-tight{color:#ffb84d}
.sd-tight b{color:#ffd28f}
.sd-live-actions{display:flex;align-items:center;gap:10px}
.sd-rerolls-left{font:600 12px/1 Inter,system-ui,sans-serif;color:var(--muted);white-space:nowrap}
@media (max-width:800px){.sd-reroll-wrap{margin:6px auto 0;flex-basis:100%;justify-content:center}.sd-live-actions{flex-wrap:wrap;justify-content:flex-end}}