/* ===========================================================================
   RedoSchool — базовый слой страницы (сцена, canvas, общие токены).
   Загрузочный экран — loading.css, экран входа — auth.css.
   =========================================================================== */

/* ---------------------------------------------------------------------------
   Фирменные шрифты страницы. Начертания те же, что в игре:
   заголовочный Harpseal (в проекте он же «zagolovok NEW harpseal») и текстовый
   Open Runde Bold. Файлы — подмножества оригиналов из Assets/_source/TTF
   (латиница, кириллица, типографская пунктуация), переупакованные в woff2:
   597 КБ исходников превращаются в 46 КБ. Это важно именно здесь — страница
   рисуется раньше, чем начинает качаться сборка Unity.

   Пересобрать после замены оригинала (fonttools):
     pyftsubset "Assets/_source/TTF/harpseal.otf"
       --unicodes=U+0020-007E,U+00A0-00FF,U+0400-04FF,U+2010-2015,U+2018-201F,U+2022,U+2026,U+2030,U+2039,U+203A,U+20BD,U+2116
       --layout-features=* --flavor=woff2
       --output-file=TemplateData/fonts/harpseal.woff2
   (для текстового — тот же вызов с "TEXT OpenRunde-Bold.ttf" и
   open-runde-bold.woff2). Копии обязаны лежать в ОБОИХ шаблонах —
   RedoSchool и RedoSchoolDev. После пересборки проверить, что в байтах woff2
   не появилось последовательности из трёх фигурных скобок: Unity прогоняет свой
   препроцессор по файлам шаблона, и такая последовательность роняет сборку
   целиком (см. память webgl-template-preprocessor-macros).

   Диапазон font-weight намеренно широкий при одном файле на семейство: так
   браузер считает запрошенные 800/900 покрытыми и не дорисовывает
   синтетический жир поверх и без того плотного начертания.
   --------------------------------------------------------------------------- */
@font-face {
    font-family: "RedoSchool Harpseal";
    src: url("fonts/harpseal.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "RedoSchool Open Runde";
    src: url("fonts/open-runde-bold.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

: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;

    /* Шрифтовые токены: заголовки — Harpseal, весь остальной текст — Open Runde. */
    --rs-font-display: "RedoSchool Harpseal", "Segoe UI", system-ui, sans-serif;
    --rs-font-text: "RedoSchool Open Runde", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
}

* {
    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: var(--rs-font-text);
    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;
}