body {
    margin: 0; padding: 0; background-color: #1a1a1a;
    display: flex; justify-content: center; align-items: center;
    height: 100vh; width: 100vw; overflow: hidden;

    
}

#gameContainer {
    position: relative;
    width: 100vw; height: 100vh;
    max-width: calc(100vh * 9 / 16); max-height: calc(100vw * 16 / 9);
    background-color: #000;
}

canvas { width: 100%; height: 100%; display: block; }

#ui {
    position: absolute; top: 10px; left: 10px;
    color: #00ffcc; font-family: sans-serif; font-weight: bold;
    background: rgba(0,0,0,0.5); padding: 5px 10px; border-radius: 5px;
    pointer-events: none;
}

canvas, #startScreen {
    touch-action: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent; /* タップ時の青い枠を消す */
}