*,*::before,*::after{box-sizing:border-box}
:root{
  --bg:#0d1117; --panel:#161b22; --panel2:#1c232c; --line:#2a3441;
  --ink:#e9eef5;
  /* raised for a dim room at arm's length: --dim ~7.8:1 and --faint ~5.3:1 on --panel,
     both used at 10-12px so they must clear 4.5:1 */
  --dim:#a3b0c0; --faint:#8592a3;
  --hot:#ff7a45;      /* RESERVED: solid = the recommendation. Nothing else is solid orange. */
  --ok:#3fb950; --warn:#d29922; --gone:#4a5058;
  --qb:#c586e0; --rb:#4fb3ff; --wr:#3fd6a8; --te:#f0a15e;
  --r:12px; --tap:44px;
}
html,body{margin:0;padding:0}
[hidden]{display:none!important}
body{
  background:var(--bg); color:var(--ink);
  font:15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  -webkit-font-smoothing:antialiased; overscroll-behavior:none;
}
button,input{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pos{font-weight:800;font-size:11px;letter-spacing:.04em}
.pos-QB{color:var(--qb)}.pos-RB{color:var(--rb)}.pos-WR{color:var(--wr)}.pos-TE{color:var(--te)}
.chip{
  display:inline-flex;align-items:center;gap:5px;
  background:var(--panel2);border:1px solid var(--line);border-radius:999px;
  padding:5px 10px;font-size:11.5px;color:var(--dim);white-space:nowrap;
}
.chip b{color:var(--ink);font-weight:600}
.stale{border-color:#5a4520;background:#2a2010;color:var(--warn)}
.stale b{color:var(--warn)}

/* the ONE solid-orange element on any screen: it marks the recommendation */
.takebadge{
  display:inline-block;background:var(--hot);color:#1a0c04;
  font-size:9.5px;font-weight:800;letter-spacing:.11em;
  border-radius:5px;padding:3px 7px;
}
/* secondary actions borrow the shape, never the fill */
.btn{
  min-height:var(--tap);border:1px solid var(--line);border-radius:10px;
  font-size:11.5px;font-weight:800;letter-spacing:.03em;padding:0 12px;
}
.btn-fill{background:var(--panel2);color:var(--dim)}
.btn-line{background:transparent;color:var(--ink)}
.btn-line:active{background:var(--panel2)}

/* draft banner - these are mockups, say so */
.mockbar{
  background:#3a2a10;color:#f0c674;border-bottom:1px solid #5a4520;
  font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
  padding:5px 12px;text-align:center;font-weight:700;
}
.mockbar a{color:#f0c674}