/* Стили игры. Подключать после общего app.css Фабрики.
   Игровое поле рисуется на canvas: его оформление находится в JS. */

.game-screen[data-game="falling"] { background: linear-gradient(#e4efff, #f7f8fb 60%, #eef2fc); }
.game-screen[data-game="falling"] .timer-badge { border: 0; background: var(--accent); color: var(--ink); font-size: 0.875rem; }
.game-screen[data-game="falling"] .game-eyebrow,
.game-screen[data-game="falling"] .game-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.game-screen[data-game="falling"] .game-canvas { flex: 1 0 auto; min-height: 31.25rem; height: 0; margin-top: 0.75rem; border: 0; border-radius: 0; background: transparent; }
.game-screen[data-game="falling"] .game-info { background: var(--accent); color: #fff; }

/* Living background (factory-backdrop.js) sits under the game; the gradient above is only the first-paint fallback. */
.game-screen.has-backdrop { isolation: isolate; }
.factory-backdrop { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.factory-backdrop svg { display: block; width: 100%; height: 100%; }