/* Тема читальни aifa.courses — «школьная доска» (27.09.2026): зелёная доска, мел, деревянная рамка.
   Только переопределение оформления поверх общего ядра — ни один блок не убирается. */
:root{--void:#0f1d17;--void-light:#16271f;--accent:#f5e663;--accent2:#8fe3b0;--text:#eef3ea;--muted:#a9bfb1;
  --glass:rgba(238,243,234,.04);--glass-border:rgba(238,243,234,.14)}
body{background:radial-gradient(1000px 520px at 50% -10%,rgba(143,227,176,.12),transparent 60%),var(--void);color:var(--text)}
h1,h2,h3,.rr-magnet h2,.rr-hero h1{font-family:"Chalkboard SE","Comic Neue","Segoe Print",cursive;font-weight:700;letter-spacing:.3px}
.rr-magnet,.card{border-radius:12px}
.rr-mlabel{color:var(--accent);letter-spacing:.22em}
/* игра «Миф или правда» */
.rr-gamecard{margin-top:22px}
.co-hud{display:flex;flex-wrap:wrap;gap:14px;margin:6px 0 10px;font-size:14px;color:var(--muted)}
.co-hud span:nth-child(2){color:var(--accent)}
.co-hud span:nth-child(3){color:var(--accent2)}
.co-board{min-height:230px;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:24px 22px;border-radius:10px;
  background:radial-gradient(circle at 30% 20%,#2c5a45,#1d3b2e 70%);border:10px solid #7a5230;
  box-shadow:0 0 0 2px #4f331c inset,0 16px 36px -20px rgba(0,0,0,.8);font-family:"Chalkboard SE","Comic Neue","Segoe Print",cursive}
.co-time{height:6px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden}
.co-time-fill{height:100%;width:100%;background:var(--accent);transition:width .1s linear}
.co-q{margin:0;font-size:21px;line-height:1.4;text-align:center;color:#f7f7ef}
.co-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.co-b{padding:14px;border-radius:8px;border:2px dashed rgba(247,247,239,.55);background:transparent;color:#f7f7ef;font:inherit;font-size:17px;font-weight:700;cursor:pointer}
.co-b:hover,.co-b:focus-visible{background:rgba(247,247,239,.10);outline:2px solid var(--accent);outline-offset:2px}
.co-res{margin:0;font-size:20px;text-align:center}
.co-ok{color:var(--accent2)}
.co-no{color:#ff9a8a}
.co-why{margin:0;text-align:center;color:#e6ece2;line-height:1.5}
.co-over{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.co-over p{margin:0;max-width:540px;line-height:1.55}
.co-big{font-size:21px;color:var(--accent)}
.co-best{color:var(--accent2);font-weight:700}
.co-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.co-cta{color:#1d3b2e;background:var(--accent);padding:9px 16px;border-radius:8px;font-weight:700;text-decoration:none}
.co-cta:hover,.co-cta:focus-visible{background:#fff28a}
.co-calc{color:var(--accent2);text-decoration:underline}
