.pong-subtitle {
    text-align: center;
    margin-bottom: 14px;
}

.pong-panel {
    width: min(620px, 100%);
    margin-inline: auto;
    text-align: center;
}

.pong-score {
    font-family: "Press Start 2P", monospace;
    font-size: clamp(14px, 2.5vw, 18px);
    margin-bottom: 10px;
    color: var(--ink);
}

#pong-canvas {
    display: block;
    width: 100%;
    height: auto;
    border: 4px solid var(--border);
    border-radius: 6px;
    background: #231a27;
    image-rendering: pixelated;
}

.pong-controls,
.pong-touch-controls {
    margin-top: 12px;
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.pong-touch-controls .game-btn {
    min-width: 88px;
}

@media (min-width: 821px) {
    .pong-touch-controls {
        display: none;
    }
}