/* Proving Ground · center layout only. Palette, header, tiles, badges, ledger
   and footer come from app-base.css. This file adds the distinct mechanic:
   a risk-appetite console (dial + live leaderboard + crossover chart) and a
   two-column referee worksheet over the golden set. */

/* ---- appetite console ---- */
.console{margin:26px 0 18px}
.congrid{display:grid;grid-template-columns:0.9fr 1.35fr;gap:26px;align-items:start}
.con-left{display:flex;flex-direction:column}
.dial{display:flex;align-items:baseline;gap:14px;margin-bottom:6px}
.dial-big{font-size:56px;font-weight:600;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;min-width:96px}
.dial-cap{font-size:13px;color:var(--body);max-width:24ch;line-height:1.45}
.dial-cap b{color:var(--ink)}
#appetite{width:100%;margin:14px 0 8px;accent-color:var(--accent);cursor:pointer}
.dial-read{font-size:11px;color:var(--cap);min-height:2.6em}
.scorekey{font-size:11px;color:var(--body2);background:var(--wash);border:1px solid var(--line);border-radius:6px;padding:8px 11px;margin-top:10px}
.scorekey span{color:var(--accent);font-weight:600}
.hitl-gate{margin-top:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.gate-note{font-size:10.5px;color:var(--cap)}
.signed{font-family:var(--mono);font-size:11px;color:var(--ok);background:var(--allow-bg);border-radius:6px;padding:9px 12px}

/* ---- leaderboard ---- */
.board{display:flex;flex-direction:column;gap:9px;margin-bottom:16px}
.brow{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;
  border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:10px 14px;
  transition:transform .25s ease, border-color .25s ease}
.brow.lead{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.brow .rk{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--cap);text-align:center}
.brow.lead .rk{color:var(--accent)}
.brow .who{min-width:0}
.brow .nm{font-size:13.5px;font-weight:600;color:var(--ink);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.brow .kind{font-family:var(--mono);font-size:9.5px;color:var(--cap);background:var(--wash);border-radius:30px;padding:2px 8px;font-weight:400}
.brow .math{font-family:var(--mono);font-size:10.5px;color:var(--cap);margin-top:3px}
.brow .math b{color:var(--ink)}
.brow .bar{height:6px;border-radius:3px;background:var(--line2);margin-top:7px;position:relative;overflow:hidden}
.brow .bar i{position:absolute;top:0;bottom:0;background:var(--muted);transition:left .25s ease,width .25s ease}
.brow.lead .bar i{background:var(--accent)}
.brow .bar i.neg{background:var(--danger);opacity:.75}
.brow .pts{font-family:var(--mono);font-size:17px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.brow .pts small{display:block;font-size:9.5px;font-weight:400;color:var(--cap)}
.brow .pts.neg{color:var(--danger)} .brow .pts.pos{color:var(--ok)}
#crosschart{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:6px;background:#FCFCFB}

/* ---- golden set + worksheet ---- */
.bench2{display:grid;grid-template-columns:0.95fr 1.3fr;gap:16px;margin:0 0 22px;align-items:start}
.bench2 .panel{display:flex;flex-direction:column;min-width:0}
.pb-flush{padding:0}
.qlist{display:flex;flex-direction:column;max-height:520px;overflow-y:auto}
.qitem{display:block;width:100%;text-align:left;cursor:pointer;border:none;border-top:1px solid var(--line2);
  background:var(--surface);padding:10px 16px;font-family:var(--sans)}
.qitem:first-child{border-top:none}
.qitem:hover{background:var(--wash)}
.qitem[aria-current="true"]{background:var(--rev-bg);box-shadow:inset 3px 0 0 var(--accent)}
.qitem .q-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.qitem .q-co{font-family:var(--mono);font-size:10.5px;color:var(--cap)}
.qitem .q-q{font-size:12px;color:var(--body2);line-height:1.45;margin-top:3px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.oc{display:inline-flex;gap:4px}
.oc .d{width:10px;height:10px;border-radius:50%;display:inline-block;border:1px solid transparent}
.oc .d.correct{background:var(--allow-bg);border-color:var(--ok)}
.oc .d.wrong{background:var(--block-bg);border-color:var(--danger)}
.oc .d.abstain{background:var(--esc-bg);border-color:var(--warn)}
.qfoot{padding:11px 16px;border-top:1px solid var(--line);margin-top:auto;font-size:10.5px;color:var(--cap);line-height:1.6}
.qfoot b{color:var(--warn)}

/* ---- referee worksheet ---- */
.ref-q{font-size:13.5px;color:var(--ink);font-weight:600;line-height:1.5;margin:0 0 4px}
.ref-meta{font-family:var(--mono);font-size:10.5px;color:var(--cap);margin-bottom:12px}
.ref-meta a{color:var(--cap);text-decoration:underline}
.refbox{border:1px solid var(--line);border-radius:6px;background:#FCFCFB;padding:12px 14px;margin-bottom:14px}
.refbox .lbl{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--cap);margin:0 0 3px}
.refbox .refans{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--ink)}
.refbox .ev{font-size:11.5px;color:var(--body);line-height:1.55;margin-top:8px;border-left:2px solid var(--line);padding-left:10px}
.refbox .just{font-size:11.5px;color:var(--body2);margin-top:8px}
.cands{display:flex;flex-direction:column;gap:10px}
.cand{border:1px solid var(--line);border-radius:6px;padding:11px 14px;background:var(--surface)}
.cand .c-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:5px}
.cand .c-id{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--ink)}
.cand .c-ans{font-size:12.5px;color:var(--body2);line-height:1.5}
.cand .c-ans b{color:var(--ink)}
.cand .c-cite{font-size:11px;color:var(--body);border-left:2px solid var(--accent);padding-left:9px;margin-top:6px;line-height:1.5}
.cand .c-cite.badcite{border-left-color:var(--danger)}
.cand .c-math{font-family:var(--mono);font-size:10.5px;color:var(--cap);margin-top:7px;line-height:1.7}
.cand .c-math b{color:var(--ink)}
.cand .c-math .ok{color:var(--ok)} .cand .c-math .bad{color:var(--danger)} .cand .c-math .abst{color:var(--warn)}
.cand.o-wrong{border-color:#E5C9C5} .cand.o-correct{border-color:#BFE0CC}
.abstain-chip{font-family:var(--mono);font-size:11px;color:var(--warn);background:var(--esc-bg);
  border:1px solid #E9D9B8;border-radius:4px;padding:2px 8px;display:inline-block}

/* ---- ledger cell tweaks ---- */
.ledger .row .meta{display:flex;flex-direction:column;gap:1px;min-width:0}
.ledger .row .meta .a-sub{color:var(--ink)} .ledger .row .meta .a-ev{color:var(--cap);font-size:10px}
.ledger .row .disp-cell{justify-self:end;text-align:right}

@media(max-width:1080px){
  .congrid{grid-template-columns:1fr}
  .bench2{grid-template-columns:1fr}
  .qlist{max-height:320px}
}