/*
 * Display typeface: Baloo 2 pinned to ExtraBold and subset to the ~92 glyphs
 * the game actually renders. 667 KB variable original -> 9.1 KB woff2.
 *
 * woff2 first, ttf second: modern browsers take the woff2; the ttf covers the
 * older Android WebViews the Capacitor build can land on.
 *
 * font-display: block (not swap) is deliberate — PixiJS rasterizes text into a
 * texture when the Text object is constructed, so a swap partway through load
 * would permanently bake the fallback face into labels already on screen.
 */
@font-face {
    font-family: 'Blast Display';
    src: url('/fonts/blast-display.woff2') format('woff2'),
         url('/fonts/blast-display.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: block;
}

* {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

body {
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.87);
    background-color: #000000;
    overflow: hidden;
    touch-action: none;
}

#app {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#pixi-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

canvas {
    display: block;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
}