/* Loaded explicitly in src/main.ts before the game boots — Phaser canvas text
   rasterises once at creation and never reflows if a face arrives late. */
@font-face {
    font-family: 'Almendra SC';
    font-weight: 400;
    font-display: block;
    src: url('/fonts/AlmendraSC-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Almendra';
    font-weight: 400;
    font-display: block;
    src: url('/fonts/Almendra-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Almendra';
    font-weight: 700;
    font-display: block;
    src: url('/fonts/Almendra-700.woff2') format('woff2');
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    color: rgba(255, 255, 255, 0.87);
    background-color: #05060c;
    /* Stops iOS rubber-band scrolling from dragging the whole game around. */
    overscroll-behavior: none;
}

#app {
    width: 100%;
    /* dvh tracks mobile browser chrome collapsing; vh is the pre-dvh fallback. */
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    box-sizing: border-box;
    /* Keeps the board clear of notches and the home indicator. */
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

#game-container {
    width: 100%;
    height: 100%;
}

#game-container canvas {
    display: block;
    /* Without this the browser claims touches for scroll/pinch before Phaser sees them. */
    touch-action: none;
}