/* The quiz deck — one component, two pages: the homepage hero (index.html) and a shared
   quiz (quiz.html, RLA-107). Rules here are the deck's own plus the two atoms it depends on
   (.badgechip, .p-hl); the page supplies the Sedona tokens, .k and .btn. Sedona tokens only. */
.badgechip{display:inline-flex;align-items:center;gap:8px;background:var(--coral-tint);
  border-radius:999px;padding:8px 14px}
.badgechip .dot{width:7px;height:7px;border-radius:50%;background:var(--coral)}
.badgechip span{font-family:var(--mono);font-weight:600;font-size:11px;
  letter-spacing:1.5px;text-transform:uppercase;color:var(--coral-text)}
.p-hl{background:var(--coral-tint);color:var(--coral-text);padding:0 5px;border-radius:6px;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}

.play{position:relative;text-align:left}
.play-q{background:var(--card);border:2px solid var(--ink);box-shadow:0 6px 0 var(--ink);
  border-radius:28px;padding:30px;position:relative;overflow:hidden;overflow:clip;transition:min-height .4s cubic-bezier(.22,.9,.3,1)}
.play-q .qtext{font-family:var(--serif);font-weight:600;font-size:24px;line-height:1.3;color:var(--ink-deep);margin:12px 0 20px}
.play-opts{display:flex;flex-direction:column;gap:13px}
.play-opt{background:var(--card);border:2px solid var(--line);box-shadow:0 4px 0 var(--line);
  border-radius:20px;padding:16px 22px;font-weight:500;font-size:16px;color:var(--ink);
  cursor:pointer;text-align:left;font-family:var(--grot);width:100%;
  transition:transform .08s ease,box-shadow .08s ease,border-color .12s ease}
.play-opt:active{transform:translateY(4px);box-shadow:0 0 0 transparent}
.play-opt.sel{background:var(--coral-tint);border-color:var(--coral);box-shadow:0 4px 0 var(--coral);font-weight:600;color:var(--ink-deep)}
.play-check{margin-top:20px;width:100%;opacity:.4;pointer-events:none;transition:opacity .2s ease}
.play-check.ready{opacity:1;pointer-events:auto}
.play-sheet{position:absolute;inset:0;background:var(--paper);border-radius:26px;
  transform:translateY(103%);transition:transform .5s cubic-bezier(.22,.9,.3,1);
  padding:26px 30px;display:flex;flex-direction:column;gap:12px;overflow:auto}
.play.revealed .play-sheet:not(.play-done){transform:translateY(0)}
.play.done .play-done{transform:translateY(0)}
.play.done .play-qbody{visibility:hidden;height:0;overflow:hidden}
.play-missed{border-top:2px solid var(--line-soft);padding-top:12px}
.play-missed__k{font-family:var(--mono);font-weight:600;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--sub)}
.play-missed ul{margin:8px 0 0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:5px;font-size:14px;color:var(--ink);line-height:1.4}
.play-missed li::marker{color:var(--coral)}
@media (prefers-reduced-motion:reduce){.play-sheet{transition:none}}
.play-vhead{display:flex;align-items:center;gap:10px}
.play-vhead .disc{width:26px;height:26px;border-radius:50%;background:var(--coral);
  display:flex;align-items:center;justify-content:center;flex-shrink:0}
.play-vhead .disc.ghost{background:var(--coral-tint)}
.play-vhead b{font-weight:600;font-size:17px;color:var(--ink-deep)}
.play-verdict{font-weight:600;font-size:16px;line-height:1.45;color:var(--coral-text)}
.play-answer{font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.45;color:var(--ink-deep)}
.play-why{font-size:14px;color:var(--sub);line-height:1.55}
.play-receipts{border-top:2px solid var(--line-soft);padding-top:11px;
  font-family:var(--mono);font-weight:500;font-size:12px;color:var(--sub)}
.play-again{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.play-again button{font-family:var(--grot);font-weight:600;font-size:15px;color:var(--ink);
  background:transparent;border:2px solid var(--line);box-shadow:0 3px 0 var(--line);
  border-radius:16px;padding:10px 18px;cursor:pointer}
.play-again button:active{transform:translateY(3px);box-shadow:0 0 0 transparent}
.play-cap{text-align:center;font-size:15px;color:var(--ink);margin-top:16px}
@media (prefers-reduced-motion:reduce){.play-q{transition:none}}