/* Тема читальни codeofdigitaleternity.cloud — «над облаками» (27.09.2026): ночное небо в рассвет,
   мягкие облачные карточки, небесно-голубой и рассветный персиковый, округлый шрифт заголовков.
   Только переопределение оформления поверх общего ядра — ни один блок не убирается. */
:root{--void:#0b1330;--void-light:#131d42;--accent:#8fd0ff;--accent2:#ffc79a;--text:#eef4ff;--muted:#a9b8d8;
  --glass:rgba(255,255,255,.06);--glass-border:rgba(190,220,255,.18)}
body{background:radial-gradient(1200px 520px at 50% 118%,rgba(255,176,128,.22),transparent 60%),
  radial-gradient(700px 300px at 15% 8%,rgba(143,208,255,.14),transparent 70%),
  linear-gradient(180deg,#0a1230 0%,#15204a 55%,#2a2a55 100%);color:var(--text)}
h1,h2,h3,.rr-magnet h2,.rr-hero h1{font-family:"Nunito","Varela Round","Segoe UI Rounded","Arial Rounded MT Bold",system-ui,sans-serif;font-weight:800;letter-spacing:-.2px}
.rr-magnet,.card{border-radius:28px;background:rgba(255,255,255,.055);border:1px solid var(--glass-border);box-shadow:0 18px 50px -30px rgba(0,0,0,.8)}
.rr-mlabel{color:var(--accent2);letter-spacing:.16em}
/* игра «Переживи 15 лет» */
.rr-gamecard{margin-top:22px}
.cl-hud{display:flex;flex-wrap:wrap;gap:16px;margin:6px 0 10px;font-size:14px;color:var(--muted)}
.cl-hud span:nth-child(2){color:var(--accent)}
.cl-field{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:24px;background:rgba(10,18,48,.55);border:1px solid var(--glass-border)}
.cl-pick{margin:0;font-weight:700;color:var(--text)}
.cl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cl-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:12px;border-radius:18px;
  border:1px solid rgba(190,220,255,.22);background:rgba(255,255,255,.06);color:var(--text);font:inherit;text-align:left;cursor:pointer;overflow-wrap:break-word;hyphens:auto}
.cl-card:hover:not(:disabled),.cl-card:focus-visible{background:rgba(143,208,255,.14);outline:2px solid var(--accent);outline-offset:1px}
.cl-card[aria-pressed="true"]{background:rgba(143,208,255,.22);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.cl-card:disabled{cursor:default}
.cl-card:disabled:not([aria-pressed="true"]){opacity:.45}
.cl-card.cl-gone{background:rgba(255,120,120,.14);border-color:#ff9a9a}
.cl-card.cl-gone .cl-name{text-decoration:line-through;text-decoration-color:#ff9a9a}
.cl-num{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.12);font-size:12px;font-weight:700}
.cl-card[aria-pressed="true"] .cl-num{background:var(--accent);color:#0b1330}
.cl-name{font-size:14px;line-height:1.35;font-weight:600}
.cl-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.cl-count{color:var(--muted);font-size:14px}
.cl-run:disabled{opacity:.45;cursor:default}
.cl-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cl-feed:empty{display:none}
.cl-ev{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05);font-size:14px;line-height:1.45}
.cl-ev-hit{background:rgba(255,120,120,.10)}
.cl-year{grid-row:span 2;color:var(--accent2);font-weight:800;white-space:nowrap}
.cl-hit{color:var(--muted);font-size:13px}
.cl-ev-hit .cl-hit{color:#ffb3b3}
.cl-verdict{margin:0;font-weight:800;font-size:16px}
.cl-safe{color:var(--accent)}
.cl-lost{color:#ff9a9a}
.cl-over{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.cl-over p{margin:0;max-width:560px;line-height:1.55}
.cl-big{font-size:20px;font-weight:800;color:var(--accent)}
.cl-best{color:var(--accent2);font-weight:700}
.cl-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.cl-cta{color:#0b1330;background:linear-gradient(90deg,var(--accent),var(--accent2));padding:10px 18px;border-radius:999px;font-weight:800;text-decoration:none}
.cl-cta:hover,.cl-cta:focus-visible{filter:brightness(1.08)}
.cl-calc{color:var(--accent2);text-decoration:underline}
@media (max-width:640px){.cl-grid{grid-template-columns:minmax(0,1fr);gap:8px}.cl-card{flex-direction:row;align-items:center;gap:10px;padding:10px 12px}.cl-num{flex:0 0 auto}.cl-field{padding:12px}}