/* Цифроград поверх набора Rusau Learn (content/arti-series/kit): свод с логотипом, шрифты, кнопки и
   обе темы – как на learn.rusau.net; от мира – неоновый голубой и розовый акценты, Пиксель-рисунок.
   Токены станций привязаны к токенам Learn, поэтому станции не правились по одной.
   Исходник – content/comp-future/sandbox-theme/, на сайте – assets/digital.css. */
:root {
  --bg: var(--rk-surface);
  --bg-2: var(--rk-raised);
  --card: var(--rk-raised);
  --card-2: var(--rk-sunken);
  --ink: var(--rk-ink);
  --ink-dim: var(--rk-ink-2);
  --line: var(--rk-line-strong);
  --shadow: var(--rk-shadow-card);
  --radius: 14px;
  --cyan: #00788a;
  --magenta: #b0267f;
  --lime: #1f6f47;
  --amber: #8a5309;
  --danger: var(--rk-danger);
  --field-bg: #fffdf7;
}
:root[data-theme="dark"] {
  --cyan: #34e5ff;
  --magenta: #ff5ccf;
  --lime: #7cffb2;
  --amber: #ffcc66;
  --field-bg: #0e0b18;
}
body.rk { font-family: var(--rk-font); }
body.rk h1, body.rk h2, body.rk h3 { font-family: var(--rk-font-carved); font-weight: 600; }
body.rk .glow { text-shadow: none; }
:root[data-theme="dark"] body.rk .glow { text-shadow: 0 0 18px rgba(52,229,255,.45); }
body.rk input[type=text], body.rk input[type=number], body.rk input[type=password], body.rk input[type=search],
body.rk select, body.rk textarea { background: var(--field-bg); color: var(--rk-ink); }

/* Карточки и панели – плита визора Learn с неоновой кромкой мира */
body.rk .card, body.rk .speaker { background: var(--rk-visor-plate); border: 1px solid var(--rk-line); border-left: 2px solid var(--cyan); }
body.rk .card .tag { color: var(--rk-on-accent); background: var(--rk-btn); color: var(--rk-btn-ink); }
body.rk .panel { background: var(--rk-raised); }

/* Кнопки – золото Learn */
/* Тот же вес, что у базового правила в style.css ("button, .btn"): золото Learn ложится на обычные
   кнопки, а свои кнопки станций (рекламные ловушки, плитки, переключатели) сохраняют свой вид. Было
   ":where(body.rk) button:not(.rk-theme)" – :not() прибавлял вес класса, и 14.10 все кнопки станции
   "Скачай без ловушек" стали золотыми, ловушки перестали отличаться. */
button, .btn { background: var(--rk-btn); color: var(--rk-btn-ink); border-color: transparent; }
.rk-theme { background: #1e1932; color: var(--rk-top-gold); }

/* Пиксель – рисунок вместо эмодзи */
.speaker .face img { width: 64px; height: 64px; object-fit: contain; display: block; filter: drop-shadow(0 0 10px rgba(52,229,255,.35)); }

/* Мир на станциях: раскладка и колонка мира – общие (kit/world.css), здесь только краски мира. */
:root {
  --w-edge: var(--cyan); --w-ring: color-mix(in srgb, rgb(52 229 255) 12%, var(--rk-raised));
  --w-plaque: var(--rk-raised); --w-plaque-edge: var(--cyan); --w-plaque-ink: var(--cyan);
  --w-dot: var(--rk-btn); --w-name: var(--cyan); --w-surface: var(--rk-raised);
  --w-ok-edge: var(--lime); --w-ok-bg: color-mix(in srgb, rgb(124 255 178) 12%, var(--rk-raised)); --w-bad-edge: var(--danger); --w-bad-bg: color-mix(in srgb, rgb(255 107 122) 14%, var(--rk-raised));
}
body.themed .card { border: 2px solid var(--cyan); border-radius: 18px; }

/* Колонка мира Цифрограда: неоновая кромка сцены, реплика Пикселя со страницы – карточкой наставника */
.w-scene { box-shadow: 0 0 0 1px rgb(52 229 255 / .35), 0 0 24px rgb(52 229 255 / .18); }
.w-scene figcaption { color: var(--cyan); border-color: var(--cyan); font-family: var(--rk-font-hud); text-transform: uppercase; letter-spacing: .06em; font-size: .72rem; }
.world .speaker { margin: 0; }
.world .speaker .face img { width: 72px; height: 72px; }
body.themed .wrap > h1:first-child, body.themed .wrap > h1 { margin-top: 4px; }
body.themed .reward.show { box-shadow: 0 0 0 1px var(--cyan), 0 0 28px rgb(52 229 255 / .25); }

/* Воздух (проверка "слипания" 14.10.2026): ссылка-кнопка не рвется на строки без отступов, поле и
   кнопка рядом не касаются, кнопки районов на карте не жмутся друг к другу. */
body.rk a.btn { display: inline-flex; align-items: center; justify-content: center; text-align: center; max-width: 100%; line-height: 1.3; }
body.rk .riddle input + button { margin-left: 10px; }
body.rk .map { column-gap: 30px; }
/* Непрозрачно (Артём 14.10.2026): точки заголовка окон-симуляторов – сплошным цветом. */
body.rk .bar .dot { background: #4a3f2a; }