/* Общие стили для всех HTML страниц */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
}

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

/* CSS переменные для safe areas (по умолчанию 0) */
:root {
    --safe-top: 0px;
    --safe-bottom: 0px;
    --safe-left: 0px;
    --safe-right: 0px;
}

#pixi-canvas-container {
    position: absolute;
    top: var(--safe-top);
    bottom: var(--safe-bottom);
    left: var(--safe-left);
    right: var(--safe-right);
    /* Let PixiJS scale handle internal fit; container defines the available box */
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: bottom 0.3s ease;
}

canvas {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}