/* ===========================================================================
   RedoSchool — базовый слой страницы (сцена, canvas, общие токены).
   Загрузочный экран — loading.css, экран входа — auth.css.
   =========================================================================== */
:root {
    color-scheme: dark;
    --bg: #12163a;

    /* Бренд-палитра (по ассетам загрузочного экрана) */
    --rs-orange: #ff7a1a;
    --rs-orange-hi: #ffb04a;
    --rs-orange-lo: #f4620a;
    --rs-blue: #2f8bff;
    --rs-blue-deep: #14235c;
    --rs-ink: #0c1233;
    --rs-fg: #eaf1ff;
    --rs-muted: #a9b8e6;
    --rs-danger: #ff7a7a;
}

* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    /* dvh — dynamic viewport height: учитывает адрес-бар iOS/Android, */
    /* чтобы Unity не резало нижнюю полоску при его появлении. */
    height: 100dvh;
    background: var(--bg);
    color: var(--rs-fg);
    font-family: "Nunito", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
    overflow: hidden;
    overscroll-behavior: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

#stage {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    display: block;
}

#unity-canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
    outline: none;
    touch-action: none;
    image-rendering: auto;
}

/* Фон в стиле космической сцены RedoSchool — общий для загрузки и входа */
.rs-space-bg {
    background-color: #1a2160;
    background-image: url("loading/bg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}