/* ── scenes.css — the crisis set pieces (banking/js/scenes.js); tokens from desk.css ──
   A full-desk overlay in the terminal's colours: the scene's clock and title on a bar, the
   beats as a strip of times, the beat (photograph, speaker, words) beside the decision
   cards, and at the end the Monday paper in the paper block's ink. Nothing blinks. */
.scn-ov{ position:fixed; inset:0; z-index:600; background:var(--scrim-2); display:flex; align-items:center; justify-content:center; padding:var(--sp-5); }
.scn-box{ width:min(calc(1120 * var(--u)),100%); max-height:94vh; display:flex; flex-direction:column; background:var(--panel); border:1px solid var(--line-2); box-shadow:var(--shadow-lift); font-family:var(--sans); color:var(--text); outline:0; }
.scn-box.on-paper{ background:var(--paper); border-color:var(--rule-2); }
.scn-bar{ display:flex; align-items:baseline; gap:var(--sp-4); padding:var(--sp-2h) var(--sp-4); background:var(--panel-2); border-bottom:1px solid var(--line); }
.scn-k{ font-family:var(--mono); font-size:var(--fs-1); letter-spacing:.16em; text-transform:uppercase; color:var(--accent); white-space:nowrap; }
.scn-title{ flex:1; min-width:0; font-size:var(--fs-5); font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.scn-clock{ font-family:var(--mono); font-size:var(--fs-4); color:var(--accent-hi); font-variant-numeric:tabular-nums; white-space:nowrap; }
.scn-line{ display:flex; align-items:center; gap:var(--sp-1); padding:var(--sp-1h) var(--sp-4); border-bottom:1px solid var(--line); overflow-x:auto; }
.scn-dot{ font-family:var(--mono); font-size:var(--fs-1); letter-spacing:.06em; padding:var(--sp-0) var(--sp-1h); border:1px solid var(--line-2); color:var(--dim); white-space:nowrap; }
.scn-dot.done{ color:var(--muted); border-color:var(--accent-dim); }
.scn-dot.on{ color:var(--on-accent); background:var(--accent); border-color:var(--accent); }
.scn-due{ margin-left:auto; font-family:var(--mono); font-size:var(--fs-2); color:var(--accent); white-space:nowrap; font-variant-numeric:tabular-nums; }
.scn-main{ flex:1; min-height:0; overflow:auto; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:var(--sp-5); padding:var(--sp-4); }
.scn-photo .art-photo{ margin:0 0 var(--sp-2h); }
.scn-photo .art-photo-in img{ height:calc(170 * var(--u)); object-fit:cover; object-position:center 55%; }
.scn-who{ display:flex; align-items:center; gap:var(--sp-2h); margin:var(--sp-2h) 0 var(--sp-1h); }
.scn-face{ flex:none; line-height:0; }
.scn-wt{ display:flex; flex-direction:column; gap:var(--sp-0); font-size:var(--fs-4); }
.scn-kind{ font-family:var(--mono); font-size:var(--fs-1); letter-spacing:.16em; text-transform:uppercase; color:var(--muted); }
.scn-role{ font-size:var(--fs-2); color:var(--muted); }
.scn-head{ font-family:var(--serif); font-size:var(--fs-7); line-height:var(--lh-1); font-weight:600; margin:var(--sp-2) 0 var(--sp-2h); }
.scn-body p{ font-size:var(--fs-4); line-height:var(--lh-3); margin:0 0 var(--sp-2h); }
.scn-last{ font-size:var(--fs-3); line-height:var(--lh-3); color:var(--muted); background:var(--panel-2); border-left:2px solid var(--accent); padding:var(--sp-2) var(--sp-3); margin:0 0 var(--sp-3); }
.scn-last .scn-k{ margin-right:var(--sp-1h); }
.scn-opts{ display:flex; flex-direction:column; gap:var(--sp-2h); }
.scn-opt{ border:1px solid var(--line-2); background:var(--bg-2); padding:var(--sp-2h) var(--sp-3); }
.scn-opt .btn{ width:100%; text-align:left; white-space:normal; line-height:var(--lh-2); padding:var(--sp-1h) var(--sp-2h); }
.scn-opt.picked{ border-color:var(--accent); }
.scn-opt.off .scn-trade{ color:var(--dim); }
.scn-trade{ font-size:var(--fs-3); line-height:var(--lh-3); color:var(--muted); margin-top:var(--sp-1h); }
.scn-defnote{ font-size:var(--fs-2); color:var(--dim); margin-top:var(--sp-1); }
.scn-opt.picked .scn-defnote{ color:var(--text); }
.scn-foot{ display:flex; justify-content:flex-end; gap:var(--sp-2); padding:var(--sp-2h) var(--sp-4); border-top:1px solid var(--line); }
/* the Monday paper */
.scn-paper{ width:100%; max-height:94vh; overflow:auto; padding:var(--page-1) var(--page-2); box-shadow:none; }
.scn-mast{ font-family:var(--serif); font-size:var(--fs-8); font-weight:700; text-align:center; letter-spacing:.02em; border-bottom:2px solid var(--ink); padding-bottom:var(--sp-1h); margin-bottom:var(--sp-2); }
.scn-paper h1{ font-size:var(--fs-8); line-height:var(--lh-1); margin:var(--sp-2) 0 var(--sp-2h); }
.scn-deck{ font-size:var(--fs-5); font-style:italic; color:var(--ink-2); }
.scn-cols{ columns:2; column-gap:var(--sp-6); font-size:var(--fs-4); }
.scn-cols p{ margin:0 0 var(--sp-2h); break-inside:avoid; }
.scn-pfoot{ display:flex; align-items:center; gap:var(--sp-3); margin-top:var(--sp-4); border-top:1px solid var(--rule); padding-top:var(--sp-3); }
/* SCENES and the record */
.scn-list table{ width:100%; margin-top:var(--sp-2); }
.scn-list td{ vertical-align:top; padding:var(--sp-1h) var(--sp-2) var(--sp-1h) 0; }
.scn-y{ font-family:var(--mono); font-size:var(--fs-5); color:var(--accent); }
.scn-row.passed .scn-y{ color:var(--dim); }
.scn-hl{ font-style:italic; color:var(--text); }
/* the branches: a beat an earlier answer brought, and why */
.scn-dot.br{ border-style:dashed; }
.scn-dot.br.on{ border-style:solid; }
.scn-why{ font-family:var(--mono); font-size:var(--fs-1); letter-spacing:.12em; text-transform:uppercase; color:var(--accent); margin:0 0 var(--sp-1h); }
/* the Handbook link on the paper and in SCENES, and the article's table */
.scn-hbp{ break-inside:avoid; font-style:italic; }
.scn-hb{ color:var(--accent); text-decoration:underline; text-underline-offset:2px; }
.scn-paper .scn-hb, .gc-ed .scn-hb{ color:var(--ink); }
.scn-list .legend .scn-hb{ font-size:var(--fs-2); letter-spacing:0; text-transform:none; margin-left:var(--sp-2); }
.scn-hbt{ width:100%; margin:var(--sp-2) 0; }
.scn-hbt td{ vertical-align:top; padding:var(--sp-1) var(--sp-2) var(--sp-1) 0; }
@media (max-width:900px){
  .scn-ov{ padding:0; }
  .scn-box{ max-height:100vh; height:100%; }
  .scn-main{ grid-template-columns:minmax(0,1fr); }
  .scn-bar{ flex-wrap:wrap; gap:var(--sp-1h) var(--sp-3); }
  .scn-cols{ columns:1; }
  .scn-paper{ max-height:100vh; padding:var(--sp-6) var(--sp-4); }
}