.mod-asteroids-game {
    font-family: Arial, sans-serif;
    color: #fff;
    text-align: center;
    padding: 15px;
    background: #050505;
    box-sizing: border-box;
}
.mod-asteroids-game * { box-sizing: border-box; }
.mod-asteroids-game__container { max-width: 950px; margin: auto; }
.mod-asteroids-game__title { color: #fff; margin: 0 0 12px; }
.mod-asteroids-game__info,
.mod-asteroids-game__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    align-items: center;
    margin: 12px 0;
    font-weight: bold;
}
.mod-asteroids-game button {
    border: none;
    border-radius: 6px;
    background: #2d7df0;
    color: #fff;
    padding: 10px 16px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
.mod-asteroids-game button:hover,
.mod-asteroids-game button:focus { background: #1b5fc0; }
.mod-asteroids-game__canvas {
    display: block;
    margin: 15px auto;
    background: #000;
    border: 3px solid #fff;
    border-radius: 10px;
    max-width: 96vw;
    height: auto;
    touch-action: none;
}
.mod-asteroids-game__message {
    min-height: 30px;
    font-size: 20px;
    font-weight: bold;
}
.mod-asteroids-game__mobile-controls { display: none; margin-top: 10px; }
.mod-asteroids-game__mobile-controls button { min-width: 58px; }
@media (max-width: 700px) {
    .mod-asteroids-game__mobile-controls { display: block; }
}

.mod-asteroids-game__version {
    margin-top: 10px;
    font-size: 12px;
    opacity: 0.75;
}