/* Jede Spielstation bildet eine eigene, klar abgegrenzte Ansicht. */
.screen:not(.active) { display: none; }
.hero-screen.active { display: grid; }
.screen.active { animation: screen-in .38s ease-out; }
.game-screen, .results-screen { min-height: calc(100vh - 150px); }
@keyframes screen-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 650px) { .game-screen, .results-screen { min-height: calc(100vh - 120px); } }