/* Reaction Challenge — GameDailys magazine system, same family as gamepad/crossplay. */
.rt-tool{margin-top:26px}
.rt-hero{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:26px 0 22px}
.rt-hero .eyebrow{font:10px var(--type-data);letter-spacing:.18em;text-transform:uppercase;color:var(--site-accent);margin:0 0 10px}
.rt-hero h1{font-size:clamp(28px,4.6vw,44px);line-height:1.15;margin:0 0 12px;font-weight:800}
.rt-hero p{max-width:var(--measure);font-size:14px;line-height:1.9;color:var(--muted);margin:0}

.rt-stage{margin-top:22px}
.rt-bar{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:12px}
.rt-progress{font:11px var(--type-data);color:var(--muted);display:inline-flex;align-items:baseline;gap:4px}
.rt-progress b{font-size:18px;color:var(--ink);font-weight:800}
.rt-progress i{font-style:normal}
.rt-best{font:10px var(--type-data);color:#235747;border:1px solid #ccd3bd;background:#e8ecdf;padding:5px 10px}
.rt-bar [data-rt-reset]{margin-left:auto}

.rt-btn,.rt-btn-ghost{border:1px solid var(--site-accent);padding:10px 18px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit}
.rt-btn{background:var(--site-accent);color:var(--accent-ink)}
.rt-btn-ghost{background:transparent;color:var(--site-accent)}
.rt-btn-ghost:hover{background:rgba(35,87,71,.07)}
.rt-btn:focus-visible,.rt-btn-ghost:focus-visible{outline:2px solid var(--site-accent);outline-offset:2px}

/* the reaction pad — state drives color + text */
.rt-pad{border:1px solid var(--line);border-top:4px solid var(--site-accent);background:var(--surface);padding:clamp(48px,10vw,90px) 20px;text-align:center;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease,border-color .12s ease}
.rt-pad:focus-visible{outline:2px solid var(--site-accent);outline-offset:2px}
.rt-pad[data-state="armed"]{background:#f5e9d8;border-color:#e9d5ae;border-top-color:#b8832f}
.rt-pad[data-state="ready"]{background:#235747;border-color:#235747}
.rt-pad[data-state="ready"] .rt-big,.rt-pad[data-state="ready"] .rt-sub{color:#fff}
.rt-pad[data-state="early"]{background:#e05737;border-color:#e05737}
.rt-pad[data-state="early"] .rt-big,.rt-pad[data-state="early"] .rt-sub{color:#fff}
.rt-pad[data-state="cancelled"]{background:var(--canvas)}
.rt-pad[data-state="done"]{border-top-color:#e05737;cursor:default}
.rt-big{font-size:clamp(26px,5vw,42px);font-weight:800;margin:0 0 10px;color:var(--ink);line-height:1.2}
.rt-sub{font-size:13px;color:var(--muted);margin:0;max-width:52ch;margin-inline:auto}
.rt-live{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.rt-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:14px 0 0}
.rt-chip{border:1px solid var(--line);background:var(--surface);padding:8px 12px;display:flex;flex-direction:column;gap:2px;min-width:74px}
.rt-chip i{font:9px var(--type-data);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.rt-chip b{font:13px var(--type-data);font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}

.rt-summary{margin-top:18px;border:1px solid #ccd3bd;border-top:4px solid #2b4e3e;background-color:#e8ecdf;padding:18px}
.rt-summary-h{font:10px var(--type-data);letter-spacing:.12em;text-transform:uppercase;color:#617153;margin:0 0 14px;font-weight:400}
.rt-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rt-cell{border:1px solid #b9c2ae;background:var(--surface);padding:14px;display:flex;flex-direction:column;gap:4px}
.rt-cell b{font:700 26px var(--type-data);color:var(--ink);font-variant-numeric:tabular-nums}
.rt-cell span{font:9px var(--type-data);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.rt-newrec{margin:12px 0 0;font-size:13px;font-weight:700;color:#e05737}
.rt-verdict{margin:10px 0 0;font-size:13.5px;line-height:1.8;color:var(--ink)}
.rt-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}

@media(max-width:640px){
  .rt-cells{grid-template-columns:1fr 1fr}
  .rt-cell:last-child{grid-column:1/-1}
  .rt-actions{flex-direction:column}
  .rt-actions .rt-btn,.rt-actions .rt-btn-ghost{width:100%}
}

.rt-seo{margin-top:40px;max-width:var(--measure)}
.rt-seo section{margin-bottom:34px}
.rt-seo h2{font-size:19px;font-weight:800;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.rt-seo p,.rt-seo li{font-size:14px;line-height:1.9;color:var(--muted)}
.rt-seo ul{padding-left:20px;margin:0}
.rt-seo li{margin-bottom:6px}
.rt-faq details{border:1px solid var(--line);background:var(--surface);margin-bottom:8px}
.rt-faq summary{padding:13px 16px;font-size:13.5px;font-weight:700;cursor:pointer;color:var(--ink)}
.rt-faq details p{padding:0 16px 14px;margin:0;font-size:13px}
.rt-links{display:flex;flex-wrap:wrap;gap:10px}
.rt-links a{border:1px solid var(--line);padding:9px 14px;font-size:12.5px;font-weight:700;color:var(--site-accent);text-decoration:none}
.rt-links a:hover{border-color:var(--site-accent)}