body { background: #004c3f; }
[hidden] { display: none !important; }
.navbar.navbar-inverse { background: #eb1632; border-color: #eb1632; }
#start-screen { min-height: 650px; padding: 20px 0; }
footer { padding: 1em; color: white; background: #eb1632; text-align: center; }
.lateral { min-height: 612px; padding-top: 16px; color: #a00000; font-size: 20px; font-weight: bold; background: url('/imagens/madeira.png') center / cover; }
.pista { position: relative; min-height: 400px; overflow: hidden; background: #004c3f url('/imagens/fundo.bmp') center / cover; }
.topo-pista { overflow: hidden; background: #004c3f url('/imagens/topo.bmp') center / cover; }
.solo-pista { min-height: 150px; background: #004c3f url('/imagens/solo.bmp') center / cover; }
.nuvem { width: 150px; position: relative; animation: cloud 4s linear infinite; }
.virus { position: absolute; top: 0; left: 0; padding: 0; border: 0; background: transparent; cursor: pointer; animation-duration: 5s; animation-direction: reverse; animation-iteration-count: infinite; }
.virus img { display: block; width: 100px; height: 100px; object-fit: contain; }
.virus:disabled { cursor: default; }
@keyframes cloud { from { left: -150px; } to { left: 105%; } }
@media (max-width: 991px) { .lateral { min-height: 100px; } }

.account-nav { display: flex; align-items: center; justify-content: flex-end; gap: 18px; padding: 12px; color: white; flex-wrap: wrap; }
.account-nav a { color: white; }
.account-card { background: white; color: #222; padding: 24px; margin: 25px auto; max-width: 480px; border-radius: 8px; }
.account-card label { margin-top: 14px; }
.account-card form button { margin: 20px 0; }
.ranking-card { max-width: 1000px; }
.app-message { color: white; text-align: center; }
#save-note { margin: 18px auto; color: white; max-width: 480px; }

.game-title { color: white; font-size: clamp(32px, 6vw, 64px); font-weight: bold; margin: 40px 0; }