/* Angry Balls Reloaded - Global Styles */

@font-face {
    font-family: 'AngryBalls';
    src: url('../assets/fonts/font1.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    height: 100dvh; /* Dynamic viewport height -- handles iOS Safari collapsible toolbar */
    overflow: hidden;
    background-color: #000;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: none;
}

#game-container {
    width: 100%;
    height: 100%;
    /* No padding -- let Phaser's scale manager + autoCenter fill the viewport.
       Safe-area insets were shrinking the container on notched iPhones. */
}

#game-container canvas {
    display: block;
    touch-action: none;
}