/* Дополнительное оформление BG3 (baldursgate3.game) */

/* --------------------------------------------------------------------------
   Фон страницы — дым с baldursgate3.game
   Десктоп: jpg/smoke.jpg (2880×1800). Узкие экраны: png 480×1200 без растягивания по ширине.
   -------------------------------------------------------------------------- */
.bg3-page-atmosphere {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    background-color: #060504;
}

.bg3-page-atmosphere__base {
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(ellipse 95% 50% at 50% -5%, rgba(251, 190, 120, 0.1) 0%, transparent 52%),
        #060504;
}

.bg3-page-atmosphere__media {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
}

.bg3-page-atmosphere__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

/* Мобильный PNG маленький — только по высоте, без раздувания по ширине */
@media (max-width: 768px) {
    .bg3-page-atmosphere__media img {
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        object-fit: contain;
        object-position: center top;
    }
}

.bg3-page-atmosphere__vignette {
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        linear-gradient(180deg, rgba(6, 5, 4, 0.25) 0%, transparent 18%, transparent 82%, rgba(6, 5, 4, 0.4) 100%),
        radial-gradient(ellipse 90% 80% at 50% 50%, transparent 38%, rgba(0, 0, 0, 0.55) 100%);
    pointer-events: none;
}

/* Скроллбары — бронза как на сайте */
.foundry-app ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.foundry-app ::-webkit-scrollbar-track {
    background: transparent;
}

.foundry-app ::-webkit-scrollbar-thumb {
    background: var(--bg3-bronze);
    border-radius: 4px;
}

.foundry-app ::-webkit-scrollbar-thumb:hover {
    background: var(--bg3-gold-hover);
}

.foundry-app {
    scrollbar-color: var(--bg3-bronze) transparent;
    scrollbar-width: thin;
}

/* Ссылки */
.foundry-app a:not(.foundry-tab):not(.import-label):not(.item-name-clickable) {
    color: var(--bg3-gold);
    text-decoration: none;
    transition: color 0.2s;
}

.foundry-app a:not(.foundry-tab):not(.import-label):hover {
    color: var(--bg3-gold-hover);
}

.foundry-app .item-name-clickable:hover {
    color: var(--bg3-gold-hover);
}

/* Вкладки */
.foundry-app .foundry-tab {
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: var(--font-size-12);
}

.foundry-app .foundry-tab:hover {
    background: rgba(183, 143, 109, 0.12);
    color: var(--bg3-cream);
}

/* Кнопки UI */
.foundry-app button,
.foundry-app .header-btn,
.foundry-app .details-btn,
.foundry-app .sidebar header button,
.foundry-app .proficiency-add-btn,
.foundry-app .inventory-expand-btn,
.foundry-app .ability-details-modal-header-btn {
    border-radius: 2px;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
}

.foundry-app .sidebar header button {
    background: rgba(94, 0, 0, 0.35);
    border: 1px solid rgba(251, 206, 160, 0.25);
    box-shadow: none;
    color: var(--bg3-gold);
}

.foundry-app .sidebar header button:hover:not(:disabled) {
    background: rgba(145, 0, 0, 0.55);
    border-color: var(--bg3-gold-hover);
    color: #fff;
}

.foundry-app .character-section .section-header .details-btn {
    background: rgba(94, 0, 0, 0.35);
    border: 1px solid rgba(251, 206, 160, 0.25);
    box-shadow: none;
    color: var(--bg3-gold);
    border-bottom: 1px solid var(--bg3-bronze);
}

.foundry-app .character-section .section-header .details-btn:hover:not(:disabled) {
    background: rgba(145, 0, 0, 0.55);
    border-color: var(--bg3-gold-hover);
    color: #fff;
}

/* Панели сайдбара без bg3-frame — лёгкая подложка */
.foundry-app .sidebar .roll-data:not(.bg3-frame-host) {
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(183, 143, 109, 0.28);
    border-radius: 0;
    box-shadow: inset 0 1px 0 rgba(251, 206, 160, 0.05);
}

/* Внутри секции с рамкой — без отдельных рамок на колонках (спасброски и т.п.) */
.foundry-app .sidebar .bg3-frame-host .roll-data {
    border: none;
    background: transparent;
    box-shadow: none;
}

.foundry-app .sidebar header h2,
.foundry-app .sidebar header button {
    border-bottom-color: var(--bg3-bronze);
}

/* Числа статов в сайдбаре — светлые, как «102» (Макс ОЗ) */
.foundry-app .sidebar .data-value h2,
.foundry-app .sidebar .data-value input,
.foundry-app .sidebar .roll-data .modifier,
.foundry-app .sidebar .roll-data .modifier span,
.foundry-app .sidebar ul.saves .save-roll .modifier,
.foundry-app .sidebar ul.saves .save-roll .modifier span {
    color: var(--bg3-cream);
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.35);
}

.foundry-app .attribute-mod,
.foundry-app .sidebar .attribute-item-sidebar .attribute-mod {
    color: var(--bg3-cream);
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.35);
}

.foundry-app .attribute-abbr,
.foundry-app .sidebar .attribute-item-sidebar .attribute-abbr {
    color: #d46a58;
}

.foundry-app .attribute-full {
    color: var(--bg3-muted);
}

/* Очки героя */
.foundry-app .hero-circle.filled {
    background: var(--bg3-gold);
    border-color: var(--bg3-bronze);
    box-shadow: 0 0 6px rgba(251, 206, 160, 0.35);
}

/* Инвентарь / навыки — строки */
.foundry-app .inventory-item-row,
.foundry-app .skill-item,
.foundry-app .ability-item-row {
    border-bottom: 1px solid rgba(183, 143, 109, 0.12);
}

.foundry-app .inventory-item-row:hover,
.foundry-app .skill-item:hover,
.foundry-app .ability-item-row:hover {
    background: rgba(183, 143, 109, 0.08);
}

.foundry-app .inventory-category-header {
    color: var(--bg3-gold);
    border-bottom: 1px solid rgba(183, 143, 109, 0.35);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* Теги */
.foundry-app .trait,
.foundry-app .item-trait,
.foundry-app .ability-details-tag {
    background: rgba(94, 0, 0, 0.4) !important;
    border-color: rgba(183, 143, 109, 0.4) !important;
    color: var(--bg3-cream) !important;
}

/* Модалки */
.foundry-app .attributes-details-modal-content:not(.bg3-frame-host),
.foundry-app .ability-details-modal-content:not(.bg3-frame-host),
.foundry-app .detail-modal-content {
    border: 1px solid rgba(183, 143, 109, 0.4);
    border-radius: 0;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(251, 206, 160, 0.08);
}

.foundry-app .attributes-details-modal-content.bg3-frame-host,
.foundry-app .ability-details-modal-content.bg3-frame-host {
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.9);
}

.foundry-app .attributes-details-modal-header,
.foundry-app .ability-details-modal-header,
.foundry-app .detail-modal-header {
    border-bottom: 1px solid rgba(183, 143, 109, 0.35);
    background: linear-gradient(180deg, #221c16, #100e0c);
}

.foundry-app .attributes-details-modal-header h3,
.foundry-app .ability-details-title,
.foundry-app .detail-modal-header h2 {
    color: var(--bg3-gold);
}

.foundry-app .ability-details-tab.active {
    border-bottom: 2px solid var(--bg3-gold);
    color: var(--bg3-gold);
}

/* Кнопки действий */
.foundry-app .actions-roll-btn {
    background: linear-gradient(180deg, rgba(94, 0, 0, 0.7), rgba(43, 0, 0, 0.9));
    border: 1px solid rgba(251, 206, 160, 0.35);
    color: var(--bg3-gold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.foundry-app .actions-damage-btn {
    background: rgba(183, 143, 109, 0.2);
    border: 1px solid rgba(183, 143, 109, 0.4);
    color: var(--bg3-cream);
}

.foundry-app .actions-damage-btn.actions-crit-btn {
    background: rgba(251, 206, 160, 0.15);
    border-color: var(--bg3-gold);
    color: var(--bg3-gold);
}

/* Поля ввода */
.foundry-app input[type="text"],
.foundry-app input[type="number"],
.foundry-app select,
.foundry-app textarea {
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(183, 143, 109, 0.25);
    border-radius: 2px;
    color: var(--bg3-cream);
}

.foundry-app input:focus,
.foundry-app select:focus,
.foundry-app textarea:focus {
    outline: none;
    border-color: var(--bg3-gold-hover);
    box-shadow: 0 0 0 1px rgba(251, 206, 160, 0.2);
}

/* Заголовки секций — цвет декора BG3 */
.foundry-app .section-title,
.foundry-app .actions-section-title,
.foundry-app .sidebar header h2 {
    color: var(--bg3-gold);
}

.foundry-app .sidebar_label {
    color: var(--bg3-bronze);
    letter-spacing: 0.06em;
}

/* Портрет */
.foundry-app .avatar-upload-label {
    border-radius: 2px;
}