/* Мурчащий дом: the game's night-blue UI, gold buttons and Matrix Sans (SIL OFL, see matrix-sans-OFL.txt). */
@font-face { font-family: "Matrix Sans"; src: url("matrix-sans.ttf") format("truetype"); font-display: swap; }
:root {
  --bg: #1b2333; --panel: #2d3443; --line: #434b60; --ink: #f4f1e6; --muted: #aab0bf;
  --accent: #f5c518; --accent-ink: #1b2333; --green: #37b36b; --radius: 12px;
  --font-display: "Matrix Sans", system-ui, sans-serif;
}
/* Soft coloured specks, like the confetti behind the game's menus. */
.backdrop {
  background:
    radial-gradient(circle, rgba(245, 197, 24, .35) 1.5px, transparent 2px) 0 0 / 97px 83px,
    radial-gradient(circle, rgba(237, 110, 160, .28) 1.5px, transparent 2px) 31px 47px / 113px 101px,
    radial-gradient(circle, rgba(92, 196, 255, .25) 1.5px, transparent 2px) 67px 19px / 89px 127px;
  mask-image: linear-gradient(#000, transparent);
}
.kicker, .section-head h2 { font-family: var(--font-display); letter-spacing: .12em; }
h1 { color: #fff; letter-spacing: .02em; }
.lead { color: #dcd9cf; }
.title img { box-shadow: 0 0 0 3px var(--accent), 0 12px 32px rgba(245, 197, 24, .25); }
.button.soon { border-style: dashed; }
.cards li, .steps li { border-width: 2px; }
.steps li::before { font-size: 1rem; }
.house { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 8px; }
@media (min-width: 640px) { .house { grid-template-columns: repeat(6, 1fr); gap: 6px; } }
.house li { text-align: center; font-size: .78rem; color: var(--muted); }
.house li span { display: block; height: 8px; margin-bottom: 6px; border-radius: 4px; background: var(--accent); opacity: calc(.25 + var(--i) * .15); }