.mock{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#111;color:#ddd;font:12px/1 system-ui,sans-serif;display:flex;gap:18px;align-items:center;padding:12px 16px;overflow-x:auto}
.mock a{color:#fff;text-decoration:none;opacity:.75;white-space:nowrap}.mock a:hover{opacity:1}.mock b{color:#ffb347}
.mock label{margin-left:auto;cursor:pointer;display:flex;gap:6px;align-items:center;white-space:nowrap}
.note{display:none;position:absolute;right:20px;top:12px;max-width:280px;background:#FFF4BF;border:1px solid #c9b35a;color:#3a3000;font:12.5px/1.45 system-ui,sans-serif;padding:10px 12px;z-index:30;border-radius:2px}
body.notes .note{display:block}
.rv{opacity:0;transform:translateY(16px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
body{padding-bottom:44px}
body.guess .g{background:rgba(255,196,0,.28);box-shadow:0 0 0 2px rgba(255,196,0,.28)}
body.guess .g::after{content:" ⟨guess⟩";font-size:.72em;letter-spacing:.04em;opacity:.8;font-weight:600;vertical-align:.1em}

/* 2026-11-07: under the system's Reduce motion setting nothing moves, but things still
   fade in, so the page is not a wall that is simply there. Travel, scale and the drawn
   lines are off; opacity stays. */
@keyframes rise-fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  html .rv{transition:opacity .7s ease}
  html .rv:not(.in){opacity:0}
  html .stg>*,html .stg>.gset>figure.shot{transition:opacity 1s ease calc(var(--i,0) * 110ms);transform:none}
  html .stg:not(.shown)>*,html .stg:not(.shown)>.gset>figure.shot{opacity:0;transform:none}
  html .stg>.gset,html .cas>.stg,html .stg.cas:not(.shown)>.stg{opacity:1;transition:none}
  html .hero .hgrid>h1,html .case-hero .hgrid>h1,html .hero .hside>*,html .case-hero .hside>*{
    animation-name:rise-fade;animation-duration:.7s;animation-fill-mode:both;animation-timing-function:ease}
}
.mock .mo{white-space:nowrap;opacity:.75;margin-left:6px}