body.game-page.game-doorstorm .game-stage canvas {
    background: #121722;
    image-rendering: pixelated;
}

body.game-page.game-doorstorm .game-mobile-controls.has-joystick {
    grid-template-columns: minmax(110px, 1fr) minmax(110px, 1fr);
    justify-items: center;
    gap: clamp(24px, 12vw, 92px);
}

body.game-page.game-doorstorm .doorstorm-joystick--aim {
    order: 2;
}

body.game-page.game-doorstorm .doorstorm-joystick::before {
    border-color: rgba(255, 92, 138, 0.42);
}

body.game-page.game-doorstorm .doorstorm-joystick--aim .arcade-joystick__knob {
    background: radial-gradient(circle at 34% 28%, #ffd1dc 0 10%, #ff4d7d 36%, #8d5cf6 100%);
}

body.game-page.game-doorstorm .doorstorm-joystick .arcade-joystick__knob::after {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: rgba(2, 6, 23, 0.84);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: clamp(0.68rem, 2.7vw, 0.9rem);
    font-weight: 950;
    line-height: 1;
    letter-spacing: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.32);
    pointer-events: none;
}

body.game-page.game-doorstorm .doorstorm-joystick--move .arcade-joystick__knob::after {
    content: "MOVE";
}

body.game-page.game-doorstorm .doorstorm-joystick--aim .arcade-joystick__knob::after {
    content: "FIRE";
}

body.game-page.game-doorstorm .game-landscape-controls-host--right.has-doorstorm-aim-joystick {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    min-height: 0;
    margin-top: 0;
    padding: clamp(8px, 2dvh, 14px) 0 clamp(10px, 2.4dvh, 16px);
    touch-action: none;
}

body.game-page.game-doorstorm .game-landscape-controls-host--right.has-doorstorm-aim-joystick .doorstorm-joystick--aim {
    display: grid;
    width: min(100%, clamp(108px, 23dvh, 146px));
    height: min(100%, clamp(108px, 23dvh, 146px));
    min-width: 0;
    margin: auto;
    pointer-events: auto;
}