/* Assets/WebGLTemplates/GhostNurseMinimal/TemplateData/style.css */

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #000;
}

#unity-container {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Растягиваем канвас на весь iframe — удобно для itch */
#unity-canvas {
    width: 100%;
    height: 100%;
    outline: none;
    background: #000;
}

/* Лоадер по центру. По умолчанию скрыт, JS включает display:flex */
#unity-loading-bar {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;                 /* JS ставит "flex" */
    align-items: center;
    gap: 12px;
}

/* ТВОЙ логотип рядом с прогресс-баром */
#unity-logo {
    width: 72px;
    height: 72px;
    background: url('game-logo.png') center / contain no-repeat;
    border-radius: 12px;
    box-shadow: 0 0 0 2px rgba(255,255,255,.06) inset;
}

/* Прогресс бар */
#unity-progress-bar-empty {
    width: 240px;
    height: 10px;
    background: #2a2a2a;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 0 1px rgba(255,255,255,.05) inset;
}
#unity-progress-bar-full {
    width: 0%;
    height: 100%;
    background: #7fffd4;          /* мятный акцент */
}

/* Баннер предупреждений */
#unity-warning {
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    color: #000;
    background: #ffd800;
    padding: 6px 10px;
    display: none;
    border-radius: 4px;
}

/* Кастомная кнопка фуллскрина (если включишь в HTML) */
#fullscreen-btn {
    position: fixed;
    right: 12px;
    bottom: 12px;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 8px;
    background: #141414 url('fullscreen.svg') center / 18px 18px no-repeat;
    opacity: .85;
    cursor: pointer;
}
#fullscreen-btn:hover { opacity: 1; }