/* ==========================================================================
   1. ОБЩИЕ ИГРОВЫЕ СТИЛИ САЙТА И НАВИГАЦИЯ
   ========================================================================== */
body {
    background-color: #0b0d10 !important;
    color: #cbd5e1 !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.chronicle-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.navbar { 
    background: linear-gradient(180deg, #0e0e0e 0%, #050505 100%) !important; 
    border-bottom: 2px solid #ffb700 !important; 
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.6) !important; 
}

.nav-btn-gaming { 
    color: #b0b0b0 !important; 
    font-weight: 600; 
    letter-spacing: 0.5px; 
    border: 1px solid transparent; 
    transition: all 0.2s ease-in-out; 
}
.nav-btn-gaming:hover { 
    color: #ffffff !important; 
    background-color: rgba(255, 183, 0, 0.08); 
    border-color: rgba(255, 183, 0, 0.4); 
    box-shadow: 0 0 12px rgba(255, 183, 0, 0.2); 
    transform: translateY(-1px); 
}

/* --- СТИЛИЗАЦИЯ ИГРОВОГО СТАТУСА В ШАПКЕ --- */
.header-profile-zone {
    background: rgba(0, 0, 0, 0.5);
    padding: 6px 14px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}
.pulse-dot-green {
    width: 8px;
    height: 8px;
    background-color: #198754;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
    box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.7);
    animation: statusPulse 2s infinite;
}
@keyframes statusPulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(25, 135, 84, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(25, 135, 84, 0); }
}
.user-name-link {
    color: #ffb700 !important;
    text-decoration: none !important;
}
.user-name-link:hover {
    color: #ffffff !important;
    text-shadow: 0 0 10px #ffb700;
}
.btn-logout-gaming { 
    color: #dc3545; 
    background-color: transparent; 
    border: 1px solid rgba(220, 253, 69, 0.4); 
    font-weight: 600; 
    font-size: 0.75rem !important;
    text-transform: uppercase;
    padding: 4px 10px !important;
    margin-left: 10px;
}
.btn-logout-gaming:hover { 
    color: #fff; 
    background-color: #dc3545; 
    box-shadow: 0 0 12px rgba(220, 53, 69, 0.4); 
}
/* ==========================================================================
   2. КОНТЕЙНЕРЫ, КАРТОЧКИ, ИНПУТЫ И ФОНЫ (WOW STYLE)
   ========================================================================== */
.raid-card, .post-card {
    background: linear-gradient(180deg, #181a20 0%, #111317 100%) !important;
    border: 1px solid #2f3542 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.7) !important;
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.raid-card-header, .chronicle-header {
    background: linear-gradient(90deg, #1c1f26 0%, #111317 100%) !important;
    border-bottom: 2px solid #ffb700 !important;
    padding: 15px 20px !important;
}

.gaming-input {
    background-color: #0b0d10 !important;
    border: 1px solid #3d4454 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 10px 14px !important;
}
.gaming-input:focus {
    border-color: #ffb700 !important;
    box-shadow: 0 0 10px rgba(255, 183, 0, 0.3) !important;
}

/* Кастомные фоны из магазина наград */
.bg-bg_icc, .raid-card.bg-bg_icc { 
    background: linear-gradient(135deg, #101c2b 0%, #16191e 100%) !important; 
    border-color: #00d9ff !important; 
    box-shadow: 0 4px 25px rgba(0, 217, 255, 0.25), inset 0 0 15px rgba(0, 217, 255, 0.1) !important;
}
.bg-bg_dalaran, .raid-card.bg-bg_dalaran { 
    background: linear-gradient(135deg, #1d1233 0%, #16191e 100%) !important; 
    border-color: #a200ff !important; 
    box-shadow: 0 4px 25px rgba(162, 0, 255, 0.3), inset 0 0 15px rgba(162, 0, 255, 0.1) !important;
}

/* Закрепленные посты (Pinned) */
.post-card.post-pinned {
    border: 1px solid #ffb700 !important;
    box-shadow: 0 4px 25px rgba(255, 183, 0, 0.15), inset 0 0 15px rgba(255, 183, 0, 0.05) !important;
    background: linear-gradient(180deg, #1c1a15 0%, #16191e 100%) !important;
}

/* Сетка постов в одну ровную колонку */
.posts-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 25px !important;
    width: 100% !important;
}

.post-author-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    gap: 6px !important;
    position: relative !important;
}

.author-meta {
    display: block !important;
    width: 100% !important;
    padding-right: 170px !important;
    white-space: normal !important;
}

.author-name { color: #ffffff; font-weight: bold; font-size: 1.2rem !important; }
.user-title { 
    display: block !important; color: #00ffcc !important; font-size: 0.85rem !important; font-weight: 700 !important;
    text-shadow: 0 0 8px rgba(0, 255, 204, 0.3);
}

.post-tag-badge { position: absolute !important; top: 0 !important; right: 0 !important; z-index: 10 !important; }
/* ==========================================================================
   3. ИГРОВЫЕ ТЕГИ, ЗНАЧКИ КАТЕГОРИЙ И ПОДВАЛ ПОСТА
   ========================================================================== */
.tag-badge { 
    display: inline-flex !important; align-items: center; gap: 6px; padding: 6px 12px !important; border-radius: 4px !important; 
    font-size: 0.75rem !important; font-weight: bold; text-transform: uppercase; border: 1px solid rgba(255, 255, 255, 0.1);
}
.tag-badge.tag-creator { background: linear-gradient(135deg, #1f0033 0%, #0d001a 100%) !important; color: #00ffcc !important; border-color: #a200ff !important; box-shadow: 0 0 12px rgba(162, 0, 255, 0.4); }
.tag-important { background: linear-gradient(135deg, #b02a37 0%, #781d25 100%) !important; color: #ffffff !important; border-color: #dc3545 !important; }
.tag-tactics { background: linear-gradient(135deg, #1d334a 0%, #0f1c29 100%) !important; color: #0dcaf0 !important; border-color: #0dcaf0 !important; }
.tag-memes { background: linear-gradient(135deg, #3d3014 0%, #241c0b 100%) !important; color: #ffb700 !important; border-color: #ffb700 !important; }
.tag-memes { background: linear-gradient(135deg, #3d3014 0%, #241c0b 100%) !important; color: #ffb700 !important; border-color: #ffb700 !important; }
.tag-logs { background: linear-gradient(135deg, #143d26 0%, #0b2416 100%) !important; color: #198754 !important; border-color: #198754 !important; }
.tag-default { background: linear-gradient(135deg, #2b313d 0%, #1c1f26 100%) !important; color: #cbd5e1 !important; border-color: #4b5563 !important; }

.post-title { font-size: 1.25rem; color: #ffb700; margin: 10px 0; font-weight: 600; }
.post-content { color: #cbd5e1; font-size: 0.95rem; line-height: 1.5; margin-bottom: 15px; }
.rounded-image { max-width: 100%; border-radius: 6px; border: 1px solid #2a2d32; margin-top: 10px; }
.post-date { display: inline-block !important; color: #7a828e; font-size: 0.8rem; margin-top: 4px !important; }

.post-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; border-top: 1px solid #2a2d32; padding-top: 12px; }
.reactions-bar { display: flex; gap: 8px; }
.reaction-btn { background: #20242b; border: 1px solid #2a2d32; padding: 5px 10px; border-radius: 4px; color: #a0aab5; cursor: pointer; font-size: 0.85rem; }
.reaction-btn:hover { background: #ffb700; color: #16191e; border-color: #ffb700; }
.settings-link { color: #7a828e; font-size: 0.85rem; text-decoration: none; }
.settings-link:hover { color: #ffffff; text-shadow: 0 0 5px #fff; }
.hover-bright-red:hover { color: #ff3333 !important; text-shadow: 0 0 8px rgba(255, 51, 51, 0.6); }

/* ==========================================================================
   4. ВНУТРЕННИЕ СТРАНИЦЫ (КАЛЕНДАРЬ, РОСТЕР, АДМИНКА) И АНИМАЦИИ
   ========================================================================== */
.status-btn-group .btn { font-weight: 700 !important; text-transform: uppercase; border-radius: 6px !important; padding: 8px 16px !important; }
.btn-status-go { background: #198754 !important; color: #fff !important; }
.btn-status-bench { background: #ffb700 !important; color: #111317 !important; }
.btn-status-skip { background: #b02a37 !important; color: #fff !important; }

.readiness-bar { background: #0b0d10 !important; border-left: 4px solid #ffb700 !important; padding: 12px 18px !important; }
.signup-column { background: rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 15px !important; border: 1px solid rgba(255, 255, 255, 0.03); }
.signup-user-item { background: #1c1f26; border: 1px solid #2b313d; border-radius: 6px; padding: 8px 12px; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; color: #cbd5e1; }

/* Легендарные рамки аватаров */
.avatar-wrapper { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #252930; padding: 3px; }
.frame-frame_fire { border: 2px solid #ff4500; box-shadow: 0 0 10px #ff4500; animation: fireGlow 1.5s infinite alternate; }
.frame-frame_void { border: 2px solid #8a2be2; box-shadow: 0 0 10px #8a2be2; animation: voidGlow 1.5s infinite alternate; }
.frame-frame_holy { border: 2px solid #ffd700; box-shadow: 0 0 10px #ffd700; animation: holyGlow 2s infinite alternate; }
.frame-creator_exclusive { border: 2px solid #a200ff !important; box-shadow: 0 0 15px #a200ff, inset 0 0 8px #a200ff !important; animation: creatorGlow 2.5s infinite alternate !important; }

@keyframes fireGlow { from { box-shadow: 0 0 4px #ff4500; } to { box-shadow: 0 0 12px #ff8700; } }
@keyframes voidGlow { from { box-shadow: 0 0 4px #8a2be2; } to { box-shadow: 0 0 12px #da70d6; } }
@keyframes holyGlow { from { box-shadow: 0 0 4px #ffd700; } to { box-shadow: 0 0 14px #fff700; } }
@keyframes creatorGlow { from { box-shadow: 0 0 6px #a200ff, inset 0 0 4px #a200ff; filter: hue-rotate(45deg); } to { box-shadow: 0 0 20px #00ffcc, inset 0 0 10px #00ffcc; } }

/* Инвентарь контрастность */
.card-body .btn-outline-warning, .card-body .btn-outline-info, .card-body .btn-outline-success, .card-body .btn-outline-primary { background-color: rgba(255, 255, 255, 0.05) !important; font-weight: 600 !important; color: #ffffff !important; }

/* Стопка кнопок действий в админ-панели */
.table td .d-flex.flex-column { display: flex !important; flex-direction: column !important; gap: 6px !important; width: 100% !important; min-width: 130px !important; }
.table td .d-flex.flex-column form { display: block !important; width: 100% !important; margin: 0 !important; }
.table td .d-flex.flex-column .btn-sm { display: block !important; width: 100% !important; text-align: center !important; padding: 6px 8px !important; font-size: 0.7rem !important; font-weight: 700 !important; text-transform: uppercase !important; border-radius: 4px !important; white-space: nowrap !important; }
.avatar-wrapper img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}
/* Эпический игровой фон для круглых портретов */
.avatar-wrapper {
    background: radial-gradient(circle, #1c1f26 0%, #0b0d10 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}
/* ==========================================================================
   МОБИЛЬНАЯ АДАПТАЦИЯ НАВИГАЦИИ ДЛЯ ОБЛЕГЧЕННОГО BOOTSTRAP
   ========================================================================== */
@media (max-width: 991px) {
    /* Показываем кнопку меню на телефонах */
    .navbar button.navbar-toggler-custom {
        display: block !important;
    }
    
    /* Скрываем ссылки по умолчанию на смартфонах */
    .navbar-collapse-custom {
        display: none !important;
        width: 100% !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
        margin-top: 12px !important;
        padding: 10px !important;
        background: #111317 !important;
        border: 1px solid #2f3542 !important;
        border-radius: 6px !important;
    }
    
    /* Класс для открытия меню через JS */
    .navbar-collapse-custom.show-mobile-menu {
        display: flex !important;
    }
    
    .navbar-collapse-custom .btn {
        width: 100% !important;
        text-align: left !important;
    }
    
    /* Выравниваем зону авторизации на мобильных */
    .auth-zone-custom {
        width: 100% !important;
        flex-direction: column !important;
        align-items: stretch !important;
        margin-top: 5px !important;
    }
    
    .header-profile-zone {
        justify-content: center !important;
        width: 100% !important;
    }
    
    .btn-logout-gaming {
        width: 100% !important;
        text-align: center !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 575.98px) {
    .chronicle-container {
        padding: 10px !important;
    }
    .post-card, .raid-card {
        padding: 12px !important;
    }
    .author-meta {
        padding-right: 0 !important;
    }
    .post-tag-badge {
        position: static !important;
        display: inline-block !important;
        margin-top: 5px !important;
    }
}
/* Игровые стили для кнопок реакций хроники */
.btn-gaming-reaction {
    background: #1a1d24 !important;
    border: 1px solid #2f3542 !important;
    color: #a3a6af !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    transition: all 0.2s ease-in-out !important;
}

.btn-gaming-reaction:hover {
    background: #232731 !important;
    border-color: #ffb700 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

.badge-opacity {
    background-color: rgba(0, 0, 0, 0.4) !important;
    color: #ffb700 !important;
    font-size: 0.8rem !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
}
.shop-avatar-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #ffc107;
    box-shadow: 0 0 10px rgba(255, 193, 7, 0.3);
    transition: transform 0.2s ease;
}

.shop-avatar-img:hover {
    transform: scale(1.1);
    box-shadow: 0 0 15px rgba(255, 193, 7, 0.6);
}
.profile-avatar-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}
/* Стили для картинок-аватарок внутри карточек постов */
.avatar-wrapper img, 
.avatar-placeholder img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    background-color: #0a0a0a; /* Тёмный фон, если у картинки есть прозрачные области */
}
/* ==========================================================================
   ЛЕГЕНДАРНЫЕ ЭФФЕКТЫ ДЛЯ ПРОФИЛЯ (ЦИТАДЕЛЬ СТАТИКА)
   ========================================================================== */

/* 1. ЛЕГЕНДАРНЫЙ ФОН: Цитадель Ледяной Короны (bg-bg_icc) */
.bg-bg_icc {
    background: linear-gradient(135deg, #0d1e2d 0%, #173248 50%, #1f4056 100%) !important;
    border: 1px solid #00bcff !important;
    box-shadow: inset 0 0 30px rgba(0, 188, 255, 0.2), 0 0 20px rgba(0, 188, 255, 0.15) !important;
}

/* 2. ЛЕГЕНДАРНАЯ РАМКА: Рамка Разрушителя Миров (frame-frame_deathwing) */
.frame-frame_deathwing {
    border: 3px solid #dc3545 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 15px #dc3545, inset 0 0 10px #ffc107 !important;
    animation: deathwing-glow 2.5s infinite alternate;
}

@keyframes deathwing-glow {
    0% {
        box-shadow: 0 0 10px #b02a37, inset 0 0 5px #ff8800;
        border-color: #b02a37 !important;
    }
    100% {
        box-shadow: 0 0 22px #dc3545, inset 0 0 15px #ffc107;
        border-color: #ff3344 !important;
    }
}

/* Стилизация картинок внутри рамок для профиля */
.profile-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
/* Стильные бейджи для ролей сайта */
.badge-role {
    font-family: 'Monospace', monospace, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 4px 10px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.badge-owner {
    background: linear-gradient(135deg, #ffb300, #ff6f00);
    color: #fff !important;
    border: 1px solid #ffd54f;
    text-shadow: 0 0 5px rgba(255, 213, 79, 0.6);
}

.badge-admin {
    background: linear-gradient(135deg, #d32f2f, #b71c1c);
    color: #fff !important;
    border: 1px solid #ef5350;
    text-shadow: 0 0 5px rgba(239, 83, 80, 0.6);
}

.badge-tester {
    background: linear-gradient(135deg, #7b1fa2, #4a148c);
    color: #fff !important;
    border: 1px solid #ba68c8;
    text-shadow: 0 0 5px rgba(186, 104, 200, 0.6);
}

.badge-player {
    background: #212529;
    color: #9e9e9e !important;
    border: 1px solid #424242;
}
/* ═══════════════════════════════════════════════════════════════
   CITADEL COMMAND — обновлённая визуальная система админ-панели
   Сохраняет чёрно-золотую палитру проекта, улучшает иерархию.
   ═══════════════════════════════════════════════════════════════ */
.admin-portal { max-width: 1440px; padding-top: 22px; padding-bottom: 56px; }
.admin-hero { position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; min-height:132px; padding:26px 32px; border:1px solid rgba(255,190,35,.32); border-radius:18px; background:radial-gradient(ellipse at 85% 20%,rgba(255,183,0,.13),transparent 42%),linear-gradient(120deg,#17191e,#101114 65%,#19150d); box-shadow:0 14px 36px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035); }
.admin-hero h1 { font-size:clamp(1.55rem,3vw,2.15rem); letter-spacing:.01em; }
.admin-eyebrow { display:block; margin-bottom:8px; color:#d6a72e; font-size:.68rem; font-weight:800; letter-spacing:.2em; }
.admin-subtitle { color:#9ba1ad; font-size:.92rem; }
.admin-hero-mark { display:grid; place-items:center; width:78px;height:78px;border:1px solid rgba(255,190,35,.3);border-radius:22px;color:#e8b63d;font-size:2.5rem;background:rgba(255,183,0,.055);transform:rotate(7deg); }
.admin-stat-card { min-height:116px; display:flex; justify-content:center; gap:8px; border-radius:14px!important; background:linear-gradient(145deg,#1b1e24,#111317)!important; border:1px solid #303640!important; text-align:left!important; padding:22px!important; transition:transform .2s,border-color .2s; }
.admin-stat-card:hover { transform:translateY(-3px);border-color:rgba(255,190,35,.55)!important; }
.admin-stat-card span { color:#a5aab4!important;letter-spacing:.07em;font-size:.7rem!important; }
.admin-stat-card h2 { font-size:1.8rem; }
.admin-layout > div { min-width:0; }
.admin-portal .raid-card { overflow:hidden;border:1px solid #303640!important;border-radius:15px!important;background:linear-gradient(150deg,#191c22,#111317)!important;box-shadow:0 10px 28px rgba(0,0,0,.17); }
.admin-portal .raid-card-header { min-height:60px;padding:17px 20px!important;background:rgba(255,255,255,.018)!important;border-bottom:1px solid rgba(255,190,35,.55)!important; }
.admin-portal .raid-card-header h5 { font-size:.9rem;font-weight:750;letter-spacing:.01em; }
.admin-portal .card-body { color:#c8ccd4; }
.admin-roster-card .card-body { padding:0!important; }
.admin-roster-card .table-responsive { padding:8px 12px 14px; }
.admin-roster-table { min-width:690px;font-size:.86rem!important;border-collapse:separate!important;border-spacing:0 7px!important; }
.admin-roster-table thead th { padding:12px 14px!important;color:#9299a5!important;font-size:.68rem;letter-spacing:.09em;border:0!important;background:#101216!important;white-space:nowrap; }
.admin-roster-table thead th:first-child { border-radius:8px 0 0 8px; }
.admin-roster-table thead th:last-child { border-radius:0 8px 8px 0; }
.admin-roster-table tbody tr { background:#1b1e24!important;transition:background .18s,transform .18s; }
.admin-roster-table tbody tr:hover { background:#242831!important; }
.admin-roster-table tbody td { padding:13px 14px!important;vertical-align:middle;border-top:1px solid #2a303a!important;border-bottom:1px solid #2a303a!important; }
.admin-roster-table tbody td:first-child { border-left:1px solid #2a303a!important;border-radius:10px 0 0 10px;min-width:245px; }
.admin-roster-table tbody td:last-child { border-right:1px solid #2a303a!important;border-radius:0 10px 10px 0; }
.admin-role-select { display:inline-block;width:auto;max-width:145px;min-width:110px;margin-left:5px;padding:3px 25px 3px 8px;background-color:#101216!important;color:#e8c76c!important;border:1px solid rgba(255,190,35,.38)!important;border-radius:7px;font-size:.7rem; }
.admin-role-select:focus { box-shadow:0 0 0 3px rgba(255,190,35,.12)!important; }
.admin-role-feedback { display:inline-block;margin-left:5px;color:#e6a23c;font-size:.72rem; }
.admin-role-feedback.is-ok { color:#5bd49b; }
#roster-search-input { min-height:39px;padding:8px 13px!important;border-radius:9px!important;background:#0e1014!important;border-color:#3a414d!important; }
#roster-search-input:focus { border-color:#d5a52e!important;box-shadow:0 0 0 3px rgba(213,165,46,.12)!important; }
.admin-portal .list-group-item { padding:12px 14px!important;background:#15181e!important;border-color:#303640!important;color:#cbd0d8!important;transition:all .18s; }
.admin-portal .list-group-item:hover { color:#f4ca60!important;border-color:rgba(255,190,35,.4)!important;transform:translateX(2px); }
.admin-portal .form-control,.admin-portal .form-select { border-radius:8px; }
.admin-portal .btn { border-radius:8px;font-weight:650;transition:transform .15s,box-shadow .15s; }
.admin-portal .btn:hover { transform:translateY(-1px); }
.admin-portal .badge { padding:5px 8px;border-radius:6px;font-weight:700;letter-spacing:.01em; }
@media(max-width:767px) { .admin-hero{padding:21px;min-height:112px}.admin-hero-mark{width:55px;height:55px;font-size:1.8rem}.admin-stat-card{min-height:92px;padding:16px!important}.admin-stat-card h2{font-size:1.5rem}.admin-portal .raid-card-header{align-items:flex-start!important;flex-direction:column;gap:12px}.admin-portal #roster-search-input{max-width:100%;width:100%}.admin-roster-table tbody td{padding:11px 10px!important} }
.badge-chief-admin{background:linear-gradient(135deg,#287b8d,#174b63);color:#effcff!important;border:1px solid #55bfd0;text-shadow:0 0 7px rgba(85,191,208,.35)}


/* ===== Цитадель: аккуратная общая полировка ===== */
:root {
  --citadel-gold: #e6ad28;
  --citadel-gold-soft: rgba(230,173,40,.16);
  --citadel-panel: #15181e;
  --citadel-panel-2: #1b1f27;
  --citadel-line: #303744;
  --citadel-muted: #929baa;
}
html { scroll-behavior: smooth; }
body { line-height: 1.55; }
.chronicle-container { width: min(1200px, calc(100% - 32px)); padding: 22px 12px 40px; }
.navbar { min-height: 62px; border-bottom-width: 1px !important; }
.navbar .container { max-width: 1320px; }
.nav-btn-gaming { border-radius: 7px !important; padding: 7px 10px !important; }
.card, .raid-card, .post-card {
  border-radius: 10px !important;
  border-color: var(--citadel-line) !important;
  box-shadow: 0 5px 18px rgba(0,0,0,.22) !important;
}
.card-header, .chronicle-header, .raid-card-header { border-radius: 10px 10px 0 0 !important; }
.btn { transition: background-color .16s ease, border-color .16s ease, transform .16s ease; }
.btn:hover { transform: translateY(-1px); }
.form-control, .form-select { border-radius: 7px !important; }
.table-responsive { max-width: 100%; overflow-x: auto; }
.table { vertical-align: middle; }
.table thead th { color: #e2bd65; font-size: .78rem; letter-spacing: .025em; white-space: nowrap; }
.table tbody tr { border-color: rgba(255,255,255,.07); }
.table tbody tr:hover { background: rgba(230,173,40,.045); }
@media (max-width: 768px) {
  .chronicle-container { width: min(100% - 16px, 1200px); padding: 12px 4px 28px; }
  .navbar .container { justify-content: space-between !important; }
  .navbar-collapse-custom.show-mobile-menu { padding: 12px 0; }
  .post-footer { flex-wrap: wrap; gap: 10px; }
  .reactions-bar { flex-wrap: wrap; }
}

/* ===== Центр общения ===== */
.citadel-chat-page { max-width: 1120px; margin: 10px auto 36px; }
.citadel-section-head {
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding: 22px 24px; margin-bottom:18px; border:1px solid var(--citadel-line);
  border-bottom:2px solid var(--citadel-gold); border-radius:10px;
  background:linear-gradient(115deg,#1b1e25,#111318);
}
.citadel-section-head h1 { margin:3px 0 5px; color:#edf0f5; font-size:1.55rem; font-weight:750; }
.citadel-section-head p { margin:0; color:var(--citadel-muted); font-size:.9rem; }
.citadel-eyebrow { color:var(--citadel-gold); font-size:.68rem; font-weight:800; letter-spacing:.16em; }
.chat-live-indicator { display:flex; align-items:center; gap:8px; color:#aeb8c4; font-size:.78rem; white-space:nowrap; }
.chat-live-indicator i { width:8px; height:8px; border-radius:50%; background:#36b879; box-shadow:0 0 0 4px rgba(54,184,121,.12); }
.chat-shell { display:grid; grid-template-columns:245px minmax(0,1fr); min-height:590px; overflow:hidden; border:1px solid var(--citadel-line); border-radius:11px; background:#12151a; box-shadow:0 8px 26px rgba(0,0,0,.22); }
.chat-sidebar { padding:18px 12px; background:#171a20; border-right:1px solid var(--citadel-line); }
.chat-sidebar-title { padding:0 10px 10px; color:#7f8997; font-size:.68rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.chat-channel { display:flex; align-items:center; gap:11px; padding:11px 10px; margin-bottom:5px; border:1px solid transparent; border-radius:8px; color:#d4dae3; text-decoration:none; }
.chat-channel:hover, .chat-channel.active { color:#fff; background:rgba(230,173,40,.09); border-color:rgba(230,173,40,.28); }
.chat-channel b, .chat-channel small { display:block; }
.chat-channel b { font-size:.86rem; }
.chat-channel small { color:#8993a0; font-size:.72rem; margin-top:2px; }
.chat-channel-icon, .chat-avatar { display:grid; place-items:center; width:36px; height:36px; flex:0 0 36px; border-radius:9px; color:#f1c65d; background:#29251a; }
.chat-avatar { border-radius:50%; color:#d9c4ff; background:#302342; font-weight:800; }
.chat-sidebar-note { margin:22px 8px 0; color:#77818e; font-size:.73rem; line-height:1.55; }
.chat-main { display:flex; min-width:0; flex-direction:column; }
.chat-main-head { display:flex; align-items:center; gap:12px; padding:17px 20px; border-bottom:1px solid var(--citadel-line); background:#191c23; }
.chat-room-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:10px; background:var(--citadel-gold-soft); color:#f0c45b; font-size:1.2rem; }
.chat-main-head h2 { margin:0; color:#f0f2f5; font-size:1rem; font-weight:750; }
.chat-main-head p { margin:3px 0 0; color:#8993a0; font-size:.75rem; }
.chat-messages { display:flex; flex:1; min-height:390px; max-height:560px; flex-direction:column; gap:10px; overflow-y:auto; padding:20px; }
.chat-empty { display:flex; flex:1; min-height:300px; flex-direction:column; align-items:center; justify-content:center; color:#8993a0; text-align:center; }
.chat-empty span { margin-bottom:10px; color:#c79c3c; font-size:1.8rem; }
.chat-empty b { color:#dce1e8; font-size:.95rem; }
.chat-empty small { margin-top:5px; font-size:.78rem; }
.chat-message { max-width:min(78%,620px); align-self:flex-start; padding:10px 13px; border:1px solid #303743; border-radius:10px 10px 10px 3px; background:#1c2028; overflow-wrap:anywhere; }
.chat-message.own { align-self:flex-end; border-color:rgba(230,173,40,.35); border-radius:10px 10px 3px 10px; background:#29251c; }
.chat-message-meta { display:flex; align-items:center; gap:12px; margin-bottom:4px; }
.chat-message-meta b { color:#e9bd54; font-size:.76rem; }
.chat-message-meta time { color:#788391; font-size:.66rem; }
.chat-message p { margin:0; color:#e1e5eb; font-size:.88rem; line-height:1.5; white-space:pre-wrap; }
.chat-compose { display:flex; gap:9px; padding:13px 16px 7px; border-top:1px solid var(--citadel-line); background:#171a20; }
.chat-compose input { min-width:0; flex:1; padding:11px 13px; color:#f1f3f6; background:#0d1014; border:1px solid #343c48; border-radius:8px; outline:none; }
.chat-compose input:focus { border-color:#c99a32; box-shadow:0 0 0 3px rgba(230,173,40,.1); }
.chat-compose button { padding:0 17px; border:1px solid #e6ad28; border-radius:8px; color:#17130a; background:#e6ad28; font-weight:800; }
.chat-compose button:disabled { opacity:.55; cursor:wait; }
.chat-compose-hint { padding:0 17px 12px; color:#737e8c; background:#171a20; font-size:.67rem; }
.chat-error { min-height:0; padding:0 17px; color:#ff777e; font-size:.76rem; background:#171a20; }
@media(max-width:720px) {
  .citadel-section-head { align-items:flex-start; padding:17px; }
  .citadel-section-head h1 { font-size:1.25rem; }
  .chat-shell { grid-template-columns:1fr; }
  .chat-sidebar { display:flex; gap:8px; overflow-x:auto; padding:10px; border-right:0; border-bottom:1px solid var(--citadel-line); }
  .chat-sidebar-title, .chat-sidebar-note { display:none; }
  .chat-channel { min-width:max-content; margin:0; }
  .chat-messages { min-height:340px; padding:13px; }
  .chat-message { max-width:90%; }
  .chat-compose { padding:10px; }
  .chat-compose button { padding:0 12px; }
}

/* ===== Финальная компоновка ленты: карточки строго одна под другой ===== */
#ajax-content, #ajax-content > *, .chronicle-container { min-width: 0; }
.chronicle-container { overflow-x: clip; }
.posts-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 22px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-items: stretch;
}
.post-grid-item { display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; }
.post-grid-item .post-card {
  display:flex !important; flex-direction:column !important;
  width:100% !important; max-width:100% !important; min-width:0 !important;
  padding:20px !important; margin:0 !important; overflow:hidden;
}
.post-author-block { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; align-items:start !important; gap:8px 16px !important; }
.author-meta { min-width:0; padding-right:0 !important; }
.author-name { display:flex !important; align-items:center; flex-wrap:wrap !important; gap:6px !important; font-size:1.05rem !important; }
.user-title { display:inline !important; font-size:.78rem !important; }
.post-tag-badge { position:static !important; justify-self:end; align-self:start; max-width:100%; }
.post-body-content { min-width:0; overflow-wrap:anywhere; }
.post-title { font-size:1.2rem; line-height:1.35; overflow-wrap:anywhere; }
.post-content { white-space:pre-wrap; overflow-wrap:anywhere; }
.post-body-content img, .post-card .rounded-image { display:block; max-width:100%; height:auto; object-fit:contain; }
.post-footer { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.post-footer > .d-flex { margin-left:auto; flex-wrap:wrap; }
.post-footer form { margin:0; }
.post-card .btn-gaming-reaction { min-width:54px; }
@media(max-width:640px) {
  .post-grid-item .post-card { padding:14px !important; }
  .post-author-block { grid-template-columns:minmax(0,1fr) !important; }
  .post-tag-badge { justify-self:start; }
  .post-footer > .d-flex { margin-left:0; }
}

/* === CITadel: единая адаптивная система обновления === */
:root { --citadel-gold:#ffc12f; --citadel-purple:#8b35e8; --citadel-panel:#171a20; --citadel-line:#303744; }
html, body { max-width:100%; overflow-x:hidden; }
img, video, iframe { max-width:100%; }
#ajax-content, #ajax-content > *, .chronicle-container, .container { min-width:0; }
.chronicle-header { gap:16px; flex-wrap:wrap; padding:clamp(16px,3vw,30px); border-radius:14px; background:linear-gradient(135deg,rgba(35,27,48,.96),rgba(19,22,28,.98)); border:1px solid rgba(255,193,47,.45); box-shadow:0 12px 35px rgba(0,0,0,.2); }
.chronicle-header h1 { font-size:clamp(1.35rem,3vw,2.15rem); line-height:1.2; }
.post-card { border-radius:14px!important; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.post-card:hover { border-color:rgba(255,193,47,.48)!important; box-shadow:0 10px 30px rgba(0,0,0,.22); }
.raid-card { min-width:0; }
.profile-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.profile-stat-grid > div { min-width:0; padding:10px 6px; border:1px solid var(--citadel-line); border-radius:9px; background:rgba(255,255,255,.025); text-align:center; }
.profile-stat-grid strong { display:block; color:var(--citadel-gold); font-size:1.15rem; }
.profile-stat-grid span { display:block; color:#89919e; font-size:.68rem; }
.admin-coin-remove-form { display:flex; flex-wrap:wrap; gap:3px; align-items:center; }
.ideas-page .chronicle-header { align-items:center; }
.ideas-page .eyebrow { display:block; color:#b58aff; font-size:.7rem; font-weight:800; letter-spacing:.18em; margin-bottom:7px; }
.idea-total { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:92px; padding:12px 18px; border:1px solid rgba(255,193,47,.35); border-radius:12px; background:rgba(0,0,0,.2); }
.idea-total strong { color:var(--citadel-gold); font-size:1.5rem; }
.idea-total span { color:#9aa2ad; font-size:.7rem; }
.idea-filters { display:grid; grid-template-columns:1fr 1fr auto; gap:8px; }
.idea-card { border-color:#34303f!important; background:linear-gradient(145deg,#1b1924,#15181e)!important; scroll-margin-top:90px; }
.idea-card:hover { border-color:rgba(160,85,255,.55)!important; }
.idea-status { border:1px solid transparent; }
.status-new { color:#cfe8ff; background:#17344a; border-color:#27638a; }
.status-review { color:#ffe3a1; background:#493717; border-color:#8d6824; }
.status-approved,.status-done { color:#c2f5d7; background:#153d2b; border-color:#287a4e; }
.status-progress { color:#d9c6ff; background:#342052; border-color:#7044a5; }
.status-rejected { color:#ffc2c7; background:#481e25; border-color:#9c3542; }
.idea-description { color:#c7cbd3; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.65; }
.idea-admin-note { padding:11px 13px; border-left:3px solid var(--citadel-gold); background:rgba(255,193,47,.07); color:#e7d7b2; border-radius:0 8px 8px 0; }
.idea-comments summary,.idea-admin-tools summary { color:#d2b6ff; cursor:pointer; font-size:.85rem; font-weight:700; }
.idea-comment { padding:9px 0; border-bottom:1px solid rgba(255,255,255,.07); }
.idea-comment strong { color:#f1d18a; font-size:.82rem; }
.idea-comment span { margin-left:8px; color:#777f8d; font-size:.7rem; }
.idea-comment p { margin:4px 0 0; color:#c4c9d2; font-size:.85rem; white-space:pre-wrap; }
.vote-btn { white-space:nowrap; min-width:82px; }
/* Магазин: убираем фиксированные ширины карточек и выравниваем каталог */
.store-grid, .store-category-grid { display:grid!important; grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr))!important; gap:16px!important; width:100%!important; }
.store-grid > *, .store-category-grid > *, .store-page .raid-card { width:auto!important; min-width:0!important; max-width:100%!important; }
.store-page .card-body { min-width:0; }
.store-page h5,.store-page p { overflow-wrap:anywhere; }
/* Рейдовый состав: таблица остаётся внутри карточки, а не расширяет весь экран */
.table-responsive { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.table { min-width:620px; }
/* Админские элементы управления могут переноситься */
.admin-portal, .admin-portal .card-body, .admin-portal .table-responsive { min-width:0; max-width:100%; }
.admin-portal .admin-roster-table { min-width:760px; }
/* Чат */
.citadel-chat-page { width:min(1120px,calc(100% - 28px)); margin:24px auto; min-width:0; }
.chat-shell { min-width:0; }
.chat-messages { overflow-y:auto; overflow-x:hidden; }
.chat-message p { overflow-wrap:anywhere; }
@media(max-width:767.98px) {
  .chronicle-container { width:100%!important; max-width:100%!important; padding:10px 12px 26px!important; }
  .navbar > .container { align-items:center!important; }
  .navbar-brand { font-size:.92rem!important; max-width:calc(100% - 105px); white-space:normal; }
  .navbar-collapse-custom { max-height:70vh; overflow-y:auto; }
  .chronicle-header { align-items:flex-start!important; padding:17px!important; }
  .chronicle-header > * { max-width:100%; }
  .chronicle-header .btn { width:100%; }
  .profile-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .idea-filters { grid-template-columns:1fr; }
  .idea-total { min-width:76px; }
  .idea-card .card-body { padding:14px!important; }
  .store-page .row { margin-left:0!important; margin-right:0!important; }
  .store-page .col-12 { padding-left:0!important; padding-right:0!important; }
  .store-page .card-body { padding:16px!important; }
  .admin-coin-remove-form input[name="reason"] { flex:1 1 100px; width:auto!important; }
  .citadel-chat-page { width:calc(100% - 20px); margin:12px auto; }
  .chat-shell { display:flex!important; flex-direction:column!important; }
  .chat-sidebar { width:100%!important; }
  .chat-main { width:100%!important; min-width:0!important; }
  .chat-compose { gap:6px!important; }
  .chat-compose input { min-width:0!important; width:100%!important; }
  .chat-compose button { flex:0 0 auto; }
}
@media(max-width:420px) {
  .chronicle-container { padding-left:8px!important; padding-right:8px!important; }
  .profile-stat-grid strong { font-size:1rem; }
  .ideas-page .chronicle-header h1 { font-size:1.35rem; }
  .idea-card .d-flex.justify-content-between { align-items:flex-start!important; }
  .vote-btn { min-width:65px; padding:6px 8px; }
  .post-title { font-size:1.05rem!important; }
}

@media(max-width:767.98px) { .store-page .col-12.d-flex.flex-wrap.gap-4 { display:grid!important; grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); gap:12px!important; } .store-page .col-12.d-flex.flex-wrap.gap-4 > .card { width:auto!important; min-width:0!important; max-width:100%!important; } }

.chronicle-feature-strip { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:15px 18px; border:1px solid rgba(147,89,219,.38); border-radius:12px; background:linear-gradient(100deg,rgba(46,26,68,.6),rgba(22,25,31,.92)); }
@media(max-width:575px){.chronicle-feature-strip{align-items:flex-start;flex-direction:column}.chronicle-feature-strip .btn{width:100%}}

.bg-bg_northrend { background:linear-gradient(140deg,#132536,#15191f 70%)!important; border-color:#6ebde8!important; box-shadow:0 0 24px rgba(90,180,235,.16)!important; }
.bg-bg_shadow { background:linear-gradient(140deg,#24152e,#101116 70%)!important; border-color:#8547b4!important; box-shadow:0 0 24px rgba(135,60,190,.18)!important; }
.frame-frame_frost { border:2px solid #70d8ff!important; box-shadow:0 0 14px rgba(80,205,255,.65)!important; }
.frame-frame_arcane { border:2px solid #bb78ff!important; box-shadow:0 0 14px rgba(170,90,255,.65)!important; }

.roster-tools { display:grid; grid-template-columns:minmax(0,1fr) 190px auto; align-items:center; gap:10px; }
.roster-player-row[hidden] { display:none!important; }
@media(max-width:767px){.roster-tools{grid-template-columns:1fr}.roster-tools .form-select{width:100%}}

/* ===== Citadel profile + reward vault refresh ===== */
.profile-page { max-width:1180px; }
.profile-hero { position:relative; overflow:hidden; border:1px solid rgba(173,125,255,.35); border-radius:20px; background:linear-gradient(115deg,#171323 0%,#211638 48%,#11151e 100%); box-shadow:0 18px 50px rgba(0,0,0,.3); }
.profile-hero-cover { position:absolute; inset:0; opacity:.55; background:radial-gradient(circle at 78% 20%,rgba(151,80,255,.35),transparent 35%),radial-gradient(circle at 10% 100%,rgba(70,95,210,.22),transparent 38%); }
.profile-hero-content { position:relative; display:flex; align-items:center; gap:24px; padding:clamp(20px,4vw,38px); min-height:220px; }
.profile-avatar-shell { width:126px;height:126px;flex:0 0 126px;border-radius:50%;padding:5px;display:grid;place-items:center;background:linear-gradient(135deg,#b98aff,#48317a 55%,#e1c1ff);box-shadow:0 0 0 7px rgba(166,112,255,.1),0 0 32px rgba(151,85,255,.4);position:relative; }
.profile-avatar-shell img { width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #171323; }
.profile-avatar-shell > span { width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#28213a,#10131c);font-size:3rem; }
.profile-ban-mark { position:absolute;right:0;top:0;background:#c92b45;color:#fff;font-style:normal;font-weight:900;border:3px solid #211323;border-radius:50%;width:28px;height:28px;text-align:center; }
.profile-identity { min-width:0;flex:1; }
.profile-eyebrow,.store-eyebrow { color:#bd9bff;font-size:.68rem;font-weight:900;letter-spacing:.2em; }
.profile-identity h1 { color:#fff;font-size:clamp(1.65rem,4vw,2.55rem);font-weight:850;margin:4px 0 10px;overflow-wrap:anywhere; }
.profile-badges { display:flex;flex-wrap:wrap;gap:7px; }
.profile-pill { padding:6px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);font-size:.73rem;color:#e4e0ed; }
.profile-pill.gold { color:#ffe09a;border-color:#8f713c;background:rgba(173,128,41,.13); }.profile-pill.blue{color:#a9d8ff;border-color:#3e6c92}.profile-pill.purple,.profile-pill.violet{color:#d9b9ff;border-color:#7452a4;background:rgba(122,75,180,.14)}
.profile-status { color:#d2c8e2;margin:12px 0 0;font-size:.9rem; }.profile-status.muted{color:#81808d}
.profile-level-card { min-width:125px;text-align:center;padding:17px 14px;border:1px solid rgba(193,155,255,.25);border-radius:15px;background:rgba(5,6,12,.28); }.profile-level-card span,.profile-level-card small{display:block;color:#9990aa;font-size:.59rem;letter-spacing:.12em}.profile-level-card strong{display:block;color:#f0d59a;font-size:2.1rem;line-height:1.3}
.profile-stat-grid-large { grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }.profile-stat-grid-large>div{padding:17px 12px;background:linear-gradient(145deg,#1b1926,#12151c);border-color:#393047}.profile-stat-grid-large strong{font-size:1.5rem}
.profile-info-card,.profile-page .raid-card{padding:20px;border:1px solid #343044!important;background:linear-gradient(150deg,#1b1925,#12151b)!important;border-radius:16px!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important}
.profile-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}.profile-section-heading>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(157,103,235,.15);color:#d0aaff;font-size:1.25rem}.profile-section-heading h2{font-size:1.05rem;color:#f3eaff;font-weight:800;margin:0}.profile-section-heading small{font-size:.72rem;color:#858092}.profile-detail{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:.83rem}.profile-detail span{color:#93909e}.profile-detail b{color:#eee9f6;text-align:right}
.profile-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.profile-edit-grid label{display:flex;flex-direction:column;gap:6px;color:#aaa4b5;font-size:.78rem}.profile-edit-wide{grid-column:1/-1}.btn-citadel{background:linear-gradient(110deg,#8c4de5,#6332b8);border:1px solid #a87ae8;color:#fff!important;font-weight:800;border-radius:9px;padding:9px 15px;box-shadow:0 5px 18px rgba(119,65,198,.2)}.btn-citadel:hover{filter:brightness(1.12);transform:translateY(-1px)}
.profile-reset-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.profile-reset-row form{margin:0}.wardrobe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}.wardrobe-item{padding:12px;border:1px solid #383247;border-radius:12px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:7px;min-width:0}.wardrobe-item.is-equipped{border-color:#a67bea;background:rgba(139,85,208,.1)}.wardrobe-item-icon{height:68px;display:grid;place-items:center;font-size:1.8rem;color:#d7b9ff}.wardrobe-item-icon img{width:62px;height:62px;object-fit:cover;border-radius:50%;border:2px solid #a47ae0}.wardrobe-item b{font-size:.75rem;color:#eee;line-height:1.35}.wardrobe-item small{color:#858092;font-size:.65rem}.equipped-label{color:#c6a4ff;font-size:.72rem;font-weight:800}.profile-shop-link{font-size:.75rem;color:#c8a5ff;text-decoration:none;white-space:nowrap}.profile-empty-state{padding:28px;display:flex;flex-direction:column;align-items:center;gap:9px;color:#c5b0e8;text-align:center}.profile-empty-state>span{font-size:.8rem;color:#92899d}
.store-hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px}.store-hero-art{position:relative;overflow:hidden;min-height:220px;padding:clamp(20px,4vw,36px);border:1px solid rgba(175,124,255,.4);border-radius:19px;background:radial-gradient(circle at 80% 15%,rgba(150,91,255,.35),transparent 29%),linear-gradient(120deg,#171323,#25183b 55%,#11141c);}.store-hero-copy{position:relative;z-index:2;max-width:580px}.store-hero-copy h1{font-size:clamp(1.65rem,4vw,2.6rem);font-weight:900;color:#fff;margin:7px 0}.store-hero-copy p{color:#bcb4c9;margin-bottom:16px}.store-hero-emblem{position:absolute;right:7%;top:3%;font-size:9rem;color:rgba(210,177,255,.12);text-shadow:0 0 35px rgba(164,100,255,.3)}.store-orb{position:absolute;border-radius:50%;filter:blur(1px);background:rgba(175,119,255,.18);box-shadow:0 0 45px rgba(164,103,255,.35)}.orb-one{width:100px;height:100px;right:25%;bottom:-40px}.orb-two{width:35px;height:35px;right:8%;top:25%}.store-wallet{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 12px;border:1px solid rgba(240,193,91,.35);border-radius:16px;background:linear-gradient(145deg,#292116,#17151a);text-align:center}.store-wallet span{font-size:.62rem;letter-spacing:.14em;color:#b6a68a;font-weight:900}.store-wallet strong{font-size:1.45rem;color:#ffcf70;margin:7px 0}.store-wallet small{color:#8f887d;font-size:.7rem}.store-intro{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:25px 0 20px}.store-intro h2{font-size:1.35rem;color:#f4edff;font-weight:850;margin:4px 0}.store-owned-count{font-size:.75rem;color:#9c95a8}.store-owned-count b{color:#d4b1ff}.store-category-section{margin:28px 0 36px}.store-category-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.store-category-icon{width:43px;height:43px;border:1px solid rgba(180,131,255,.3);border-radius:13px;background:rgba(143,88,216,.12);display:grid;place-items:center;color:#d2aaff;font-size:1.3rem}.store-category-heading h2{font-size:1.05rem;color:#f2eaff;font-weight:850;margin:0}.store-category-heading p{font-size:.74rem;color:#8f899b;margin:3px 0 0}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,225px),1fr));gap:14px}.store-item-card{overflow:hidden;min-width:0;border:1px solid #373044;border-radius:15px;background:linear-gradient(155deg,#201c2b,#14161d);transition:transform .2s,border-color .2s,box-shadow .2s}.store-item-card:hover{transform:translateY(-4px);border-color:#8f66c9;box-shadow:0 12px 30px rgba(0,0,0,.25)}.store-item-card.is-owned{border-color:rgba(96,171,130,.4)}.store-item-art{height:145px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(153,101,220,.25),transparent 60%),linear-gradient(135deg,#292039,#12151e)}.store-item-art img{width:112px;height:112px;object-fit:cover;border-radius:50%;border:3px solid rgba(202,166,255,.75);box-shadow:0 0 25px rgba(150,95,220,.35)}.art-avatar_arthas img,.art-avatar_dragon img{border-color:#e4a45c}.store-rarity{position:absolute;left:11px;top:10px;padding:4px 7px;border-radius:5px;background:rgba(8,8,13,.55);color:#d3b2ff;font-size:.54rem;font-weight:900;letter-spacing:.12em}.store-frame-preview,.store-bg-preview,.store-title-preview{width:84px;height:84px;display:grid;place-items:center;border:3px solid #b17cff;border-radius:22px;color:#e4c8ff;font-size:2.5rem;box-shadow:0 0 22px rgba(173,111,255,.5),inset 0 0 18px rgba(173,111,255,.2)}.art-frame_fire .store-frame-preview,.art-frame_storm .store-frame-preview{border-color:#ff9b51;color:#ffd09a;box-shadow:0 0 22px rgba(255,125,55,.5)}.art-frame_frost .store-frame-preview{border-color:#80dcff;color:#c8f4ff}.store-bg-preview{width:100%;height:100%;border:0;border-radius:0;box-shadow:none;font-size:3.2rem;background:radial-gradient(circle,#375d83,#151724 65%)}.art-bg_emerald .store-bg-preview{background:radial-gradient(circle,#2e765b,#151724 65%)}.art-bg_abyss .store-bg-preview{background:radial-gradient(circle,#713ba1,#151724 65%)}.store-title-preview{border-radius:50%;border-color:#f0ca72;color:#ffe4a0}.store-item-content{padding:14px}.store-item-content h3{font-size:.9rem;color:#f1eafa;font-weight:850;margin:0 0 7px}.store-item-content p{font-size:.72rem;line-height:1.5;color:#928b9d;min-height:34px;margin:0 0 13px}.store-item-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid rgba(255,255,255,.07);padding-top:11px}.store-item-footer>strong{font-size:.9rem;color:#f5c96f;white-space:nowrap}.store-buy-btn{padding:6px 15px;font-size:.75rem}.store-buy-btn:disabled{opacity:.4;filter:grayscale(1)}.store-owned-tag{font-size:.7rem;color:#8fd5a9;font-weight:800}.store-bottom-note{padding:14px;border:1px dashed rgba(176,132,232,.35);border-radius:12px;text-align:center;color:#a89bb9;font-size:.75rem}
.bg-bg_emerald{background:linear-gradient(140deg,#102b24,#15191e 70%)!important;border-color:#48b88b!important;box-shadow:0 0 24px rgba(55,190,130,.15)!important}.bg-bg_abyss{background:linear-gradient(140deg,#26133a,#11131b 70%)!important;border-color:#9b61d2!important;box-shadow:0 0 24px rgba(155,97,210,.2)!important}.frame-frame_night{border:2px solid #b98aff!important;box-shadow:0 0 15px rgba(173,115,255,.7)!important}.frame-frame_storm{border:2px solid #83d8ff!important;box-shadow:0 0 15px rgba(90,195,255,.7)!important}
@media(max-width:767px){.profile-hero-content{align-items:flex-start;flex-wrap:wrap;gap:15px}.profile-avatar-shell{width:92px;height:92px;flex-basis:92px}.profile-identity{flex:1 1 calc(100% - 110px)}.profile-level-card{margin-left:107px;min-width:0;padding:9px 14px}.profile-level-card strong{font-size:1.45rem}.profile-stat-grid-large{grid-template-columns:repeat(2,minmax(0,1fr))}.store-hero{grid-template-columns:1fr}.store-wallet{align-items:flex-start;padding:13px 18px}.store-wallet strong{margin:2px 0}.store-intro{align-items:flex-start;flex-direction:column}.profile-edit-grid{grid-template-columns:1fr}.profile-edit-wide{grid-column:auto}.profile-page .raid-card{padding:15px}}
@media(max-width:420px){.profile-hero-content{padding:17px}.profile-identity h1{font-size:1.45rem}.profile-badges{gap:5px}.profile-pill{font-size:.64rem;padding:5px 8px}.profile-section-heading{align-items:flex-start}.profile-shop-link{font-size:.65rem}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.store-item-art{height:112px}.store-item-art img{width:80px;height:80px}.store-item-content{padding:10px}.store-item-content h3{font-size:.76rem}.store-item-content p{font-size:.65rem;min-height:45px}.store-item-footer{align-items:flex-start;flex-direction:column}.store-buy-btn{width:100%}.store-item-footer form{width:100%}.store-hero-art{min-height:205px}}
.profile-post-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}.profile-post-card{padding:18px!important}.profile-post-card h3{font-size:1rem;color:#f3eaff;margin:8px 0}.profile-post-card p{color:#aaa3b4;font-size:.82rem;white-space:pre-wrap;overflow-wrap:anywhere}.profile-post-card>small{color:#797486;font-size:.68rem}
.profile-verification summary{cursor:pointer;color:#d0adff;font-size:.88rem;font-weight:800}.profile-verification[open] summary{margin-bottom:10px}


/* CITADEL EXPANSION — raid calendar, character roster and owner command centre */
.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:11px}.character-card{display:flex;align-items:center;gap:11px;min-width:0;padding:12px;border:1px solid rgba(173,123,255,.28);border-radius:13px;background:linear-gradient(135deg,rgba(94,55,145,.18),rgba(15,17,25,.9))}.character-card-art{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle,rgba(167,112,255,.3),rgba(19,17,31,.9));font-size:1.55rem}.character-card-info{display:flex;flex-direction:column;min-width:0;flex:1}.character-card-info strong{color:#f4eaff;font-size:.88rem;overflow-wrap:anywhere}.character-card-info span{color:#c4a6ed;font-size:.7rem}.character-card-info small{color:#8f899d;font-size:.66rem}.character-verified{font-size:.62rem;color:#83e4a7;white-space:nowrap}.pending-character-list{margin-top:16px;padding-top:13px;border-top:1px solid rgba(255,255,255,.08)}.pending-character-list h3{font-size:.82rem;color:#e7c777}.pending-character-row{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;background:rgba(230,174,71,.07);font-size:.72rem}.pending-character-row small{color:#e4bd68}.character-empty{padding:20px}
.raid-calendar-page{max-width:1160px}.raid-calendar-hero{position:relative;overflow:hidden;min-height:230px;border:1px solid rgba(161,103,255,.5);border-radius:20px;background:radial-gradient(ellipse at 75% 20%,rgba(128,70,208,.4),transparent 35%),linear-gradient(110deg,#111722,#211333 55%,#0e111a);box-shadow:0 12px 35px rgba(0,0,0,.28)}.raid-calendar-hero-art{position:absolute;inset:0 0 0 auto;width:48%;opacity:.55;background:linear-gradient(90deg,#171323 0%,transparent 35%),url('/static/images/lich.png') center/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 25%)}.raid-calendar-hero-copy{position:relative;z-index:1;padding:clamp(22px,4vw,38px);max-width:720px}.raid-calendar-hero h1{font-weight:950;color:#fff;font-size:clamp(1.8rem,4vw,2.7rem);margin:8px 0}.raid-calendar-hero p{color:#c3b6d5}.raid-calendar-metrics{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.raid-calendar-metrics div{display:flex;flex-direction:column;min-width:110px;padding:10px 14px;border:1px solid rgba(195,153,255,.22);border-radius:11px;background:rgba(5,6,12,.35)}.raid-calendar-metrics b{font-size:1.25rem;color:#e7c5ff}.raid-calendar-metrics span{font-size:.64rem;color:#9d93ad}.raid-announcement{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px;padding:13px 16px;margin-bottom:18px;border:1px solid rgba(238,190,91,.35);border-radius:12px;background:linear-gradient(90deg,rgba(117,76,20,.2),rgba(25,21,28,.8))}.raid-announcement span{font-size:.68rem;color:#f0c66c;font-weight:900;text-transform:uppercase}.raid-announcement strong{color:#f3e7ce;font-size:.82rem;flex:1}.raid-announcement small{color:#958b7d;font-size:.65rem}.raid-card,.raid-side-panel{border:1px solid #40324f!important;border-radius:16px!important;background:linear-gradient(145deg,#1b1926,#11151d)!important;box-shadow:0 12px 30px rgba(0,0,0,.2)}.raid-create-card{padding:20px}.raid-panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}.raid-panel-heading>span:first-child{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(148,90,225,.17);color:#d6b2ff;font-size:1.3rem}.raid-panel-heading h2{font-size:1.02rem;font-weight:900;color:#f4eaff;margin:0}.raid-panel-heading small{font-size:.68rem;color:#92899f}.raid-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.raid-create-grid label{display:flex;flex-direction:column;gap:6px;color:#aaa2b5;font-size:.72rem;font-weight:700}.raid-form-wide{grid-column:1/-1}.owner-command-tag{padding:5px 9px;border:1px solid rgba(239,190,86,.4);border-radius:20px;color:#f0c56d;font-size:.6rem;font-weight:900;letter-spacing:.08em}.raid-schedule-heading{display:flex;justify-content:space-between;align-items:end;margin:25px 0 14px}.raid-schedule-heading h2{color:#f4eaff;font-size:1.35rem;font-weight:900;margin:4px 0}.raid-count-pill{padding:6px 10px;border-radius:20px;background:rgba(153,104,220,.13);color:#cba8fa;font-size:.68rem}.raid-event-card{padding:17px;border:1px solid #393047;border-radius:16px;background:linear-gradient(145deg,#1b1927,#11151c);box-shadow:0 10px 28px rgba(0,0,0,.18)}.raid-event-top{display:flex;gap:13px;align-items:flex-start}.raid-event-art{width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;border:1px solid rgba(176,126,255,.35);border-radius:13px;background:radial-gradient(circle,rgba(149,94,225,.32),#111521);font-size:2rem}.raid-event-main{flex:1;min-width:0}.raid-event-kicker{font-size:.56rem;letter-spacing:.12em;color:#b69bd5;font-weight:900}.raid-event-status{padding:3px 7px;border-radius:20px;background:rgba(68,181,112,.13);color:#8de0a8;font-size:.56rem;font-weight:900}.raid-event-main h3{font-size:1.05rem;color:#fff;font-weight:900;margin:5px 0}.raid-event-meta{display:flex;flex-wrap:wrap;gap:6px 13px;color:#a69caf;font-size:.68rem}.raid-event-notes{margin:8px 0 0;color:#c5b9d4;font-size:.73rem}.raid-event-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding:11px 0;border-top:1px solid rgba(255,255,255,.07)}.raid-your-status{color:#9a92a3;font-size:.68rem}.raid-status-actions{display:flex;gap:7px;flex-wrap:wrap}.raid-roster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:5px}.raid-roster-col{padding:10px;border-radius:10px;background:rgba(0,0,0,.2);min-width:0}.raid-roster-col h4{font-size:.67rem;font-weight:900;color:#c7b4dd;margin:0 0 8px}.raid-roster-player{display:flex;justify-content:space-between;gap:6px;padding:6px 7px;margin-top:5px;border-radius:7px;background:rgba(255,255,255,.04);font-size:.67rem;color:#e8e2ef}.raid-roster-player small{color:#8e8798;font-size:.59rem;text-align:right}.raid-roster-empty{color:#777181;font-size:.65rem;padding:8px 3px}.raid-side-panel{padding:18px;position:sticky;top:90px}.raid-prep-list{display:flex;flex-direction:column;gap:13px}.raid-prep-list>div{display:flex;gap:11px;align-items:center}.raid-prep-list>div>b{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(151,91,226,.17);color:#d6b5ff;font-size:.72rem}.raid-prep-list span{display:flex;flex-direction:column}.raid-prep-list strong{color:#eee4fa;font-size:.74rem}.raid-prep-list small{color:#898294;font-size:.64rem}.raid-side-footer{margin-top:18px;padding-top:13px;border-top:1px solid rgba(255,255,255,.08);color:#d5b5ff;font-size:.76rem;text-align:center}.raid-empty-state{padding:40px 20px;text-align:center;border:1px dashed rgba(181,134,244,.35);border-radius:15px;background:rgba(117,73,171,.06)}.raid-empty-state>div{font-size:2.2rem}.raid-empty-state h3{color:#eee4fa;font-size:1.1rem}.raid-empty-state p{color:#92899d;font-size:.78rem;margin:0}.owner-command-panel{padding:19px;border:1px solid rgba(240,190,82,.42);border-radius:17px;background:radial-gradient(ellipse at top right,rgba(139,93,35,.2),transparent 45%),linear-gradient(145deg,#1d1b21,#11151b)}.owner-command-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.owner-command-head h2{color:#f4e5c5;font-size:1.2rem;font-weight:900;margin:5px 0}.owner-command-head p{color:#a79b8b;font-size:.72rem;margin:0}.owner-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.owner-command-grid form{padding:13px;border:1px solid rgba(232,190,104,.2);border-radius:12px;background:rgba(0,0,0,.16)}.owner-command-grid label{display:flex;flex-direction:column;gap:7px;color:#d6c7a8;font-size:.75rem;font-weight:800}
@media(max-width:767px){.raid-calendar-hero-art{width:65%;opacity:.25}.raid-calendar-metrics{gap:7px}.raid-calendar-metrics div{min-width:calc(33.33% - 6px);padding:8px}.raid-calendar-metrics b{font-size:1rem}.raid-create-grid,.owner-command-grid{grid-template-columns:1fr}.raid-form-wide{grid-column:auto}.raid-event-top{flex-wrap:wrap}.raid-event-art{width:58px;height:58px;flex-basis:58px}.raid-event-main{flex:1 1 calc(100% - 75px)}.raid-event-top>form{margin-left:auto}.raid-event-actions{align-items:flex-start;flex-direction:column}.raid-roster-grid{grid-template-columns:1fr}.raid-side-panel{position:static}.owner-command-head{align-items:flex-start;flex-direction:column}}

.store-item-art .store-product-art-image{width:116px;height:116px;object-fit:contain;border:0;border-radius:18px;box-shadow:0 0 25px rgba(153,93,236,.3);background:transparent}.art-backgrounds .store-product-art-image{width:100%;height:145px;object-fit:cover;border-radius:0}.art-frames .store-product-art-image,.art-titles .store-product-art-image{width:112px;height:112px;border-radius:16px}.store-item-card:hover .store-product-art-image{filter:brightness(1.15);transform:scale(1.04);transition:transform .2s,filter .2s}
@media(max-width:420px){.store-item-art .store-product-art-image{width:88px;height:88px}.art-backgrounds .store-product-art-image{width:100%;height:112px}}

.roster-character-chip{display:flex;flex-direction:column;gap:1px;margin-top:5px;padding:5px 7px;border-left:2px solid #9b70dc;border-radius:0 6px 6px 0;background:rgba(145,91,205,.09);font-size:.68rem;color:#dfcaff}.roster-character-chip small{font-size:.59rem;color:#92869f}.daily-reward-banner{display:flex;align-items:center;gap:16px;padding:17px 20px;border:1px solid rgba(234,184,84,.38);border-radius:16px;background:radial-gradient(circle at 10% 50%,rgba(235,176,67,.2),transparent 30%),linear-gradient(110deg,#211a27,#11151c)}.daily-reward-art{width:66px;height:66px;flex:0 0 66px;display:grid;place-items:center;border-radius:15px;background:rgba(233,178,70,.12);font-size:2.2rem}.daily-reward-copy{flex:1}.daily-reward-copy h2{font-size:1.05rem;font-weight:900;color:#f8e7c7;margin:4px 0}.daily-reward-copy p{font-size:.72rem;color:#a99eaa;margin:0}.daily-reward-banner form{margin:0}@media(max-width:600px){.daily-reward-banner{align-items:flex-start;flex-wrap:wrap}.daily-reward-banner form{width:100%}.daily-reward-banner form button{width:100%}}


/* CITADEL LIVE NOTIFICATIONS + PRESENCE */
.citadel-notification-wrap{position:relative;z-index:1200}
.citadel-bell{position:relative;width:40px;height:40px;border-radius:13px;border:1px solid rgba(176,91,255,.45);background:linear-gradient(145deg,#25133d,#100d1d);color:#fff;font-size:18px;box-shadow:0 0 16px rgba(155,70,255,.16);cursor:pointer}
.citadel-bell:hover{border-color:#bd70ff;box-shadow:0 0 18px rgba(174,80,255,.4)}
.citadel-notification-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:20px;background:#ff3b68;color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;border:2px solid #090711}
.citadel-notification-badge[hidden],.citadel-notification-popover[hidden]{display:none!important}
.citadel-notification-popover{position:absolute;right:0;top:48px;width:min(360px,calc(100vw - 28px));max-height:440px;overflow:auto;background:linear-gradient(160deg,#1a1328,#0c0b12);border:1px solid rgba(179,95,255,.55);border-radius:16px;box-shadow:0 18px 55px #000b,0 0 25px #8c35ff25;padding:10px}
.citadel-notif-head{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 12px;color:#f1e8ff;border-bottom:1px solid #ffffff18}
.citadel-notif-head button{border:0;background:none;color:#c68bff;font-size:12px;cursor:pointer}
.citadel-notif-item{display:flex;width:100%;gap:10px;text-align:left;border:0;border-bottom:1px solid #ffffff0d;background:transparent;color:#e9e1f4;padding:12px 8px;cursor:pointer}
.citadel-notif-item:hover,.citadel-notif-item.is-unread{background:#8c35ff14}
.citadel-notif-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#9b4dff;margin-top:5px}
.citadel-notif-item:not(.is-unread) .citadel-notif-dot{background:#555}
.citadel-notif-copy{font-size:13px;line-height:1.45}.citadel-notif-copy small{display:block;color:#9387a7;font-size:10px;margin-top:5px}
.citadel-notif-empty{padding:24px 12px;text-align:center;color:#a99ab9;font-size:13px}
.citadel-notif-all{display:block;text-align:center;padding:12px 6px;color:#d2a4ff;text-decoration:none;font-weight:700;font-size:12px}
.citadel-online-count{color:#7dffb1;font-size:12px;min-width:12px}
.citadel-notifications-page{max-width:980px;margin:24px auto;padding:0 12px;color:#eee}
.citadel-notifications-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:26px;border:1px solid #7540a9;border-radius:18px;background:radial-gradient(ellipse at 90% 0%,#6425a633,transparent 45%),linear-gradient(145deg,#1b1726,#101116);margin-bottom:18px}
.citadel-eyebrow{font-size:10px;letter-spacing:2px;color:#d5a3ff;font-weight:800}.citadel-notifications-hero h1{font-size:clamp(23px,4vw,34px);margin:8px 0;color:#f1e7ff}.citadel-notifications-hero p{margin:0;color:#a99bb8;font-size:13px}.citadel-notif-actions{display:flex;gap:8px;flex-wrap:wrap}.citadel-action-primary,.citadel-action-secondary{border-radius:10px;padding:10px 13px;font-weight:700;font-size:12px;cursor:pointer}.citadel-action-primary{border:1px solid #b36aff;background:linear-gradient(120deg,#873be2,#5c27a6);color:white}.citadel-action-secondary{border:1px solid #51435f;background:#17131e;color:#d7c5e9}.citadel-notifications-list{display:grid;gap:10px}.citadel-notification-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #30263d;border-radius:14px;background:linear-gradient(120deg,#17151e,#101116)}.citadel-notification-card.is-unread{border-color:#8746bc;background:linear-gradient(120deg,#241635,#121019);box-shadow:inset 3px 0 #b65cff}.citadel-notification-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#8d43c52b;color:#d6a5ff;font-size:19px;flex-shrink:0}.citadel-notification-body{flex:1;min-width:0}.citadel-notification-body p{margin:0;color:#eee;font-size:14px}.citadel-notification-body time{display:block;margin-top:6px;color:#91869f;font-size:11px}.citadel-notification-open{color:#d4a0ff;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}.citadel-notifications-empty{text-align:center;padding:58px 20px;border:1px dashed #59416f;border-radius:16px;color:#a99bb8;background:#17131e}.citadel-notifications-empty span{font-size:34px;color:#c48aff}.citadel-notifications-empty h3{color:#eee}
@media(max-width:700px){.citadel-notifications-hero{display:block;padding:20px}.citadel-notif-actions{margin-top:16px}.citadel-notification-card{align-items:flex-start}.citadel-notification-open{align-self:center}.citadel-notification-popover{right:-54px}}

/* ==========================================================
   CITADEL 2.0 — GLOBAL FANTASY COMMAND INTERFACE
   ========================================================== */
:root{--cit-bg:#08070e;--cit-panel:#12101d;--cit-panel-2:#191529;--cit-line:rgba(180,126,255,.19);--cit-purple:#a855f7;--cit-violet:#7028d8;--cit-lilac:#d6b4ff;--cit-text:#f4efff;--cit-muted:#938aa8;--cit-gold:#f4c66a;--cit-green:#48dda0}
html{background:var(--cit-bg)}body.citadel-app{margin:0!important;background:radial-gradient(ellipse at 70% -10%,rgba(105,40,170,.17),transparent 38%),radial-gradient(ellipse at 10% 55%,rgba(63,32,112,.10),transparent 35%),var(--cit-bg)!important;color:var(--cit-text);font-family:'Manrope',system-ui,sans-serif;min-height:100vh}
.citadel-app *{box-sizing:border-box}.citadel-shell{min-height:100vh;display:grid;grid-template-columns:286px minmax(0,1fr)}
.citadel-sidebar{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:23px 16px 16px;background:linear-gradient(180deg,rgba(20,14,34,.98),rgba(10,9,17,.98));border-right:1px solid rgba(172,105,255,.2);box-shadow:12px 0 50px rgba(0,0,0,.18);z-index:1050;overflow-y:auto}
.citadel-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;padding:3px 8px 26px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:23px}.citadel-brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#9d4cf4,#3c176f);box-shadow:0 0 26px #8e3ce65c;color:white;font-size:27px}.citadel-brand strong{display:block;font-family:'Unbounded',sans-serif;font-size:16px;letter-spacing:2px}.citadel-brand small{display:block;color:#9d8ab8;font-size:8px;letter-spacing:2px;margin-top:4px}.sidebar-section-label{padding:0 11px;margin:6px 0 10px;color:#796b91;font-size:9px;font-weight:800;letter-spacing:1.8px}.citadel-side-nav{display:grid;gap:5px;margin-bottom:21px}.side-nav-link{position:relative;display:flex;align-items:center;gap:12px;padding:11px 12px;min-width:0;white-space:normal;border:1px solid transparent;border-radius:11px;color:#bcb3cc;text-decoration:none;font-size:12px;font-weight:700;transition:.2s ease}.side-nav-link>span{flex:0 0 22px;width:22px;text-align:center;color:#a77be2;font-size:18px}.side-nav-link:hover,.side-nav-link.active{color:#fff;text-decoration:none;background:linear-gradient(100deg,rgba(142,65,226,.28),rgba(83,38,136,.08));border-color:rgba(173,111,255,.24);box-shadow:inset 3px 0 #a855f7,0 5px 20px #0003}.side-nav-link.active>span{color:#e0baff}.side-nav-owner{color:#f1d49a;background:linear-gradient(100deg,rgba(180,132,54,.15),transparent);border-color:rgba(240,190,95,.16)}.sidebar-spacer{flex:1;min-height:20px}.sidebar-season-card{position:relative;overflow:hidden;padding:16px 13px;border:1px solid rgba(167,104,255,.28);border-radius:15px;background:radial-gradient(circle at 85% 0%,#8735ca33,transparent 45%),linear-gradient(145deg,#201431,#100d1a);margin-bottom:16px}.sidebar-season-card:after{content:'✧';position:absolute;right:8px;top:0;font-size:66px;color:#b36bff;opacity:.13}.season-card-orb{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#a34bf52c;color:#d9b4ff;font-size:20px;margin-bottom:12px}.sidebar-season-card small{display:block;color:#b38be0;font-size:8px;letter-spacing:1.5px;font-weight:800}.sidebar-season-card strong{display:block;color:#fff;font-size:12px;margin:5px 0}.sidebar-season-card>span{color:#9486a8;font-size:9px}.sidebar-footer{display:flex;align-items:center;gap:7px;color:#777086;font-size:9px;padding:9px 4px}.sidebar-status-dot{width:7px;height:7px;border-radius:50%;background:#3cdb98;box-shadow:0 0 10px #3cdb98}.sidebar-version{margin-left:auto;color:#78638f}
.citadel-main-column{min-width:0;display:flex;flex-direction:column}.citadel-topbar{height:72px;position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 clamp(18px,3vw,48px);background:rgba(10,8,16,.83);backdrop-filter:blur(18px);border-bottom:1px solid rgba(171,111,255,.15)}.citadel-breadcrumb{display:flex;align-items:center;gap:10px;color:#796d8e;font-size:9px;letter-spacing:1.6px;font-weight:800}.citadel-breadcrumb b{color:#5b4c70}.citadel-breadcrumb strong{color:#c9bddb}.citadel-topbar-actions{display:flex;align-items:center;gap:13px}.citadel-live-pill{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(68,220,151,.18);border-radius:30px;background:rgba(43,180,122,.06);font-size:10px;color:#8eaa9e}.citadel-live-pill strong{color:#64e9ac;font-size:11px}.citadel-user-chip{display:flex;align-items:center;gap:9px;padding:5px 10px 5px 5px;border:1px solid rgba(255,255,255,.08);border-radius:30px;color:#fff;text-decoration:none;background:rgba(255,255,255,.035)}.citadel-user-chip:hover{border-color:#9956d9;color:#fff}.citadel-user-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#a855f7,#452078);font-weight:900}.citadel-user-chip strong{display:block;font-size:10px}.citadel-user-chip small{display:block;color:#8c829e;font-size:8px}.citadel-user-chip>b{color:#9286a2;margin-left:3px}.citadel-logout{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,89,119,.2);border-radius:10px;color:#ff819b;text-decoration:none}.citadel-logout:hover{background:#ff456b1c;color:#ff9aad}.citadel-login{padding:10px 15px;border-radius:10px;background:linear-gradient(110deg,#883cdb,#57249a);color:white;text-decoration:none;font-size:11px;font-weight:800}.citadel-mobile-menu{display:none;border:1px solid var(--cit-line);border-radius:9px;background:#211630;color:white;padding:7px 10px}.citadel-workspace{flex:1;min-width:0}.chronicle-container{width:min(1500px,100% - 64px)!important;max-width:1500px!important;margin:0 auto!important;padding:32px 0 48px!important;overflow:visible!important}.citadel-flash{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:13px 16px;border:1px solid rgba(73,214,153,.25);border-radius:12px;background:rgba(33,151,104,.09);color:#d8f8e9;font-size:12px;font-weight:700}.citadel-flash>span{color:#55e2a2}.citadel-flash.is-error{border-color:#e65c7a55;background:#b72c4a18;color:#ffdce3}.citadel-flash.is-error>span{color:#ff8198}.citadel-footer{display:flex;justify-content:space-between;gap:15px;padding:16px clamp(18px,3vw,48px);border-top:1px solid rgba(255,255,255,.06);color:#655d73;font-size:9px;letter-spacing:.5px}.citadel-footer span:first-child{color:#9c7cc1;font-weight:900;letter-spacing:1.4px}.citadel-mobile-dock{display:none}
/* Page-level visual language */
.chronicle-header{position:relative;isolation:isolate;overflow:hidden;min-height:185px;padding:30px!important;border:1px solid rgba(171,105,255,.35)!important;border-radius:20px 20px 7px 7px!important;background:linear-gradient(90deg,rgba(12,9,20,.98) 0%,rgba(16,10,27,.88) 48%,rgba(14,9,22,.34) 100%),url('/static/images/citadel-dashboard.webp') center 43%/cover!important;box-shadow:0 16px 45px rgba(0,0,0,.28),inset 0 0 55px rgba(147,62,230,.12)}.chronicle-header:after{content:'♛';position:absolute;right:7%;top:50%;transform:translateY(-50%);font-size:130px;color:#d7aaff;opacity:.10;z-index:-1;text-shadow:0 0 35px #a34cff}.chronicle-header h1{font-family:'Unbounded','Manrope',sans-serif!important;font-size:clamp(20px,2.4vw,31px)!important;letter-spacing:-1px;color:#f4edff!important;text-shadow:0 3px 25px #000}.chronicle-feature-strip,.card,.post-grid-item,.raid-event-card,.store-item-card,.profile-card,.roster-card{border-color:rgba(174,125,235,.2)!important;box-shadow:0 12px 34px rgba(0,0,0,.16)}.chronicle-feature-strip{border-radius:13px!important;background:linear-gradient(110deg,rgba(43,25,66,.88),rgba(18,15,27,.94))!important;padding:18px 20px!important}.btn-warning,.btn-glow{background:linear-gradient(110deg,#f4c66a,#d99b32)!important;border-color:#f5c66d!important;color:#1b1421!important;box-shadow:0 5px 18px rgba(227,167,64,.16)}.btn-outline-warning{border-color:#a86bea!important;color:#d8b4ff!important}.btn-outline-warning:hover{background:#8d49cb!important;color:white!important}.form-control,.form-select,.gaming-input{background:#0d0b14!important;border-color:rgba(176,143,218,.24)!important;color:#f4efff!important;border-radius:9px!important}.form-control:focus,.form-select:focus{border-color:#a65af1!important;box-shadow:0 0 0 .2rem rgba(166,90,241,.13)!important}.table,.table td,.table th{color:#ddd3eb!important}.table thead th{color:#e8c77d!important}.badge{letter-spacing:.1px}
/* Notifications remain above the new chrome */
.citadel-notification-wrap{position:relative;z-index:1201}.citadel-bell{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#241533,#100c18);border:1px solid rgba(181,123,255,.28);color:#e6caff;font-size:17px}.citadel-notification-popover{z-index:1500}
@media(max-width:1100px){.citadel-shell{grid-template-columns:210px minmax(0,1fr)}.citadel-sidebar{padding-left:12px;padding-right:12px}.chronicle-container{width:calc(100% - 38px)!important}}
@media(max-width:760px){.citadel-shell{display:block}.citadel-sidebar{position:fixed;left:0;top:0;bottom:0;width:min(290px,84vw);height:100dvh;transform:translateX(-105%);transition:transform .25s ease;box-shadow:25px 0 60px #0009}.citadel-sidebar.is-open{transform:translateX(0)}.citadel-topbar{height:62px;padding:0 13px;gap:10px}.citadel-mobile-menu{display:block;flex:0 0 auto}.citadel-breadcrumb{font-size:8px;gap:6px;letter-spacing:1px;margin-right:auto}.citadel-breadcrumb span{display:none}.citadel-topbar-actions{gap:7px}.citadel-live-pill{padding:7px 8px;font-size:9px}.citadel-live-pill>span:nth-child(2){display:none}.citadel-user-chip{padding:3px}.citadel-user-chip>span:nth-child(2),.citadel-user-chip>b{display:none}.citadel-user-avatar{width:30px;height:30px}.citadel-logout{width:30px;height:30px}.chronicle-container{width:100%!important;padding:17px 13px 88px!important}.chronicle-header{min-height:150px;padding:20px!important;background-position:58% center!important}.chronicle-header h1{max-width:75%;font-size:19px!important;line-height:1.35}.chronicle-header:after{right:2%;font-size:90px}.chronicle-feature-strip{align-items:flex-start!important;gap:12px!important;flex-direction:column!important}.citadel-footer{padding:13px 15px 82px;font-size:8px}.citadel-mobile-dock{position:fixed;z-index:1100;left:10px;right:10px;bottom:10px;display:flex;justify-content:space-around;gap:3px;padding:8px 5px calc(8px + env(safe-area-inset-bottom));border:1px solid rgba(183,127,255,.25);border-radius:17px;background:rgba(17,12,27,.94);backdrop-filter:blur(18px);box-shadow:0 12px 35px #0009}.citadel-mobile-dock a{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:#9c90af;text-decoration:none;font-size:17px}.citadel-mobile-dock a small{font-size:8px;font-weight:700}.citadel-mobile-dock a:hover{color:#e2c2ff}.citadel-notification-popover{position:fixed;top:65px;right:10px}.citadel-user-chip{border:0;background:transparent}.citadel-breadcrumb strong{font-size:7px}}
@media(max-width:420px){.citadel-live-pill{gap:4px}.citadel-topbar-actions{gap:4px}.citadel-logout{display:none}.chronicle-header h1{font-size:17px!important}.chronicle-header .btn{font-size:10px;padding:7px 9px}}

/* ===== CITADEL COMMAND CENTER: cinematic home dashboard ===== */
.command-home{max-width:1320px;margin:0 auto;color:#eee8f7}.command-hero{min-height:390px;position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(178,126,255,.32);border-radius:24px;background:#100c19;box-shadow:0 24px 70px #0007,inset 0 0 70px #8b4bd014}.command-hero-art{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#100c19 0%,rgba(16,12,25,.96) 28%,rgba(16,12,25,.52) 64%,rgba(16,12,25,.15) 100%),url('/static/images/citadel-dashboard.webp') center 46%/cover no-repeat;transform:scale(1.015)}.command-hero:after{content:'';position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 82% 45%,rgba(153,82,255,.2),transparent 42%),linear-gradient(0deg,#100c19a8,transparent 36%)}.command-hero-noise{position:absolute;inset:0;z-index:-1;opacity:.12;background-image:radial-gradient(#fff 0.55px,transparent .55px);background-size:5px 5px;mask-image:linear-gradient(90deg,transparent,#000)}.command-hero-content{padding:clamp(25px,5vw,58px);max-width:760px;position:relative}.command-kicker,.command-overline{font-size:9px;font-weight:900;letter-spacing:2px;color:#c39aff}.command-kicker{display:flex;align-items:center;gap:9px}.command-kicker-dot,.command-live-label i{width:7px;height:7px;border-radius:50%;background:#59e6ae;box-shadow:0 0 13px #59e6ae}.command-hero h1{font-family:'Unbounded','Manrope',sans-serif;font-size:clamp(34px,5vw,62px);line-height:1.13;letter-spacing:-2.8px;font-weight:800;color:#fff;margin:22px 0 14px}.command-hero h1 em{font-style:normal;color:#c9a2ff;text-shadow:0 0 35px #9d5be966}.command-hero-content>p{max-width:480px;color:#b8adca;font-size:14px;line-height:1.8}.command-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.command-primary,.command-secondary{display:inline-flex;align-items:center;gap:20px;padding:12px 17px;border-radius:10px;text-decoration:none;font-size:11px;font-weight:900;transition:.2s}.command-primary{color:#170e22;background:linear-gradient(110deg,#e9c47a,#bd8aff);box-shadow:0 8px 25px #a76ce633}.command-secondary{color:#e7d9fa;border:1px solid #a87cce66;background:#21172d99}.command-primary:hover,.command-secondary:hover{transform:translateY(-2px);filter:brightness(1.1);color:inherit}.command-hero-foot{display:flex;gap:20px;flex-wrap:wrap;margin-top:42px;color:#7f718f;font-size:8px;font-weight:900;letter-spacing:1.5px}.command-hero-emblem{position:absolute;right:8%;top:50%;transform:translateY(-50%);font-size:clamp(100px,18vw,230px);line-height:1;color:#d5b4ff;opacity:.13;text-shadow:0 0 55px #a65bff;pointer-events:none}.command-section-head,.command-panel-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:34px 0 15px}.command-section-head h2,.command-panel-head h2,.command-quick-links h2{font-size:19px;font-weight:850;color:#f5efff;margin:5px 0 0}.command-live-label{display:flex;align-items:center;gap:8px;color:#7f8f88;font-size:8px;letter-spacing:1px;font-weight:800}.command-live-label i{display:inline-block}.command-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.command-stat-card{position:relative;display:flex;flex-direction:column;min-height:150px;padding:18px;border:1px solid #453657;border-radius:15px;text-decoration:none;background:linear-gradient(145deg,#1d1728,#12121b 80%);transition:.22s;overflow:hidden}.command-stat-card:after{content:'';position:absolute;width:110px;height:110px;right:-45px;top:-48px;border-radius:50%;background:#a55df51c;filter:blur(2px)}.command-stat-card:hover{transform:translateY(-3px);border-color:#a46cdb;box-shadow:0 14px 32px #0005}.command-stat-icon{font-size:19px;color:#c69aff}.command-stat-label{margin-top:14px;color:#958ba4;font-size:10px;font-weight:700}.command-stat-card strong{margin-top:3px;color:#fff;font-size:23px;font-weight:900}.command-stat-card small{margin-top:auto;color:#766d82;font-size:9px}.command-stat-card small b{color:#c69aff;margin-left:5px}.command-main-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.8fr);gap:15px;margin-top:16px}.command-panel{min-width:0;border:1px solid #3b3049;border-radius:17px;background:linear-gradient(145deg,#1b1724,#11131a);padding:20px}.command-panel-head{margin:0 0 14px}.command-text-link{font-size:10px;color:#c7a0f4;text-decoration:none;font-weight:800}.command-activity-list{display:flex;flex-direction:column}.command-activity-item{display:flex;align-items:center;gap:13px;padding:14px 4px;border-top:1px solid #ffffff0c;text-decoration:none;min-width:0}.command-activity-mark{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:11px;background:#9c5be51c;color:#c9a0ff}.command-activity-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.command-activity-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eee7f8;font-size:11px}.command-activity-copy small{color:#81788e;font-size:9px}.command-activity-arrow{color:#8c6caf}.command-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:35px 10px;color:#c8a4ef}.command-empty>span{font-size:32px}.command-empty strong{margin:8px 0;color:#eee}.command-empty small{color:#847b91;font-size:10px}.command-side-stack{display:grid;grid-template-rows:1fr 1fr;gap:13px}.command-feature-card{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:155px;padding:20px;border:1px solid #60447c;border-radius:16px;text-decoration:none;overflow:hidden;transition:.2s}.command-feature-card:hover{transform:translateY(-2px);border-color:#bd8cf5;color:white}.command-feature-raid{background:radial-gradient(circle at 90% 20%,#9c5cff38,transparent 40%),linear-gradient(130deg,#241638,#14131d)}.command-feature-ideas{background:radial-gradient(circle at 90% 20%,#d4a74b25,transparent 40%),linear-gradient(130deg,#282018,#15141a);border-color:#72552d}.command-feature-icon{position:absolute;right:18px;top:12px;font-size:36px;color:#caa2ff;opacity:.35}.command-feature-card .command-overline{font-size:8px}.command-feature-card strong{max-width:250px;margin:8px 0 5px;color:#fff;font-size:15px}.command-feature-card small{max-width:270px;color:#a79bad;font-size:9px;line-height:1.6}.command-feature-card>b{margin-top:13px;color:#d4b0ff;font-size:9px}.command-feature-ideas>b{color:#e8c77f}.command-quick-links{margin-top:30px;padding:20px;border:1px solid #3b3049;border-radius:17px;background:linear-gradient(120deg,#191522,#11131a)}.command-quick-links h2{margin-bottom:16px}.command-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.command-quick-grid>a{display:flex;flex-direction:column;gap:5px;padding:15px;border:1px solid #ffffff10;border-radius:12px;background:#ffffff04;text-decoration:none;transition:.2s}.command-quick-grid>a:hover{background:#a45ce51a;border-color:#a45ce566;transform:translateY(-2px)}.command-quick-grid>a>span{font-size:20px;color:#c69aff}.command-quick-grid b{font-size:10px;color:#eee7f7}.command-quick-grid small{font-size:8px;color:#81788e}
@media(max-width:900px){.command-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.command-main-grid{grid-template-columns:1fr}.command-side-stack{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}}
@media(max-width:560px){.command-hero{min-height:370px;border-radius:17px}.command-hero-art{background-position:62% center}.command-hero-content{padding:24px 20px}.command-hero h1{font-size:36px;letter-spacing:-1.8px}.command-hero-emblem{right:2%;top:70%;font-size:100px}.command-hero-foot{margin-top:28px}.command-section-head{align-items:flex-start;flex-direction:column}.command-live-label{font-size:7px}.command-stats-grid{gap:8px}.command-stat-card{min-height:135px;padding:13px}.command-stat-card strong{font-size:19px}.command-side-stack{grid-template-columns:1fr}.command-feature-card{min-height:145px}.command-quick-links{padding:15px}.command-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.command-panel{padding:15px}.command-activity-copy strong{white-space:normal}}

/* CITADEL AUTH EXPERIENCE — login and registration */
.auth-stage{--auth-violet:#a855f7;--auth-pink:#d38cff;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(24px,4vw,64px);align-items:center;min-height:min(760px,calc(100vh - 170px));padding:clamp(18px,3vw,42px);overflow:hidden;border:1px solid rgba(174,111,255,.2);border-radius:24px;background:radial-gradient(ellipse at 18% 15%,rgba(111,38,180,.22),transparent 38%),radial-gradient(ellipse at 80% 85%,rgba(62,28,116,.24),transparent 42%),linear-gradient(135deg,#100b1b 0%,#090811 55%,#120a20 100%);box-shadow:0 24px 80px #0008,inset 0 1px #ffffff0b;animation:authStageIn .55s ease both}
.auth-stage:before,.auth-stage:after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(2px)}.auth-stage:before{width:520px;height:520px;left:-180px;top:-220px;background:radial-gradient(circle,rgba(155,65,255,.22),transparent 68%)}.auth-stage:after{width:440px;height:440px;right:-150px;bottom:-230px;background:radial-gradient(circle,rgba(93,40,165,.2),transparent 68%)}
.auth-showcase{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:560px;padding:clamp(18px,3vw,42px);overflow:hidden;border:1px solid rgba(176,117,255,.25);border-radius:20px;background:linear-gradient(90deg,rgba(9,7,18,.94) 0%,rgba(14,8,28,.82) 52%,rgba(11,7,20,.3) 100%),url('/static/images/citadel-dashboard.webp') center 32%/cover,radial-gradient(circle at 70% 35%,#57208c,#100a1d 65%);box-shadow:inset 0 0 80px #090510,0 18px 55px #0006}
.auth-showcase:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,5,13,.15),transparent 45%,rgba(7,5,13,.72)),linear-gradient(90deg,rgba(10,7,18,.3),transparent 80%)}
.auth-showcase-top,.auth-showcase-bottom,.auth-crest,.auth-eyebrow,.auth-showcase h1,.auth-lead,.auth-feature-grid{position:relative;z-index:1}.auth-showcase-top,.auth-showcase-bottom{display:flex;align-items:center;gap:12px}.auth-showcase-top{position:absolute;top:25px;left:28px;right:28px;justify-content:space-between}.auth-kicker{font-size:9px;font-weight:900;letter-spacing:2px;color:#c69bff}.auth-kicker i{color:#7c3cc4;font-style:normal}.auth-season{font-size:8px;letter-spacing:1.4px;color:#9b8ba9}.auth-crest{width:70px;height:70px;display:grid;place-items:center;margin-bottom:24px;border:1px solid #b77aff70;border-radius:22px;background:linear-gradient(145deg,#8c43d64a,#2b164c80);box-shadow:0 0 35px #9c4bfa35,inset 0 0 20px #fff1;color:#f0d9ff;font-size:42px;text-shadow:0 0 22px #c17aff}
.auth-eyebrow{margin:0 0 12px;color:#c39ae9;font-size:10px;font-weight:900;letter-spacing:3px}.auth-showcase h1{margin:0;color:#fff;font-family:'Unbounded','Manrope',sans-serif;font-size:clamp(35px,5vw,66px);line-height:1.12;letter-spacing:-2px;text-shadow:0 4px 30px #000}.auth-showcase h1 em{font-style:normal;color:#d9b4ff;text-shadow:0 0 30px #a34cff99}.auth-lead{max-width:420px;margin:20px 0 34px;color:#b9a9c8;font-size:14px;line-height:1.8}.auth-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:620px}.auth-feature-grid>div{min-height:104px;padding:15px 12px;border:1px solid #b77aff2b;border-radius:13px;background:linear-gradient(145deg,#251538b8,#100b1bba);backdrop-filter:blur(10px)}.auth-feature-grid span{display:block;margin-bottom:10px;color:#d8b0ff;font-size:22px;text-shadow:0 0 15px #a855f7}.auth-feature-grid b,.auth-feature-grid small{display:block}.auth-feature-grid b{color:#f1e8fa;font-size:10px}.auth-feature-grid small{margin-top:5px;color:#94849f;font-size:8px;line-height:1.5}.auth-showcase-bottom{position:absolute;bottom:24px;left:28px;right:28px;color:#8f829e;font-size:8px;font-weight:800;letter-spacing:1.4px}.auth-live-dot{width:7px;height:7px;border-radius:50%;background:#42e5a0;box-shadow:0 0 12px #42e5a0}.auth-bottom-line{height:1px;flex:1;background:linear-gradient(90deg,#9d57e755,transparent)}
.auth-panel-wrap{position:relative;z-index:2;width:100%;max-width:460px;margin:0 auto}.auth-panel{position:relative;padding:clamp(24px,3vw,38px);border:1px solid rgba(190,132,255,.32);border-radius:20px;background:linear-gradient(155deg,rgba(30,19,47,.96),rgba(12,10,20,.97));box-shadow:0 25px 75px #0009,0 0 45px #7f35c51c,inset 0 1px #ffffff0d;backdrop-filter:blur(18px)}.auth-panel:before{content:"";position:absolute;inset:7px;border:1px solid rgba(180,121,255,.1);border-radius:14px;pointer-events:none}.auth-panel-gem{width:48px;height:48px;display:grid;place-items:center;margin-bottom:24px;border:1px solid #c18bff55;border-radius:15px;background:radial-gradient(circle at 30% 20%,#b66aff55,#50247b55);color:#e7caff;font-size:25px;box-shadow:0 0 25px #9b4be933}.auth-panel-heading{margin-bottom:28px}.auth-panel-heading h2{margin:10px 0 7px;color:#fff;font-family:'Unbounded','Manrope',sans-serif;font-size:clamp(22px,2.2vw,29px);line-height:1.3}.auth-panel-heading p{margin:0;color:#9587a5;font-size:11px}.auth-form{display:grid;gap:10px}.auth-form label{margin-top:7px;color:#c5b5d2;font-size:10px;font-weight:800;letter-spacing:.5px}.auth-input-wrap{display:flex;align-items:center;gap:11px;min-height:52px;padding:0 14px;border:1px solid #67517c88;border-radius:11px;background:#090711b8;transition:border-color .2s,box-shadow .2s,background .2s}.auth-input-wrap:focus-within{border-color:#b16bff;box-shadow:0 0 0 3px #a855f71c,0 0 22px #a855f72a;background:#0d0916}.auth-input-wrap>span{color:#b47af0;font-size:18px}.auth-input-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font:600 12px 'Manrope',sans-serif}.auth-input-wrap input::placeholder{color:#71647d}.auth-reveal{border:0;background:transparent;color:#a88abf;font-size:16px;cursor:pointer}.auth-submit{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;margin-top:14px;border:1px solid #c28aff66;border-radius:11px;background:linear-gradient(110deg,#853bd4,#6122a9 55%,#8a2fe0);box-shadow:0 8px 25px #7d2ec64a,inset 0 1px #ffffff30;color:#fff;font-size:12px;font-weight:900;letter-spacing:.3px;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s}.auth-submit b{margin-left:auto;padding-right:15px;font-size:17px}.auth-submit span{padding-left:15px;font-size:17px}.auth-submit:hover{transform:translateY(-2px);filter:brightness(1.13);box-shadow:0 12px 32px #8d3bdc77}.auth-divider{display:flex;align-items:center;gap:14px;margin:22px 0 16px;color:#786b87;font-size:8px;font-weight:900;letter-spacing:2px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#78529588,transparent)}.auth-secondary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:1px solid #8f5fc266;border-radius:11px;background:#24153670;color:#e0c5fa;text-decoration:none;font-size:11px;font-weight:900;transition:.2s}.auth-secondary span{font-size:20px;color:#c68cff}.auth-secondary:hover{border-color:#c38aff;background:#45206b66;color:#fff;box-shadow:0 0 20px #9b4be92b}.auth-panel-note{margin:18px 0 0;color:#82758f;font-size:9px;line-height:1.7;text-align:center}.auth-security{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:17px;color:#82758e;font-size:9px}.auth-security span{color:#c18aff;font-size:15px}
@keyframes authStageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.auth-stage{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:20px;padding:20px}.auth-showcase{min-height:520px;padding:24px}.auth-feature-grid{grid-template-columns:1fr;max-width:260px}.auth-feature-grid>div{min-height:0;padding:10px 12px}.auth-feature-grid span{float:left;margin:0 10px 0 0}.auth-feature-grid small{margin-top:2px}}
@media(max-width:760px){.auth-stage{display:flex;flex-direction:column;align-items:stretch;gap:15px;min-height:0;padding:10px;border-radius:16px}.auth-showcase{min-height:270px;padding:22px;background-position:center 28%}.auth-showcase-top{top:17px;left:18px;right:18px}.auth-crest{width:44px;height:44px;margin:28px 0 12px;border-radius:13px;font-size:26px}.auth-eyebrow{font-size:8px;letter-spacing:2px}.auth-showcase h1{font-size:34px;letter-spacing:-1px}.auth-lead{max-width:300px;margin:10px 0 16px;font-size:10px}.auth-feature-grid{display:none}.auth-showcase-bottom{bottom:15px;left:18px;right:18px;font-size:7px}.auth-panel-wrap{max-width:none}.auth-panel{padding:23px 19px;border-radius:15px}.auth-panel-gem{width:40px;height:40px;margin-bottom:16px}.auth-panel-heading{margin-bottom:18px}.auth-panel-heading h2{font-size:22px}.auth-input-wrap{min-height:49px}.auth-submit{min-height:49px}.auth-security{margin:10px 0 4px}.chronicle-container:has(.auth-stage){padding:12px 10px 84px!important}}
@media(prefers-reduced-motion:reduce){.auth-stage{animation:none}.auth-submit,.auth-secondary,.auth-input-wrap{transition:none}}

/* Dynasty fantasy character portraits */
.profile-avatar-shell > img, .store-avatar-art { width:100%; height:100%; object-fit:cover; display:block; }
.store-item-art .store-avatar-art { width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.avatar-fallback { place-items:center; width:100%; height:100%; }


/* Dynasty shop art pack: frames, titles, backgrounds */
.store-hero-art{background-image:linear-gradient(90deg,rgba(10,7,18,.96),rgba(10,7,18,.52) 58%,rgba(10,7,18,.18)),url('/static/images/items/dynasty-shop-hero.webp')!important;background-size:cover!important;background-position:center 46%!important;border:1px solid rgba(216,171,93,.25);}
.store-item-art{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(131,76,201,.26),rgba(12,10,19,.96) 72%);}
.store-item-art .store-product-art-image{width:124px;height:124px;object-fit:contain;border:1px solid rgba(214,174,99,.22);border-radius:15px;background:rgba(10,8,17,.45);box-shadow:0 8px 28px rgba(0,0,0,.35),0 0 24px rgba(139,76,211,.2);}
.art-backgrounds .store-product-art-image{width:100%;height:100%;min-height:150px;object-fit:cover;border:0;border-radius:0;box-shadow:none;}
.art-frames .store-product-art-image{width:138px;height:138px;object-fit:contain;border:0;background:transparent;box-shadow:0 0 24px rgba(164,103,238,.25);}
.art-titles .store-product-art-image{width:118px;height:138px;object-fit:contain;border:0;background:transparent;box-shadow:0 0 22px rgba(231,174,73,.2);}
.wardrobe-product-art{width:100%;height:100%;object-fit:contain;display:block;border-radius:10px;filter:drop-shadow(0 5px 10px #0008);}
.wardrobe-item-icon:has(.wardrobe-product-art){padding:5px;background:radial-gradient(circle,rgba(128,78,192,.28),rgba(12,10,18,.9));}
@media(max-width:420px){.store-item-art .store-product-art-image{width:88px;height:88px}.art-backgrounds .store-product-art-image{height:112px}.art-frames .store-product-art-image{width:100px;height:100px}.art-titles .store-product-art-image{width:90px;height:105px}}

/* Dynasty shop: rarity tiers, purchase feedback and loot reveal */
.store-item-card.rarity-common{border-color:rgba(174,174,190,.28)}
.store-item-card.rarity-rare{border-color:rgba(75,163,255,.48)}
.store-item-card.rarity-epic{border-color:rgba(178,105,255,.55)}
.store-item-card.rarity-legendary{border-color:rgba(255,190,75,.72);box-shadow:0 0 20px rgba(255,177,55,.10)}
.rarity-common .store-rarity{color:#d0d0dc}.rarity-rare .store-rarity{color:#75bdff}.rarity-epic .store-rarity{color:#d2a0ff}.rarity-legendary .store-rarity{color:#ffd36f;text-shadow:0 0 12px rgba(255,184,60,.6)}
.store-buy-btn.is-buying{opacity:.72;cursor:wait;animation:storePulse .8s ease-in-out infinite alternate}
@keyframes storePulse{from{filter:brightness(.85)}to{filter:brightness(1.35);box-shadow:0 0 18px rgba(201,145,255,.45)}}
.store-item-card.purchase-success{animation:purchaseFlash 1.35s ease}
@keyframes purchaseFlash{0%,100%{filter:none;transform:translateY(0)}25%{filter:brightness(1.8);transform:translateY(-5px)}55%{filter:brightness(1.35)}}
.dynasty-loot-overlay{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px;background:rgba(5,4,12,.82);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.dynasty-loot-overlay.is-open{opacity:1;visibility:visible}.dynasty-loot-modal{position:relative;isolation:isolate;overflow:hidden;width:min(100%,440px);padding:42px 28px 30px;text-align:center;border:1px solid rgba(240,190,91,.7);border-radius:22px;background:radial-gradient(circle at 50% 15%,rgba(146,81,215,.32),transparent 48%),linear-gradient(155deg,#21172f,#100e18 72%);box-shadow:0 25px 90px rgba(0,0,0,.6),0 0 45px rgba(161,95,255,.22);transform:translateY(18px) scale(.94);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.is-open .dynasty-loot-modal{transform:translateY(0) scale(1)}
.dynasty-loot-close{position:absolute;right:13px;top:9px;z-index:3;border:0;background:none;color:#c9bdd8;font-size:28px}.dynasty-loot-icon{position:relative;z-index:1;display:grid;place-items:center;width:104px;height:104px;margin:0 auto 20px;border:2px solid #b98bff;border-radius:50%;color:#f5d58a;font-size:3.8rem;text-shadow:0 0 24px currentColor;box-shadow:0 0 30px rgba(172,113,255,.35),inset 0 0 24px rgba(172,113,255,.2);animation:lootRise .8s both}.dynasty-loot-modal h2{position:relative;z-index:1;color:#ffe0a0;font-weight:900;font-size:1.45rem;margin:9px 0}.dynasty-loot-modal p{position:relative;z-index:1;color:#b9afc7;margin:0 0 22px}.dynasty-loot-modal .store-eyebrow{position:relative;z-index:1;color:#cba7ff;font-size:.68rem;letter-spacing:.16em}.dynasty-loot-rays{position:absolute;inset:-45%;z-index:0;opacity:.25;background:repeating-conic-gradient(from 0deg,transparent 0deg 10deg,rgba(255,213,130,.18) 11deg 12deg,transparent 13deg 22deg);animation:lootSpin 22s linear infinite}
.dynasty-loot-overlay[data-rarity="legendary"] .dynasty-loot-icon{border-color:#ffd16d;color:#ffdc86;box-shadow:0 0 50px rgba(255,183,55,.65),inset 0 0 30px rgba(255,190,70,.25)}.dynasty-loot-overlay[data-rarity="epic"] .dynasty-loot-icon{border-color:#bd83ff;color:#d8b4ff}.dynasty-loot-overlay[data-rarity="rare"] .dynasty-loot-icon{border-color:#69baff;color:#a6dcff}
@keyframes lootSpin{to{transform:rotate(360deg)}}@keyframes lootRise{0%{opacity:0;transform:translateY(24px) scale(.55)}70%{transform:translateY(-5px) scale(1.08)}100%{opacity:1;transform:translateY(0) scale(1)}}body.loot-open{overflow:hidden}
@media(prefers-reduced-motion:reduce){.dynasty-loot-rays,.dynasty-loot-icon,.store-buy-btn.is-buying,.store-item-card.purchase-success{animation:none!important}.dynasty-loot-modal,.dynasty-loot-overlay{transition:none!important}}


/* Dynasty shop media/layout repair */
.store-page{max-width:1440px}.store-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))!important;align-items:stretch;gap:16px!important}.store-item-card{display:flex;flex-direction:column;height:100%;min-height:0}.store-item-art{height:160px;min-height:160px;flex:0 0 160px;display:flex;align-items:center;justify-content:center;padding:10px;isolation:isolate;background:radial-gradient(ellipse at 50% 42%,rgba(130,82,190,.24),transparent 65%),linear-gradient(145deg,#171321,#0d0b13)}.store-item-art .store-avatar-art{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border:0;border-radius:10px;background:transparent;box-shadow:none}.store-item-art .store-product-art-image{display:block;width:min(100%,138px);height:138px;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border:0;border-radius:12px;background:transparent;box-shadow:0 0 22px rgba(151,99,222,.20)}.art-backgrounds .store-product-art-image{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;background:rgba(8,7,13,.35)}.art-frames .store-product-art-image,.art-titles .store-product-art-image{width:138px;height:138px;object-fit:contain}.store-item-content{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.store-item-content h3{line-height:1.35;min-height:2.7em;overflow-wrap:anywhere}.store-item-content p{min-height:3em;flex:1 0 auto}.store-item-footer{margin-top:auto;min-height:38px}.store-item-footer form{margin:0}.store-item-footer .store-buy-btn{white-space:nowrap}.store-rarity{z-index:2}@media(max-width:700px){.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.store-item-art{height:138px;min-height:138px;flex-basis:138px}.store-item-content{padding:11px}}@media(max-width:420px){.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.store-item-art{height:120px;min-height:120px;flex-basis:120px;padding:7px}.store-item-art .store-product-art-image,.art-frames .store-product-art-image,.art-titles .store-product-art-image{width:106px;height:106px}.store-item-content h3{font-size:.76rem;min-height:2.7em}.store-item-content p{font-size:.65rem;min-height:3.2em}.store-item-footer{align-items:center;flex-direction:row}}



/* Dynasty wardrobe and shop artwork: final layout overrides */
.dynasty-wardrobe{overflow:hidden;padding-bottom:18px}
.dynasty-wardrobe .wardrobe-heading{padding:18px 20px;margin-bottom:0;border-bottom:1px solid rgba(194,157,255,.12)}
.wardrobe-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 20px 4px}
.wardrobe-collection-count{display:flex;align-items:baseline;gap:8px;color:#9f96ad;font-size:.76rem}
.wardrobe-collection-count b{font-size:1.35rem;color:#e2c5ff}
.wardrobe-reset-btn{border:1px solid rgba(186,145,236,.24);border-radius:9px;padding:7px 10px;background:rgba(144,93,202,.08);color:#bba7d6;font-size:.68rem;transition:.2s}
.wardrobe-reset-btn:hover{border-color:#a979e6;background:rgba(144,93,202,.18);color:#fff}
.wardrobe-category{padding:16px 20px 4px}
.wardrobe-category-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.wardrobe-category-heading>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(183,137,241,.28);border-radius:10px;background:rgba(132,79,194,.13);color:#d6b4ff;font-size:1.1rem}
.wardrobe-category-heading h3{margin:0;color:#f3eaff;font-size:.9rem;font-weight:850}
.wardrobe-category-heading small{color:#8f879b;font-size:.67rem}
.wardrobe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}
.wardrobe-item{position:relative;display:flex;flex-direction:column;gap:9px;min-width:0;padding:10px;border:1px solid #373044;border-radius:14px;background:linear-gradient(155deg,rgba(37,31,49,.92),rgba(19,20,29,.96));transition:transform .18s,border-color .18s,box-shadow .18s}
.wardrobe-item:hover{transform:translateY(-2px);border-color:#8060a8;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.wardrobe-item.is-equipped{border-color:#a77be4;background:linear-gradient(155deg,rgba(75,48,105,.35),rgba(25,22,37,.98));box-shadow:inset 0 0 0 1px rgba(180,133,242,.12),0 0 18px rgba(139,86,205,.1)}
.wardrobe-item-icon{height:112px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px;border-radius:10px;background:radial-gradient(ellipse at 50% 45%,rgba(140,91,200,.22),rgba(8,8,14,.92) 72%)}
.wardrobe-item-icon img.wardrobe-product-art{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border:0;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 5px 9px #0009)}
.wardrobe-frames .wardrobe-item-icon img{width:104px!important;height:104px!important;object-fit:contain!important}
.wardrobe-backgrounds .wardrobe-item-icon{height:112px;padding:0}
.wardrobe-backgrounds .wardrobe-item-icon img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 48%;border-radius:9px!important}
.wardrobe-titles .wardrobe-item-icon img{width:88px!important;height:100px!important;object-fit:contain!important}
.wardrobe-item-icon img.wardrobe-avatar-art{width:100px;height:100px;object-fit:contain;border:1px solid rgba(202,166,255,.5);border-radius:12px;background:rgba(0,0,0,.2);box-shadow:0 0 22px rgba(150,95,220,.2)}
.wardrobe-item-info{display:flex;flex-direction:column;gap:4px;min-height:45px}
.wardrobe-item-info b{color:#f2eafa;font-size:.76rem;line-height:1.35;overflow-wrap:anywhere}
.wardrobe-item-info small{color:#8f879c;font-size:.64rem}
.wardrobe-equip-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 11px;border:1px solid rgba(174,125,239,.5);border-radius:9px;background:linear-gradient(110deg,#7842bd,#6030a2);color:white;font-size:.72rem;font-weight:800}
.wardrobe-equip-btn:hover{filter:brightness(1.12)}
.wardrobe-equip-btn span{font-size:1rem}
.equipped-label{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(112,202,155,.22);border-radius:9px;background:rgba(67,150,105,.1);color:#8fe0b0;font-size:.68rem;font-weight:800}
.equipped-label span{font-size:.9rem}

/* Shop: display source art as actual product artwork, never as a clipped thumbnail */
.store-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))!important;gap:16px!important}
.store-item-art{height:174px!important;min-height:174px!important;flex-basis:174px!important;padding:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(ellipse at 50% 48%,rgba(135,83,203,.2),transparent 68%),linear-gradient(145deg,#171321,#0d0b13)!important}
.store-item-art img.store-product-art-image{display:block!important;max-width:100%!important;max-height:100%!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:0 7px 22px rgba(0,0,0,.3)!important;object-position:center!important}
.store-item-art.art-backgrounds img.store-product-art-image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 48%!important;border-radius:8px!important}
.store-item-art.art-frames img.store-product-art-image{width:148px!important;height:148px!important;object-fit:contain!important}
.store-item-art.art-titles img.store-product-art-image{width:132px!important;height:148px!important;object-fit:contain!important}
.store-item-art img.store-avatar-art{width:142px!important;height:142px!important;object-fit:contain!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:0 0 25px rgba(150,95,220,.24)!important}
.store-item-content{padding:14px 15px 15px!important}
.store-item-content h3{min-height:2.7em;line-height:1.35;overflow-wrap:anywhere}
.store-item-content p{min-height:3.2em}
@media(max-width:700px){.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wardrobe-category{padding:14px 12px 3px}.wardrobe-toolbar{padding:12px}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.store-item-art{height:142px!important;min-height:142px!important;flex-basis:142px!important}.store-item-art.art-frames img.store-product-art-image{width:118px!important;height:118px!important}.store-item-art.art-titles img.store-product-art-image{width:110px!important;height:122px!important}.store-item-art img.store-avatar-art{width:118px!important;height:118px!important}}
@media(max-width:440px){.wardrobe-grid{gap:8px}.wardrobe-item{padding:8px}.wardrobe-item-icon{height:94px}.wardrobe-backgrounds .wardrobe-item-icon{height:94px}.wardrobe-item-info b{font-size:.7rem}.wardrobe-equip-btn{padding:8px;font-size:.66rem}.wardrobe-reset-btn{font-size:.62rem;padding:6px 8px}.store-item-art{height:124px!important;min-height:124px!important;flex-basis:124px!important}.store-item-art.art-frames img.store-product-art-image{width:104px!important;height:104px!important}.store-item-art.art-titles img.store-product-art-image{width:96px!important;height:108px!important}.store-item-art img.store-avatar-art{width:104px!important;height:104px!important}}

/* Firestorm gold exchange */
.gold-shop-promo{display:flex;align-items:center;gap:18px;padding:20px 22px;border:1px solid rgba(232,185,91,.28);border-radius:17px;background:radial-gradient(circle at 85% 15%,rgba(218,164,66,.16),transparent 32%),linear-gradient(110deg,#211a16,#17131d)}
.gold-shop-promo-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border:1px solid rgba(238,190,95,.4);border-radius:16px;background:rgba(224,167,65,.12);font-size:1.8rem}
.gold-shop-promo-copy{flex:1;min-width:0}.gold-shop-promo h2{margin:3px 0;color:#fff1d3;font-size:1.15rem;font-weight:900}.gold-shop-promo p{margin:0;color:#b9ac9a;font-size:.76rem;line-height:1.5}
.gold-shop-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:20px;padding:clamp(22px,4vw,38px);border:1px solid rgba(226,178,90,.34);border-radius:20px;background:radial-gradient(circle at 85% 30%,rgba(232,178,74,.2),transparent 27%),linear-gradient(115deg,#211a18,#17131f 65%,#11131b)}
.gold-shop-hero h1{margin:7px 0;color:#fff1d5;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:950}.gold-shop-hero p{max-width:650px;color:#b9afaa;font-size:.86rem}.gold-hero-symbol{align-self:center;color:rgba(242,194,103,.2);font-size:8rem;text-shadow:0 0 45px rgba(226,173,76,.25)}
.gold-shop-wallet{display:inline-flex;align-items:center;gap:12px;margin-top:10px;padding:10px 14px;border:1px solid rgba(240,193,91,.25);border-radius:12px;background:rgba(0,0,0,.2)}.gold-shop-wallet span{font-size:.62rem;letter-spacing:.12em;color:#b8a98d;font-weight:900}.gold-shop-wallet strong{color:#ffd37c;font-size:1.15rem}.gold-shop-wallet small{color:#8f887d;font-size:.68rem}
.gold-process{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0;color:#bdb2cb;font-size:.72rem;font-weight:800}.gold-process i{width:34px;height:1px;background:rgba(213,170,96,.45)}
.gold-packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin:20px 0 30px}.gold-package-card{position:relative;overflow:hidden;border:1px solid rgba(185,142,90,.25);border-radius:16px;background:linear-gradient(155deg,#211c20,#15151d);transition:transform .2s,border-color .2s,box-shadow .2s}.gold-package-card:hover{transform:translateY(-4px);border-color:rgba(238,190,100,.65);box-shadow:0 14px 32px rgba(0,0,0,.24)}.gold-package-card.is-popular{border-color:rgba(239,190,91,.72);box-shadow:0 0 24px rgba(227,171,75,.1)}.gold-popular-tag{position:absolute;z-index:2;top:11px;left:11px;padding:5px 8px;border-radius:5px;background:#d9a84f;color:#241a11;font-size:.54rem;font-weight:950;letter-spacing:.08em}
.gold-package-art{height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(227,174,83,.22),transparent 65%),linear-gradient(145deg,#2b211b,#17151b);color:#f2c66f}.gold-package-art span{font-size:3.2rem;line-height:1;text-shadow:0 0 24px rgba(255,193,76,.5)}.gold-package-art small{margin-top:7px;color:#a99a83;font-size:.54rem;letter-spacing:.18em;font-weight:900}.gold-package-body{padding:16px}.gold-package-body h2{margin:0;color:#fff1d9;font-size:1.25rem;font-weight:950}.gold-package-body>p{margin:5px 0 15px;color:#958b9b;font-size:.72rem}.gold-package-price{padding:10px 0;border-top:1px solid rgba(255,255,255,.07);color:#ffd071;font-size:1rem;font-weight:950}.gold-package-price small{color:#938b9a;font-size:.65rem;font-weight:500}.gold-select-btn{width:100%;margin-top:8px}.gold-select-btn:disabled{opacity:.38;filter:grayscale(1);cursor:not-allowed}.gold-insufficient{display:block;margin-top:8px;color:#d58d8d;text-align:center;font-size:.65rem}
.gold-order-panel{margin:28px 0;padding:clamp(17px,3vw,25px);border:1px solid rgba(173,119,235,.42);border-radius:17px;background:linear-gradient(145deg,#211a2b,#15151e);box-shadow:0 15px 40px rgba(0,0,0,.18)}.gold-order-panel[hidden]{display:none}.gold-panel-heading,.gold-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.gold-panel-heading h2,.gold-history-heading h2{margin:4px 0;color:#f4edff;font-size:1.2rem;font-weight:900}.gold-panel-close{width:34px;height:34px;border:1px solid #51405f;border-radius:9px;background:#2a2035;color:#fff;font-size:1.4rem}.gold-selected-summary{margin:14px 0;padding:12px;border:1px solid rgba(232,187,98,.24);border-radius:10px;background:rgba(232,187,98,.07);color:#f3ce82;font-size:.78rem;font-weight:800}.gold-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gold-form-grid label{display:flex;flex-direction:column;gap:7px;color:#cfc2dc;font-size:.72rem;font-weight:800}.gold-form-grid input{width:100%;padding:11px 12px;border:1px solid rgba(176,143,218,.3);border-radius:9px;background:#0d0b14;color:#f4efff}.gold-form-grid input:focus{outline:0;border-color:#a65af1;box-shadow:0 0 0 3px rgba(166,90,241,.12)}.gold-order-warning{margin:14px 0;color:#a99eb0;font-size:.7rem;line-height:1.5}.gold-submit-btn{width:100%;max-width:360px}
.gold-orders-history{margin:34px 0}.gold-history-heading{margin-bottom:15px}.gold-history-heading>a{color:#c5a1ef;font-size:.72rem}.gold-orders-list,.gold-admin-list{display:grid;gap:10px}.gold-order-row{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid rgba(174,125,235,.2);border-radius:12px;background:rgba(27,23,36,.78)}.gold-order-number{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:11px;background:rgba(151,100,209,.14);color:#d9b6ff;font-weight:900}.gold-order-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.gold-order-info strong{color:#f2eaff;font-size:.82rem}.gold-order-info small{overflow-wrap:anywhere;color:#93899e;font-size:.65rem}.gold-order-cost{color:#f3c66d;font-size:.75rem;font-weight:900;white-space:nowrap}.gold-order-status{padding:6px 9px;border-radius:7px;font-size:.62rem;font-weight:900;white-space:nowrap}.status-pending{border:1px solid rgba(238,190,91,.25);background:rgba(238,190,91,.1);color:#f0c875}.status-completed{border:1px solid rgba(100,205,148,.25);background:rgba(100,205,148,.1);color:#8fe0b0}.status-cancelled{border:1px solid rgba(226,113,113,.25);background:rgba(226,113,113,.1);color:#e9a0a0}.gold-history-empty{padding:25px;border:1px dashed rgba(174,125,235,.25);border-radius:12px;color:#968ba2;text-align:center;font-size:.78rem}
.gold-admin-order{padding:17px;border:1px solid rgba(174,125,235,.22);border-radius:14px;background:linear-gradient(145deg,#211c2b,#15151d)}.gold-admin-order-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#f4edff}.gold-admin-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:17px 0}.gold-admin-details>div{display:flex;flex-direction:column;gap:5px;padding:10px;border-radius:9px;background:rgba(0,0,0,.16)}.gold-admin-details small{color:#958a9f;font-size:.56rem;font-weight:900;letter-spacing:.1em}.gold-admin-details b{color:#e8dff0;font-size:.76rem;overflow-wrap:anywhere}.gold-admin-actions{display:flex;flex-wrap:wrap;gap:9px}.gold-admin-actions form{margin:0}.gold-admin-page .gold-history-heading p{max-width:650px;font-size:.76rem}
@media(max-width:650px){.gold-shop-promo{align-items:flex-start;flex-wrap:wrap}.gold-shop-promo-copy{flex-basis:calc(100% - 80px)}.gold-shop-promo>a{width:100%}.gold-shop-hero{padding:20px}.gold-hero-symbol{font-size:4.5rem}.gold-process{flex-wrap:wrap;gap:7px;font-size:.62rem}.gold-process i{width:15px}.gold-form-grid{grid-template-columns:1fr}.gold-order-row{flex-wrap:wrap}.gold-order-info{flex-basis:calc(100% - 60px)}.gold-order-status{margin-left:55px}.gold-order-cost{margin-left:auto}.gold-history-heading{align-items:flex-start;flex-wrap:wrap}.gold-admin-order-top{align-items:flex-start;flex-wrap:wrap}}


/* Dynasty chat: persistent dialogs, live private-message toasts and moderation */
.chat-conversation-list{display:flex;flex-direction:column;gap:7px}
.chat-conversation{position:relative;min-width:0}
.chat-conversation-copy{min-width:0;display:flex;flex-direction:column}
.chat-conversation-copy b,.chat-conversation-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-unread-count,.chat-count{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 6px;border-radius:20px;background:#d9a441;color:#17130b;font-size:11px;font-weight:800;margin-left:auto}
.chat-count{background:rgba(255,255,255,.09);color:#d6c6a6}
.chat-moderation-link{display:flex;align-items:center;gap:8px;margin:16px 0;padding:11px 13px;border:1px solid rgba(218,169,77,.3);border-radius:10px;color:#e5bd70;text-decoration:none;font-weight:700;background:rgba(218,169,77,.06)}
.chat-moderation-link:hover{background:rgba(218,169,77,.13);color:#ffe0a0}
.chat-message-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.chat-message-actions button,.chat-report-actions button{border:1px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(255,255,255,.04);color:#cfc6b7;padding:4px 8px;font-size:11px}
.chat-message-actions button:hover,.chat-report-actions button:hover{border-color:#d7a84d;color:#f2c66d}
.citadel-chat-toasts{position:fixed;z-index:99999;right:22px;top:86px;display:flex;flex-direction:column;gap:10px;width:min(380px,calc(100vw - 28px));pointer-events:none}
.citadel-chat-toast{pointer-events:auto;display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:13px 15px;border:1px solid rgba(220,174,91,.55);border-radius:13px;background:linear-gradient(135deg,#24201a,#151719);color:#f4ead7;box-shadow:0 14px 38px rgba(0,0,0,.42);animation:dynastyToastIn .22s ease-out;cursor:pointer}
.citadel-chat-toast-icon{width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:grid;place-items:center;background:rgba(218,169,77,.15);color:#f0c36c;font-size:19px}
.citadel-chat-toast-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.citadel-chat-toast-copy b{font-size:12px;color:#f0c36c}
.citadel-chat-toast-copy small{font-size:12px;color:#ded7cb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.citadel-chat-toast-arrow{color:#e9bd68}
@keyframes dynastyToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.chat-moderation-panel{display:flex;flex-direction:column;gap:12px}
.chat-report-card{padding:18px;border:1px solid rgba(218,169,77,.2);border-radius:13px;background:rgba(20,22,25,.78)}
.chat-report-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#e8dfd0;font-size:13px}
.chat-report-meta span,.chat-report-meta time{color:#a9a19a;font-size:12px}
.chat-report-message{margin:13px 0 8px;padding:12px;border-radius:9px;background:rgba(255,255,255,.045);color:#f2eee7}
.chat-report-reason{font-size:12px;color:#d6b777}
.chat-report-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.chat-report-actions a{color:#dcb365;font-size:12px;text-decoration:none}
@media(max-width:760px){.citadel-chat-toasts{right:12px;top:72px}.chat-message-actions button{font-size:10px}}

.chat-sound-toggle{width:100%;margin:8px 0 12px;padding:8px 10px;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.035);color:#bdb5a9;font-size:11px;cursor:pointer}
.chat-sound-toggle:hover{border-color:rgba(218,169,77,.45);color:#f0c36c}


/* Firestorm character links */

/* Мгновенные тихие уведомления */
.dynasty-toast-host{position:fixed;top:86px;right:22px;z-index:1600;display:flex;flex-direction:column;gap:9px;width:min(440px,calc(100vw - 28px));pointer-events:none}
.citadel-flash.citadel-flash-toast{margin:0;box-shadow:0 16px 45px rgba(0,0,0,.34);backdrop-filter:blur(16px);pointer-events:auto;animation:dynastyToastIn .28s ease both;transition:opacity .32s ease,transform .32s ease}
.citadel-flash.citadel-flash-toast.is-leaving{opacity:0;transform:translateX(18px)}
@keyframes dynastyToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.discord-side-link{color:#c6a9f5!important}.discord-side-link>span{color:#a879f0}.discord-side-link i{margin-left:auto;font-style:normal;color:#9a82b8}.discord-side-link.is-unconfigured{opacity:.72;cursor:default}.discord-side-link.is-unconfigured small{margin-left:auto;color:#82758f;font-size:9px}

/* Большое глобальное объявление создателя */
.dynasty-announcement-layer{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:22px;background:rgba(5,3,10,.82);backdrop-filter:blur(13px);animation:dynastyAnnouncementFade .25s ease both}
.dynasty-announcement-layer[hidden]{display:none}
.dynasty-announcement-card{position:relative;width:min(680px,100%);padding:clamp(28px,5vw,54px);text-align:center;border:1px solid rgba(190,135,255,.48);border-radius:25px;background:radial-gradient(ellipse at 50% 0,rgba(142,70,211,.24),transparent 58%),linear-gradient(145deg,#21182d,#11101a 72%);box-shadow:0 30px 110px rgba(0,0,0,.65),0 0 65px rgba(140,73,210,.17);animation:dynastyAnnouncementRise .35s cubic-bezier(.2,.8,.2,1) both}
.dynasty-announcement-card:before{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.055);border-radius:18px;pointer-events:none}
.dynasty-announcement-close{position:absolute;top:15px;right:17px;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.05);color:#c9bdd8;font-size:25px;line-height:1;cursor:pointer}
.dynasty-announcement-emblem{width:66px;height:66px;display:grid;place-items:center;margin:0 auto 18px;border:1px solid rgba(197,139,255,.35);border-radius:20px;background:rgba(143,76,209,.16);font-size:30px;box-shadow:0 0 35px rgba(154,85,224,.18)}
.dynasty-announcement-kicker{color:#c49bff;font-size:10px;font-weight:900;letter-spacing:2.2px}
.dynasty-announcement-card h2{margin:13px 0 17px;color:#fff;font-family:Unbounded,Manrope,sans-serif;font-size:clamp(21px,4vw,31px);font-weight:800}
.dynasty-announcement-card p{margin:0 auto;max-width:560px;color:#eee6f8;font-size:clamp(15px,2.2vw,19px);line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}
.dynasty-announcement-card small{display:block;margin-top:19px;color:#9587a8;font-size:11px}
.dynasty-announcement-confirm{position:relative;z-index:1;min-width:190px;margin-top:28px;padding:13px 25px;border:0;border-radius:12px;background:linear-gradient(110deg,#9a48e5,#6126b1);color:#fff;font-weight:900;box-shadow:0 9px 28px rgba(112,48,180,.28);cursor:pointer}
.dynasty-announcement-confirm:hover{filter:brightness(1.12);transform:translateY(-1px)}
@keyframes dynastyAnnouncementFade{from{opacity:0}to{opacity:1}}
@keyframes dynastyAnnouncementRise{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.dynasty-toast-host{top:76px;right:14px}.dynasty-announcement-card{padding:32px 22px;border-radius:19px}.dynasty-announcement-close{top:10px;right:10px}}

/* DYNASTY · Khaz Algar / The War Within inspired stone, bronze and arcane-blue layer */
:root{--dynasty-gold:#d6b16b;--dynasty-gold-bright:#f0d18d;--dynasty-arcane:#65b9df;--dynasty-stone:#171c21;--dynasty-line:rgba(202,170,112,.22)}
.citadel-sidebar{background:linear-gradient(180deg,rgba(24,29,34,.99),rgba(10,14,18,.99))!important;border-right-color:var(--dynasty-line)!important}
.citadel-topbar{background:rgba(13,18,22,.94)!important;border-bottom-color:var(--dynasty-line)!important}
.citadel-brand-mark{background:linear-gradient(145deg,#d9bd7d,#76552c)!important;color:#16191b!important;box-shadow:0 0 24px rgba(207,170,97,.2)!important}
.citadel-brand strong{color:#ead9b5!important}.citadel-brand small,.sidebar-section-label{color:#9e927c!important}
.side-nav-link:hover,.side-nav-link.active{background:linear-gradient(100deg,rgba(184,144,77,.16),rgba(77,157,192,.06))!important;border-color:rgba(210,174,105,.26)!important;color:#f2dfb7!important}
.side-nav-link>span{color:#c5a568!important}.citadel-live-pill{border-color:rgba(94,188,145,.2)!important;background:rgba(53,147,111,.07)!important}
.citadel-mobile-dock{border-color:rgba(202,170,112,.26)!important;background:rgba(15,20,24,.96)!important}
.auth-stage{--auth-violet:#d2ad6d;--auth-pink:#83c6e3;background:radial-gradient(ellipse at 18% 15%,rgba(67,132,164,.18),transparent 38%),radial-gradient(ellipse at 80% 85%,rgba(183,137,65,.15),transparent 42%),linear-gradient(135deg,#151c21 0%,#0a1014 55%,#171a1c 100%)!important;border-color:rgba(198,165,104,.28)!important}
.auth-crest,.auth-panel-gem{border-color:rgba(210,177,111,.45)!important;background:linear-gradient(145deg,rgba(190,151,84,.2),rgba(62,132,164,.13))!important;color:#e3c27f!important}
.auth-submit,.auth-secondary{background:linear-gradient(110deg,#9b7540,#5b8294)!important;border-color:rgba(213,181,118,.45)!important}
.auth-kicker,.auth-eyebrow{color:#cdb078!important}
.auth-input-wrap:focus-within{border-color:rgba(105,190,224,.65)!important;box-shadow:0 0 0 3px rgba(87,170,207,.1)!important}
/* Charter */
.dynasty-charter{max-width:1120px;margin:0 auto;color:#d8d4ca}.charter-hero{position:relative;overflow:hidden;padding:clamp(30px,6vw,64px);text-align:center;border:1px solid rgba(207,174,109,.32);border-radius:20px;background:radial-gradient(ellipse at 50% 0,rgba(83,155,190,.18),transparent 52%),linear-gradient(145deg,#20282c,#11171b 68%,#1d1c19);box-shadow:0 24px 65px #0007}.charter-crest{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 18px;border:1px solid rgba(216,183,117,.55);border-radius:18px;background:linear-gradient(145deg,#453a27,#182a32);color:#e7c77f;font-size:30px;box-shadow:0 0 34px rgba(89,171,207,.12)}.charter-kicker{color:#8ec6dc;font-size:9px;font-weight:900;letter-spacing:2.2px}.charter-hero h1{margin:12px 0;color:#f2e8d4;font-family:Unbounded,Manrope,sans-serif;font-size:clamp(28px,5vw,48px);letter-spacing:-1.5px}.charter-hero h1 em{color:#d9b875;font-style:normal}.charter-hero>p{max-width:680px;margin:0 auto;color:#b8b9b3;font-size:14px;line-height:1.8}.charter-motto{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:26px;color:#d9bd81;font-size:10px;font-weight:900;letter-spacing:2px}.charter-motto span{color:#75b9d7}.charter-intro{display:flex;gap:15px;align-items:center;margin:18px 0;padding:17px 20px;border:1px solid rgba(111,184,212,.22);border-radius:13px;background:linear-gradient(100deg,rgba(56,112,137,.13),rgba(199,159,88,.06))}.charter-intro>span{font-size:26px;color:#8ec9df}.charter-intro b{color:#e6d0a0;font-size:13px}.charter-intro p{margin:4px 0 0;color:#b7b8b3;font-size:12px;line-height:1.6}.charter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.charter-section{display:flex;gap:15px;padding:20px;border:1px solid rgba(203,174,118,.17);border-radius:14px;background:linear-gradient(145deg,rgba(33,40,43,.96),rgba(17,22,25,.96));box-shadow:0 9px 25px #0003}.charter-number{flex:0 0 34px;color:#d8b875;font-family:Georgia,serif;font-size:25px}.charter-section h2,.charter-team h2{margin:0 0 11px;color:#ead9b6;font-size:16px}.charter-section ul,.charter-role ul{margin:0;padding-left:17px;color:#bfc0bb;font-size:12px;line-height:1.8}.charter-section li,.charter-role li{padding-left:3px;margin:3px 0}.charter-section li::marker,.charter-role li::marker{color:#75b9d7}.charter-team{margin-top:17px;padding:clamp(18px,3vw,28px);border:1px solid rgba(204,170,105,.25);border-radius:16px;background:linear-gradient(145deg,#1d2428,#11171b)}.charter-team-heading{display:flex;gap:15px;align-items:center;margin-bottom:17px}.charter-team-heading>span{font-size:34px;color:#d7b675}.charter-team-heading h2{margin:4px 0}.charter-team-heading p{margin:0;color:#9da6a5;font-size:12px}.charter-role{padding:17px 0;border-top:1px solid rgba(255,255,255,.07)}.charter-role h3{margin:0 0 9px;color:#d8bb80;font-size:14px}.charter-sanctions{display:grid;gap:8px;margin-top:12px;padding:16px;border:1px solid rgba(208,173,106,.18);border-radius:11px;background:rgba(0,0,0,.16);color:#bfc2bd;font-size:11px}.charter-sanctions b{color:#e5c987;font-size:12px}.charter-footer{margin-top:16px;padding:20px;border:1px solid rgba(207,174,109,.2);border-radius:14px;background:rgba(15,20,23,.8)}.charter-footer>p{margin:0 0 14px;color:#9fa7a5;font-size:11px;line-height:1.7}.charter-check{display:flex;align-items:center;gap:9px;margin:14px 0;color:#ded8c9;font-size:12px}.charter-check input{accent-color:#c6a467;width:17px;height:17px}.charter-accept-btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 18px;border:1px solid rgba(220,188,124,.45);border-radius:10px;background:linear-gradient(110deg,#8c6a3c,#426f83);color:#fff2d7;text-decoration:none;font-size:12px;font-weight:900;cursor:pointer}.charter-accept-btn:hover{filter:brightness(1.13);color:white}.charter-accepted{display:inline-flex;padding:11px 14px;border:1px solid rgba(104,191,146,.3);border-radius:9px;background:rgba(59,150,104,.1);color:#9ce0b9;font-size:12px;font-weight:800}
@media(max-width:720px){.charter-grid{grid-template-columns:1fr}.charter-hero{padding:28px 18px}.charter-motto{font-size:8px;letter-spacing:1px}.charter-section{padding:16px}.charter-team-heading{align-items:flex-start}.charter-accept-btn{width:100%}}
/* Site-wide material pass: dark forged stone, aged bronze and arcane frost */
:root{--cit-bg:#0b1115;--cit-panel:#151d22;--cit-panel-2:#202a2e;--cit-line:rgba(193,163,105,.23);--cit-purple:#69b8d8;--cit-violet:#347f9e;--cit-lilac:#c8e5ed;--cit-text:#eee9dc;--cit-muted:#9ba7a7;--cit-gold:#d7b775}
body.citadel-app{background:radial-gradient(ellipse at 72% -8%,rgba(58,133,164,.15),transparent 38%),radial-gradient(ellipse at 12% 55%,rgba(151,116,58,.08),transparent 35%),var(--cit-bg)!important;color:var(--cit-text)!important}
.chronicle-header{border-color:rgba(207,174,109,.32)!important;background:linear-gradient(90deg,rgba(10,16,19,.97),rgba(14,21,24,.79) 52%,rgba(12,18,21,.35)),url('/static/images/citadel-dashboard.webp') center 43%/cover!important;box-shadow:0 16px 45px #0006,inset 0 0 55px rgba(72,150,181,.1)!important}
.chronicle-header:after{color:#d9bd80!important;text-shadow:0 0 35px #68b9d8!important}.chronicle-header h1{color:#f2e9d5!important}
.chronicle-feature-strip{background:linear-gradient(110deg,rgba(43,55,57,.92),rgba(17,24,27,.96))!important;border-color:rgba(204,172,111,.22)!important}
.raid-card,.post-card,.card,.post-grid-item,.raid-event-card,.store-item-card,.profile-card,.roster-card{background:linear-gradient(155deg,#20292d,#131a1e)!important;border-color:rgba(197,169,116,.2)!important}
.raid-card-header,.chronicle-header{border-bottom-color:rgba(205,172,107,.48)!important}
.btn-warning,.btn-glow,.btn-primary{background:linear-gradient(110deg,#c9a665,#8d7042)!important;border-color:#d6b979!important;color:#171a19!important}.btn-outline-warning{border-color:#8ebdce!important;color:#9bd4e8!important}.btn-outline-warning:hover{background:#397d99!important;color:#fff!important}
.form-control,.form-select,.gaming-input{background:#0e1519!important;border-color:rgba(145,184,194,.23)!important;color:#eee9dc!important}.form-control:focus,.form-select:focus{border-color:#68b8d7!important;box-shadow:0 0 0 .2rem rgba(91,177,211,.13)!important}
.table thead th{color:#e0c58d!important}.citadel-bell{background:linear-gradient(145deg,#29363a,#131c20)!important;border-color:rgba(201,173,119,.28)!important;color:#a9d8e7!important}
.sidebar-season-card{border-color:rgba(199,168,108,.25)!important;background:radial-gradient(circle at 85% 0%,#6caec033,transparent 45%),linear-gradient(145deg,#263034,#12191c)!important}.season-card-orb{background:#79b9ce22!important;color:#a8d7e5!important}
.store-item-art{background:radial-gradient(circle at 50% 45%,rgba(88,153,175,.2),rgba(12,18,21,.96) 72%)!important}.store-item-art .store-product-art-image{border-color:rgba(214,184,123,.28)!important;box-shadow:0 8px 28px #0006,0 0 24px rgba(91,164,190,.14)!important}


/* ===== Dynasty character-card backgrounds: generated fantasy artwork ===== */
.profile-hero[class*="cardbg-"]{
  background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;
  border-color:rgba(211,177,112,.62)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.38),inset 0 0 55px rgba(0,0,0,.16)
}

.profile-hero.cardbg-cardbg_royal{
  background-image:linear-gradient(90deg,rgba(8,11,17,.86) 0%,rgba(8,11,17,.60) 48%,rgba(8,11,17,.28) 100%),url('/static/images/card_backgrounds/01_silver_citadel.jpg')!important
}
.cardbg-preview-cardbg_royal{background-image:url('/static/images/card_backgrounds/01_silver_citadel.jpg')!important}

.profile-hero.cardbg-cardbg_frost{
  background-image:linear-gradient(90deg,rgba(8,11,17,.86) 0%,rgba(8,11,17,.60) 48%,rgba(8,11,17,.28) 100%),url('/static/images/card_backgrounds/02_crimson_fortress.jpg')!important
}
.cardbg-preview-cardbg_frost{background-image:url('/static/images/card_backgrounds/02_crimson_fortress.jpg')!important}

.profile-hero.cardbg-cardbg_emerald{
  background-image:linear-gradient(90deg,rgba(8,11,17,.86) 0%,rgba(8,11,17,.60) 48%,rgba(8,11,17,.28) 100%),url('/static/images/card_backgrounds/03_arcane_night_city.jpg')!important
}
.cardbg-preview-cardbg_emerald{background-image:url('/static/images/card_backgrounds/03_arcane_night_city.jpg')!important}

.profile-hero.cardbg-cardbg_enchanted_forest{
  background-image:linear-gradient(90deg,rgba(8,11,17,.86) 0%,rgba(8,11,17,.60) 48%,rgba(8,11,17,.28) 100%),url('/static/images/card_backgrounds/04_enchanted_forest.jpg')!important
}
.cardbg-preview-cardbg_enchanted_forest{background-image:url('/static/images/card_backgrounds/04_enchanted_forest.jpg')!important}

.profile-hero.cardbg-cardbg_ice_necropolis{
  background-image:linear-gradient(90deg,rgba(8,11,17,.86) 0%,rgba(8,11,17,.60) 48%,rgba(8,11,17,.28) 100%),url('/static/images/card_backgrounds/05_ice_necropolis.jpg')!important
}
.cardbg-preview-cardbg_ice_necropolis{background-image:url('/static/images/card_backgrounds/05_ice_necropolis.jpg')!important}

.profile-hero.cardbg-cardbg_golden_stronghold{
  background-image:linear-gradient(90deg,rgba(8,11,17,.86) 0%,rgba(8,11,17,.60) 48%,rgba(8,11,17,.28) 100%),url('/static/images/card_backgrounds/06_golden_stronghold.jpg')!important
}
.cardbg-preview-cardbg_golden_stronghold{background-image:url('/static/images/card_backgrounds/06_golden_stronghold.jpg')!important}

.profile-hero.cardbg-cardbg_fel_realm{
  background-image:linear-gradient(90deg,rgba(8,11,17,.86) 0%,rgba(8,11,17,.60) 48%,rgba(8,11,17,.28) 100%),url('/static/images/card_backgrounds/07_fel_shadow_realm.jpg')!important
}
.cardbg-preview-cardbg_fel_realm{background-image:url('/static/images/card_backgrounds/07_fel_shadow_realm.jpg')!important}

.profile-hero.cardbg-cardbg_autumn_temple{
  background-image:linear-gradient(90deg,rgba(8,11,17,.86) 0%,rgba(8,11,17,.60) 48%,rgba(8,11,17,.28) 100%),url('/static/images/card_backgrounds/08_autumn_sky_temple.jpg')!important
}
.cardbg-preview-cardbg_autumn_temple{background-image:url('/static/images/card_backgrounds/08_autumn_sky_temple.jpg')!important}

.profile-hero[class*="cardbg-"] .profile-hero-cover{
  opacity:1;background:linear-gradient(90deg,rgba(5,8,13,.22),transparent 75%),linear-gradient(0deg,rgba(5,8,13,.20),transparent 55%)
}
.cardbg-preview,.store-cardbg-preview{
  display:block;width:100%;height:100%;min-height:88px;object-fit:cover;
  object-position:center;border-radius:9px;overflow:hidden;position:relative
}
.store-cardbg-preview{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);min-height:0}
.wardrobe-card_backgrounds .wardrobe-item-icon{height:82px;padding:0;overflow:hidden}
.wardrobe-card_backgrounds .cardbg-preview{min-height:72px;height:72px}
.dynasty-wardrobe .wardrobe-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:9px}
.dynasty-wardrobe .wardrobe-category{padding:12px 18px 3px}
.dynasty-wardrobe .wardrobe-item{padding:8px;gap:6px;border-radius:11px}
.dynasty-wardrobe .wardrobe-item-icon{height:82px}
.dynasty-wardrobe .wardrobe-backgrounds .wardrobe-item-icon{height:82px}
.dynasty-wardrobe .wardrobe-item-info{min-height:36px}
.dynasty-wardrobe .wardrobe-equip-btn{padding:7px 9px;font-size:.67rem}
.dynasty-wardrobe .equipped-label{padding:6px 8px;font-size:.63rem}
.dynasty-wardrobe .wardrobe-heading{padding:15px 18px;margin-bottom:0}
@media(max-width:700px){
  .dynasty-wardrobe .wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dynasty-wardrobe .wardrobe-category{padding:11px 10px 3px}
  .dynasty-wardrobe .wardrobe-item-icon{height:78px}
  .profile-hero[class*="cardbg-"]{background-position:center!important}
}
/* ===== Dynasty sidebar: guild citadel navigation ===== */
.citadel-shell{grid-template-columns:246px minmax(0,1fr);transition:grid-template-columns .24s ease}
.citadel-sidebar{padding:16px 12px 13px;background:radial-gradient(ellipse at 15% 0%,rgba(103,166,188,.12),transparent 38%),linear-gradient(180deg,#172126 0%,#10171b 48%,#0b1115 100%)!important;border-right:1px solid rgba(195,164,104,.25)!important;box-shadow:12px 0 38px rgba(0,0,0,.2),inset -1px 0 rgba(255,255,255,.025);scrollbar-width:thin;scrollbar-color:rgba(193,163,105,.3) transparent}
.sidebar-brand-row{display:flex;align-items:center;gap:5px;padding:0 2px 13px;border-bottom:1px solid rgba(207,179,125,.16);margin-bottom:13px}
.citadel-brand{flex:1;min-width:0;gap:11px;padding:3px 5px!important;border:0!important;margin:0!important}
.citadel-brand-mark{flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(224,193,128,.55);border-radius:13px!important;background:linear-gradient(145deg,#d4b775,#79603a 65%,#344d59)!important;color:#151b1d!important;box-shadow:0 5px 18px #0005,inset 0 1px #fff5!important;font-size:25px!important}
.citadel-brand strong{font-family:Unbounded,Manrope,sans-serif;font-size:15px!important;letter-spacing:1.7px!important;color:#ead9b5!important}
.citadel-brand small{color:#a99a7b!important;font-size:7px!important;letter-spacing:2px!important}
.sidebar-collapse-toggle{flex:0 0 27px;width:27px;height:30px;border:1px solid rgba(197,168,111,.2);border-radius:8px;background:rgba(255,255,255,.025);color:#cdb579;font-size:21px;line-height:1;cursor:pointer;transition:.2s}
.sidebar-collapse-toggle:hover{border-color:#c7a86d;background:rgba(199,168,109,.1);color:#f1dca8}
.sidebar-guild-crest{position:relative;display:flex;align-items:center;gap:10px;min-height:56px;margin:0 2px 17px;padding:9px 10px;border:1px solid rgba(199,168,109,.2);border-radius:12px;background:radial-gradient(circle at 100% 0,rgba(106,174,196,.13),transparent 50%),linear-gradient(110deg,rgba(191,151,82,.1),rgba(15,24,29,.4));overflow:hidden}
.sidebar-guild-crest-icon{flex:0 0 31px;width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#344d56,#17252b);border:1px solid rgba(123,185,202,.28);color:#b9d8df;font-size:17px;text-shadow:0 0 12px #73bad0}
.sidebar-guild-crest-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.sidebar-guild-crest-copy b{font-size:8px;letter-spacing:1.1px;color:#dfc58e}.sidebar-guild-crest-copy small{font-size:8px;color:#82949a;white-space:nowrap}.sidebar-guild-light{position:absolute;right:10px;top:10px;width:5px;height:5px;border-radius:50%;background:#63d9a0;box-shadow:0 0 9px #63d9a0}
.sidebar-section-label{display:flex;align-items:center;gap:8px;padding:0 9px;margin:11px 0 7px!important;color:#9d927b!important;font-size:8px!important;font-weight:900!important;letter-spacing:1.65px!important}
.sidebar-section-label:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(193,163,105,.2),transparent)}
.citadel-side-nav{gap:3px!important;margin-bottom:12px!important}
.side-nav-link{min-height:39px;padding:8px 10px!important;gap:10px!important;border:1px solid transparent!important;border-radius:9px!important;color:#b9c1bd!important;font-size:10px!important;font-weight:750!important;letter-spacing:.01em;transition:background .18s,border-color .18s,transform .18s!important}
.side-nav-link>span:first-child{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border-radius:7px;color:#c6a969!important;background:rgba(198,169,105,.075);font-size:15px!important;line-height:1}
.side-nav-copy{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-nav-end-mark{margin-left:auto;color:#91c8d9;font-size:10px;font-style:normal;opacity:.75}
.side-nav-link:hover{transform:translateX(2px);background:linear-gradient(100deg,rgba(199,168,109,.13),rgba(91,155,177,.06))!important;border-color:rgba(199,168,109,.17)!important;color:#f2e5c7!important}
.side-nav-link.active{background:linear-gradient(100deg,rgba(193,154,87,.2),rgba(65,124,148,.09))!important;border-color:rgba(211,178,112,.4)!important;box-shadow:inset 3px 0 #c5a568,0 5px 15px #0003!important;color:#f5dfae!important}
.side-nav-link.active>span:first-child{color:#f0d18b!important;background:rgba(203,171,103,.15);text-shadow:0 0 12px rgba(229,192,117,.45)}
.side-nav-owner{margin-top:2px;color:#efd49a!important;background:linear-gradient(100deg,rgba(177,135,62,.13),rgba(30,35,33,.2))!important;border-color:rgba(211,174,101,.24)!important}
.discord-side-link.is-unconfigured small{margin-left:auto;color:#a58d6a;font-size:8px}
.sidebar-admin-label{margin-top:7px!important}
.sidebar-spacer{min-height:10px}
.sidebar-season-card{display:flex;align-items:center;gap:10px;padding:11px 10px!important;margin:8px 1px 10px!important;border-color:rgba(198,169,105,.24)!important;border-radius:12px!important;background:radial-gradient(circle at 100% 0,rgba(103,171,193,.17),transparent 48%),linear-gradient(145deg,#202e33,#121a1e)!important}
.season-card-orb{flex:0 0 30px;width:30px;height:30px;margin:0!important;border:1px solid rgba(126,190,207,.2);background:rgba(104,166,186,.13)!important;color:#b5d9e3!important}
.sidebar-season-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.sidebar-season-copy small{font-size:7px!important;letter-spacing:1px!important;color:#bca779!important}.sidebar-season-copy strong{font-size:10px!important;margin:0!important;color:#e6dcc4!important}.sidebar-season-copy>span{font-size:8px;color:#84969a}
.sidebar-footer{gap:7px;padding:8px 5px 2px!important;border-top:1px solid rgba(207,179,125,.12);font-size:8px!important;color:#84918e!important}
.sidebar-version{color:#b49a65!important;font-weight:800}
.sidebar-status-dot{background:#5ad49a!important;box-shadow:0 0 9px #5ad49a!important}
.citadel-shell.sidebar-collapsed{grid-template-columns:78px minmax(0,1fr)}
.sidebar-collapsed .citadel-sidebar{padding-left:9px;padding-right:9px}
.sidebar-collapsed .sidebar-brand-row{flex-direction:column;gap:8px;padding-bottom:10px}
.sidebar-collapsed .citadel-brand{justify-content:center;padding:0!important}
.sidebar-collapsed .citadel-brand-copy,.sidebar-collapsed .sidebar-guild-crest-copy,.sidebar-collapsed .sidebar-guild-light,.sidebar-collapsed .side-nav-copy,.sidebar-collapsed .side-nav-end-mark,.sidebar-collapsed .sidebar-section-label,.sidebar-collapsed .sidebar-season-copy,.sidebar-collapsed .sidebar-footer-copy,.sidebar-collapsed .sidebar-version{display:none!important}
.sidebar-collapsed .sidebar-collapse-toggle{width:100%;flex-basis:25px}
.sidebar-collapsed .sidebar-guild-crest{justify-content:center;min-height:43px;padding:5px;margin:0 0 12px}
.sidebar-collapsed .sidebar-guild-crest-icon{width:29px;height:29px;flex-basis:29px}
.sidebar-collapsed .citadel-side-nav{gap:5px!important;margin-bottom:12px!important}
.sidebar-collapsed .side-nav-link{justify-content:center;padding:7px 4px!important;min-height:39px}
.sidebar-collapsed .side-nav-link>span:first-child{flex-basis:27px;width:27px;height:27px;font-size:16px!important}
.sidebar-collapsed .side-nav-owner{margin-top:3px}
.sidebar-collapsed .sidebar-season-card{justify-content:center;padding:8px 4px!important;min-height:47px}
.sidebar-collapsed .season-card-orb{margin:0!important}
.sidebar-collapsed .sidebar-footer{justify-content:center}
@media(max-width:1100px) and (min-width:761px){.citadel-shell{grid-template-columns:218px minmax(0,1fr)}.citadel-shell.sidebar-collapsed{grid-template-columns:74px minmax(0,1fr)}}
@media(max-width:760px){.citadel-shell,.citadel-shell.sidebar-collapsed{display:block;grid-template-columns:none}.citadel-sidebar{padding:16px 12px 13px}.sidebar-collapse-toggle{display:none}.sidebar-brand-row{padding-bottom:13px}.sidebar-guild-crest{margin-bottom:14px}.sidebar-section-label{margin-top:10px!important}.citadel-side-nav{margin-bottom:10px!important}.sidebar-season-card{margin-top:12px!important}.side-nav-link{min-height:40px;font-size:11px!important}}

/* Sidebar labels: keep full text visible when expanded. */
.citadel-sidebar:not(.is-open) .side-nav-copy{display:block;flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.side-nav-link>small{flex:0 0 auto}.side-nav-end-mark{flex:0 0 auto;margin-left:auto}
@media(max-width:1100px) and (min-width:761px){.citadel-shell{grid-template-columns:250px minmax(0,1fr)}}
/* Store art uses real artwork without touching card-background previews. */
.store-item-art .store-avatar-art{width:116px;height:116px;object-fit:cover;border-radius:15px;border:1px solid rgba(214,180,255,.65);box-shadow:0 0 24px rgba(150,95,220,.35)}
.store-item-art .store-product-art-image{display:block;object-fit:contain}
.store-item-art .store-cardbg-preview{width:100%;height:145px;object-fit:cover;display:block}
/* Profile card background composition: readable content over full artwork. */
.profile-hero[class*="cardbg-"]{position:relative;isolation:isolate;overflow:hidden;min-height:250px;background-repeat:no-repeat!important;background-size:cover!important;background-position:center 43%!important}
.profile-hero[class*="cardbg-"] .profile-hero-content{position:relative;z-index:2}
.profile-hero[class*="cardbg-"] .profile-hero-cover{position:absolute;inset:0;z-index:0;pointer-events:none}
.profile-hero[class*="cardbg-"] .profile-identity h1,.profile-hero[class*="cardbg-"] .profile-status,.profile-hero[class*="cardbg-"] .profile-level-card{ text-shadow:0 2px 8px #000,0 1px 2px #000}
/* Class and specialization artwork. */
.character-card-art{display:flex;align-items:center;justify-content:center;gap:5px;width:88px;flex:0 0 88px;background:linear-gradient(145deg,rgba(26,20,39,.95),rgba(10,13,22,.95));border:1px solid rgba(190,150,255,.22)}
.character-card-art img{width:38px;height:38px;object-fit:contain;border-radius:9px;filter:drop-shadow(0 2px 5px #0009)}
.character-card-art img.spec-icon{width:31px;height:31px;border-radius:7px}
.character-card-info span{line-height:1.45}
@media(max-width:760px){.citadel-shell{grid-template-columns:1fr}.citadel-sidebar{width:min(88vw,320px)}.character-card{align-items:flex-start}.character-card-art{width:78px;flex-basis:78px}.character-card-art img{width:34px;height:34px}}


/* === Dynasty visual polish v5: store art, profile card, class/spec emblems === */
.store-item-art{isolation:isolate;position:relative;background:radial-gradient(ellipse at 50% 38%,rgba(113,166,185,.20),transparent 63%),linear-gradient(145deg,#1a2529,#0c1216)!important}
.store-item-art .store-avatar-art{width:min(76%,148px)!important;height:min(76%,148px)!important;object-fit:cover!important;object-position:center 28%!important;border:1px solid rgba(219,190,126,.55)!important;border-radius:13px!important;box-shadow:0 9px 26px rgba(0,0,0,.45),0 0 22px rgba(111,170,190,.18)!important}
.store-item-art .store-product-art-image{max-width:88%!important;max-height:88%!important;object-fit:contain!important;filter:drop-shadow(0 9px 12px rgba(0,0,0,.38));}
.store-item-art.art-backgrounds .store-product-art-image{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important}
.store-item-art.art-frames .store-product-art-image{width:142px!important;height:142px!important}
.store-item-art.art-titles .store-product-art-image{width:128px!important;height:142px!important}
.store-item-art img.art-fallback{object-fit:contain!important;padding:12px;background:rgba(9,14,18,.5);border-radius:14px}
.profile-hero[class*="cardbg-"]{min-height:270px!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:center center!important;border:1px solid rgba(210,177,112,.68)!important;box-shadow:0 18px 48px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.035)!important}
.profile-hero[class*="cardbg-"] .profile-hero-cover{background:linear-gradient(90deg,rgba(5,9,14,.78) 0%,rgba(5,9,14,.52) 43%,rgba(5,9,14,.18) 100%),linear-gradient(0deg,rgba(5,9,14,.32),transparent 52%)!important;opacity:1!important}
.profile-hero[class*="cardbg-"] .profile-hero-content{min-height:270px!important;align-items:center!important;padding:clamp(22px,4vw,42px)!important;gap:24px!important}
.profile-hero[class*="cardbg-"] .profile-identity{max-width:min(62%,680px);text-shadow:0 2px 10px #000,0 1px 3px #000}
.profile-hero[class*="cardbg-"] .profile-identity h1{color:#fff!important;text-shadow:0 3px 14px #000,0 1px 3px #000!important}
.profile-hero[class*="cardbg-"] .profile-level-card{background:rgba(7,12,17,.58)!important;border:1px solid rgba(226,194,132,.52)!important;backdrop-filter:blur(8px);box-shadow:0 8px 26px rgba(0,0,0,.25)}
.character-card-art{width:112px!important;flex:0 0 112px!important;min-height:78px;padding:9px!important;gap:8px!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(34,42,48,.98),rgba(12,18,23,.98))!important;border:1px solid rgba(204,177,125,.32)!important;box-shadow:inset 0 0 18px rgba(119,174,192,.08),0 5px 16px rgba(0,0,0,.2)}
.character-card-art img{width:48px!important;height:48px!important;object-fit:contain!important;border-radius:9px!important;filter:drop-shadow(0 3px 7px rgba(0,0,0,.65))!important}
.character-card-art img.spec-icon{width:40px!important;height:40px!important;padding:3px;border:1px solid rgba(215,185,125,.38);background:rgba(7,12,17,.65);border-radius:10px!important}
.character-card-art img.spec-fallback{opacity:.72}
.character-card-info{min-width:0}
@media(max-width:760px){.profile-hero[class*="cardbg-"] .profile-hero-content{min-height:0!important;padding:20px!important}.profile-hero[class*="cardbg-"] .profile-identity{max-width:100%}.character-card-art{width:92px!important;flex-basis:92px!important;min-height:70px;padding:7px!important}.character-card-art img{width:39px!important;height:39px!important}.character-card-art img.spec-icon{width:33px!important;height:33px!important}}


/* Dynasty art refresh: shop item art + profile character emblems. Card-background shop previews are intentionally untouched. */
.store-item-art:not(.art-card_backgrounds){display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 40%,rgba(104,164,190,.22),transparent 62%),linear-gradient(145deg,#1d2a30,#0b1116)!important}
.store-art-picture{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.store-item-art:not(.art-card_backgrounds) .store-product-art-image{display:block;width:min(82%,190px);height:min(82%,170px);object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,.55));}
.store-item-art.art-frames .store-product-art-image{width:min(76%,150px);height:min(76%,150px)}
.store-item-art.art-backgrounds .store-product-art-image{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;filter:none}
.store-item-art.art-titles .store-product-art-image{width:min(84%,180px);height:min(84%,160px)}
.store-item-art:not(.art-card_backgrounds) .store-avatar-art{width:min(78%,154px);height:min(78%,154px);object-fit:cover;object-position:center 25%;border-radius:16px;border:1px solid rgba(224,194,135,.7);box-shadow:0 12px 28px rgba(0,0,0,.48),0 0 24px rgba(104,164,190,.2)}
.profile-avatar-shell>img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}
.character-card-art{display:flex;align-items:center;justify-content:center;gap:9px;flex:0 0 112px;width:112px;min-height:82px;padding:9px;border:1px solid rgba(213,183,126,.42);border-radius:14px;background:linear-gradient(145deg,#26323a,#10171d);box-shadow:inset 0 0 20px rgba(100,164,188,.1),0 7px 18px rgba(0,0,0,.28)}
.character-card-art .class-icon{width:49px;height:49px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.65))}
.character-card-art .spec-icon{width:40px;height:40px;object-fit:contain;padding:4px;border-radius:10px;background:rgba(5,10,15,.72);border:1px solid rgba(215,185,125,.48);filter:drop-shadow(0 3px 7px rgba(0,0,0,.55))}
.character-card-art .spec-fallback{opacity:.72}
@media(max-width:760px){.character-card-art{flex-basis:92px;width:92px;min-height:72px;gap:6px;padding:7px}.character-card-art .class-icon{width:40px;height:40px}.character-card-art .spec-icon{width:34px;height:34px}}


/* Store avatar medallions: true circular portrait crop, not a square tile. */
.store-item-art.art-avatars{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(123,83,185,.30),rgba(12,15,20,.98) 72%)!important}
.store-item-art.art-avatars .store-avatar-art{width:126px!important;height:126px!important;max-width:78%!important;max-height:78%!important;flex:0 0 auto;object-fit:cover!important;object-position:center 25%!important;border-radius:50%!important;border:3px solid #d9b66e!important;outline:1px solid rgba(234,208,151,.55);outline-offset:4px;background:#10121a!important;box-shadow:0 0 0 7px rgba(202,161,91,.10),0 0 28px rgba(112,157,204,.32),0 10px 25px #0009!important}
.store-item-art.art-avatars:after{content:"";position:absolute;inset:12px;border-radius:50%;border:1px solid rgba(236,207,144,.12);pointer-events:none}
@media(max-width:700px){.store-item-art.art-avatars .store-avatar-art{width:112px!important;height:112px!important;max-width:78%!important;max-height:78%!important}}
@media(max-width:440px){.store-item-art.art-avatars .store-avatar-art{width:96px!important;height:96px!important;max-width:78%!important;max-height:78%!important}}


/* VIP shop cosmetics: visibly override the default creator frame when equipped. */
.profile-avatar-shell.frame-vip_bronze_frame { border:3px solid #cd8b4a!important; background:linear-gradient(135deg,#f3c58a,#8c4d20 55%,#f6d7a8)!important; box-shadow:0 0 0 6px rgba(205,139,74,.18),0 0 24px rgba(205,139,74,.65)!important; }
.profile-avatar-shell.frame-vip_legendary_set { border:3px solid #f0d078!important; background:linear-gradient(135deg,#fff0a8,#a56b19 50%,#fff0a8)!important; box-shadow:0 0 0 6px rgba(240,208,120,.2),0 0 28px rgba(240,190,70,.75)!important; }
.profile-hero.bg-vip_profile_background { background:radial-gradient(ellipse at 15% 15%,rgba(126,75,190,.28),transparent 55%),linear-gradient(120deg,#211633,#11131c 75%)!important; }


/* VIP wardrobe v2: every tier frame has a distinct profile treatment. */
.profile-avatar-shell { position:relative; }
.profile-avatar-shell.frame-vip_silver_frame { border:3px solid #dce8f5!important; background:linear-gradient(135deg,#fff,#71859c 52%,#e8f2ff)!important; box-shadow:0 0 0 6px rgba(210,226,244,.18),0 0 26px rgba(190,215,245,.72)!important; }
.profile-avatar-shell.frame-vip_gold_frame { border:3px solid #ffd86a!important; background:linear-gradient(135deg,#fff0a8,#9e6417 50%,#ffe28a)!important; box-shadow:0 0 0 6px rgba(255,204,70,.2),0 0 28px rgba(255,190,40,.78)!important; }
.profile-avatar-shell.frame-vip_diamond_frame { border:3px solid #9cecff!important; background:linear-gradient(135deg,#f3ffff,#5aa8d6 48%,#d8faff)!important; box-shadow:0 0 0 7px rgba(105,220,255,.22),0 0 34px rgba(90,210,255,.9)!important; }
.profile-identity h1.vip-nickname-color { display:inline-block; background:linear-gradient(90deg,#f5d58a,#dca7ff 48%,#8edfff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none!important; }
.profile-hero.vip-effect-silver_aura .profile-avatar-shell { box-shadow:0 0 0 7px rgba(205,225,255,.2),0 0 34px rgba(170,205,255,.85)!important; }
.profile-hero.vip-effect-animated_effect .profile-avatar-shell { animation:vipWardrobePulse 2.2s ease-in-out infinite alternate; }
@keyframes vipWardrobePulse { from { filter:drop-shadow(0 0 4px rgba(174,125,255,.35)); } to { filter:drop-shadow(0 0 16px rgba(174,125,255,.95)); } }
.vip-avatar-decoration { position:absolute;z-index:4;font-style:normal;line-height:1;pointer-events:none;filter:drop-shadow(0 2px 4px #000); }
.vip-crown-decoration { top:-13px;right:8px;font-size:27px;color:#ffdf75;text-shadow:0 0 12px rgba(255,202,72,.9); }
.vip-wings-decoration { left:-15px;top:42%;font-size:25px;filter:drop-shadow(0 0 8px rgba(105,220,255,.9)); }
.vip-cosmetic-badge { color:#ffe2a0!important;border-color:rgba(255,210,110,.5)!important;background:rgba(111,73,24,.25)!important; }


/* Sidebar quick navigation search */
.sidebar-menu-search{display:flex;align-items:center;gap:8px;height:36px;margin:0 2px 13px;padding:0 9px;border:1px solid rgba(198,169,105,.2);border-radius:9px;background:rgba(0,0,0,.19);color:#c5a568}
.sidebar-menu-search>span{font-size:17px;line-height:1}
.sidebar-menu-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#eee6d6;font:600 10px Manrope,sans-serif}
.sidebar-menu-search input::placeholder{color:#829096}
.sidebar-menu-search kbd{flex:0 0 auto;padding:2px 5px;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#89969a;font-size:8px}
.sidebar-menu-search:focus-within{border-color:rgba(211,178,112,.55);box-shadow:0 0 0 3px rgba(193,154,87,.08)}
.citadel-sidebar .side-nav-link[hidden],.citadel-sidebar .citadel-side-nav[hidden],.citadel-sidebar .sidebar-section-label[hidden]{display:none!important}
.sidebar-collapsed .sidebar-menu-search{display:none!important}
@media(max-width:760px){.sidebar-menu-search{height:39px}.sidebar-menu-search input{font-size:12px}}


/* Dynasty sidebar usability refresh */
.citadel-sidebar{display:flex;flex-direction:column;gap:0;overflow-y:auto;overscroll-behavior:contain}
.sidebar-brand-row{position:relative}
.sidebar-guild-crest{border:1px solid rgba(199,170,111,.17);border-radius:12px;background:linear-gradient(135deg,rgba(198,169,105,.10),rgba(72,122,139,.07));}
.sidebar-section-label{font-size:9px!important;letter-spacing:1.35px!important;color:#9eaaab!important;margin:15px 5px 7px!important}
.citadel-side-nav{display:flex;flex-direction:column;gap:4px!important;margin-bottom:9px!important}
.side-nav-item{display:flex;align-items:center;gap:3px;min-width:0;border-radius:10px;transition:background .18s}
.side-nav-item>.side-nav-link{flex:1;min-width:0;margin:0!important}
.side-nav-favorite-toggle{flex:0 0 27px;width:27px;height:30px;border:0;border-radius:7px;background:transparent;color:#6e7b7d;font-size:15px;opacity:.2;cursor:pointer;transition:all .18s}
.side-nav-item:hover .side-nav-favorite-toggle,.side-nav-favorite-toggle:focus-visible,.side-nav-favorite-toggle.is-favorite{opacity:1;color:#e6c77f}
.side-nav-favorite-toggle:hover{background:rgba(213,180,111,.12);transform:scale(1.08)}
.side-nav-favorite-toggle:focus-visible{outline:2px solid #c9aa6d;outline-offset:1px}
.sidebar-favorites{margin:0 0 8px;padding:0 0 9px;border-bottom:1px solid rgba(198,169,105,.13)}
.sidebar-favorites .sidebar-section-label{margin-top:5px!important}
.sidebar-favorite-link{border-color:rgba(211,178,112,.12)!important;background:rgba(193,154,87,.055)!important}
.sidebar-favorite-mark{margin-left:auto;color:#e6c77f;font-size:10px}
.sidebar-menu-search{height:40px;border-radius:11px;background:linear-gradient(110deg,rgba(3,8,10,.45),rgba(27,38,41,.62));}
.sidebar-menu-search input{font-size:11px}
.sidebar-menu-search kbd{font-family:Manrope,sans-serif;font-weight:800}
.citadel-sidebar .side-nav-item[hidden],.citadel-sidebar .sidebar-favorites[hidden]{display:none!important}
.sidebar-collapsed .side-nav-favorite-toggle,.sidebar-collapsed .sidebar-favorites{display:none!important}
.sidebar-collapsed .side-nav-item{justify-content:center}
.sidebar-collapsed .side-nav-item>.side-nav-link{flex:0 0 100%;width:100%}
.sidebar-collapsed .side-nav-item>.side-nav-link>span:first-child{margin:auto}
.citadel-sidebar .side-nav-link:focus-visible{outline:2px solid rgba(218,190,132,.85);outline-offset:2px}
@media(max-width:760px){
 .citadel-sidebar{max-height:calc(100dvh - 16px);padding-bottom:22px}
 .side-nav-favorite-toggle{opacity:.8;flex-basis:34px;width:34px;height:36px}
 .side-nav-link{min-height:42px!important}
 .sidebar-favorites{padding-bottom:10px}
}
@media(hover:none){.side-nav-favorite-toggle{opacity:.8}}


/* ===== Dynasty community feed ===== */
.dynasty-feed-page{max-width:1180px;margin:0 auto;padding:18px 0 42px;color:#eee8f7}
.dynasty-feed-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 28px;margin-bottom:14px;border:1px solid #a855f744;border-radius:18px;background:radial-gradient(ellipse at 90% 0,#8744c52c,transparent 45%),linear-gradient(135deg,#20172d,#11121a)}
.dynasty-feed-hero h1,.dynasty-roster-hero h1{margin:7px 0;color:#fff;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:950}
.dynasty-feed-hero p,.dynasty-roster-hero p{margin:0;color:#aaa0b9;font-size:.86rem}
.dynasty-feed-create{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid #d9b65c;border-radius:10px;background:linear-gradient(120deg,#f1cc70,#bd8b39);color:#211707;text-decoration:none;font-size:.78rem;font-weight:900;white-space:nowrap}
.dynasty-feed-create:hover{color:#211707;filter:brightness(1.08);transform:translateY(-1px)}
.dynasty-feed-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 4px 16px;color:#8e849d;font-size:.7rem}
.dynasty-feed-toolbar strong{color:#f0ca70;font-size:1rem;margin-right:6px}.feed-roster-link{color:#c9a4ef;text-decoration:none;font-weight:800}
.dynasty-feed-list{display:grid;gap:14px}.dynasty-feed-list .post-card{margin:0;min-width:0}
.dynasty-feed-empty,.dynasty-roster-empty{padding:42px 20px;text-align:center;border:1px dashed #6a4b80;border-radius:16px;background:#17131e;color:#a99bb8}
.dynasty-feed-empty>span{font-size:2rem}.dynasty-feed-empty h2{margin:10px 0 5px;color:#f2e9fb;font-size:1.1rem}.dynasty-feed-empty p{margin:0 auto 16px;max-width:520px;font-size:.8rem}

/* ===== Modern roster cards ===== */
.dynasty-roster-page{max-width:1280px;margin:0 auto;padding:18px 0 42px;color:#eee8f7}
.dynasty-roster-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 27px;margin-bottom:16px;border:1px solid #a855f744;border-radius:18px;background:radial-gradient(ellipse at 90% 0,#8744c52c,transparent 45%),linear-gradient(135deg,#20172d,#11121a)}
.roster-hero-count{display:grid;justify-items:center;min-width:94px;padding:10px 15px;border:1px solid #d8b65c55;border-radius:13px;background:#d8b65c0c}.roster-hero-count strong{color:#f4d17d;font-size:1.7rem}.roster-hero-count span{color:#a99bb8;font-size:.65rem}
.dynasty-roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:13px}
.dynasty-roster-card{overflow:hidden;min-width:0;border:1px solid #ffffff16;border-radius:15px;background:linear-gradient(150deg,#1b1825,#101117);box-shadow:0 10px 25px #0003;transition:transform .18s,border-color .18s}
.dynasty-roster-card:hover{transform:translateY(-3px);border-color:#a879d477}.dynasty-roster-card[hidden]{display:none!important}.dynasty-roster-card.is-banned{opacity:.62}
.roster-card-art{position:relative;display:flex;align-items:center;gap:14px;min-height:112px;padding:16px;background:radial-gradient(ellipse at 80% 0,#8b52b62b,transparent 60%),linear-gradient(120deg,#292038,#171923);border-bottom:1px solid #ffffff12}
.roster-card-avatar{display:grid;place-items:center;width:68px;height:68px;flex:0 0 68px;border:3px solid #b88d55;border-radius:50%;background:#0e1018;color:#e8cb8b;font-size:2rem;box-shadow:0 0 0 5px #d2a95b16}
.roster-card-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.roster-authority-ribbon{position:absolute;right:10px;top:10px;max-width:calc(100% - 105px);padding:7px 10px;border:1px solid;border-radius:7px;font-size:.61rem;font-weight:950;letter-spacing:.06em;text-align:center;box-shadow:0 4px 18px #0008}
.ribbon-owner{color:#ffe2a0;border-color:#e4b95799;background:linear-gradient(110deg,#6c4b19,#332511)}.ribbon-chief{color:#c4eaff;border-color:#64b9e888;background:linear-gradient(110deg,#17496a,#172b40)}.ribbon-admin{color:#e0c9ff;border-color:#a78bfa88;background:linear-gradient(110deg,#51327a,#291d3b)}.ribbon-tester{color:#e6caff;border-color:#bd91ef88;background:linear-gradient(110deg,#593b6c,#2b2036)}
.roster-card-content{padding:14px}.roster-card-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.roster-card-name-row>a{min-width:0;overflow-wrap:anywhere;color:#f4edff;text-decoration:none;font-size:1rem;font-weight:900}.roster-card-name-row>a:hover{color:#f1cb71}
.roster-ban-label{padding:3px 6px;border-radius:5px;background:#a8324a33;color:#ff9eae;font-size:.55rem;font-weight:850}
.roster-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.roster-card-tags span{padding:4px 7px;border:1px solid #ffffff15;border-radius:6px;background:#ffffff07;color:#b9afc5;font-size:.59rem}.roster-card-tags .roster-rank-tag{color:#f0d18a;border-color:#c5a65c44;background:#c5a65c0c}
.roster-card-title{margin-top:7px;color:#c7a2ed;font-size:.68rem;font-style:italic}
.roster-card-characters{display:grid;gap:6px;margin-top:12px}.roster-card-characters .roster-character-chip{display:grid;gap:3px;margin:0;padding:8px;border:1px solid #ffffff10;border-radius:8px;background:#090a1055}.roster-card-characters .roster-character-chip b{color:#e7d5f5;font-size:.68rem}.roster-card-characters .roster-character-chip small,.roster-no-character{color:#8d829b;font-size:.58rem;overflow-wrap:anywhere}
.roster-profile-link{display:flex;justify-content:space-between;margin-top:13px;padding-top:10px;border-top:1px solid #ffffff10;color:#d8b76d;text-decoration:none;font-size:.68rem;font-weight:850}.roster-profile-link:hover{color:#ffe3a0}
@media(max-width:650px){.dynasty-feed-hero,.dynasty-roster-hero{align-items:flex-start;flex-direction:column;padding:19px}.dynasty-feed-create{width:100%}.roster-hero-count{display:flex;align-items:center;gap:8px}.dynasty-feed-toolbar{align-items:flex-start;flex-direction:column}}

/* ===== Prominent staff identity on profile cards ===== */
.profile-hero{isolation:isolate}
.profile-authority-banner{position:absolute;z-index:3;top:15px;right:17px;max-width:calc(100% - 34px);padding:9px 14px;border:1px solid;border-radius:8px;font-size:.7rem;font-weight:1000;letter-spacing:.1em;text-align:center;box-shadow:0 7px 25px #0008;backdrop-filter:blur(8px)}
.authority-owner{color:#ffe2a0;border-color:#e4b957aa;background:linear-gradient(110deg,#73511d,#392813)}.authority-chief{color:#c4eaff;border-color:#64b9e8aa;background:linear-gradient(110deg,#17496a,#172b40)}.authority-admin{color:#e0c9ff;border-color:#a78bfa99;background:linear-gradient(110deg,#51327a,#291d3b)}
.profile-edit-trigger{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:9px 13px;border:1px solid #d2ae5c88;border-radius:9px;background:#d2ae5c16;color:#f5d58b;text-decoration:none;font-size:.75rem;font-weight:850}.profile-edit-trigger:hover{background:#d2ae5c28;color:#ffe7ae}
.profile-editor-anchor{scroll-margin-top:25px}.profile-editor-hint{margin:0 0 14px;padding:10px 13px;border:1px solid #a879d433;border-radius:9px;background:#8b52b610;color:#b9a8c9;font-size:.7rem}

/* Fit complete card artwork inside the profile card without cropping. */
.profile-hero[class*="cardbg-"]{background-repeat:no-repeat,no-repeat!important;background-size:100% 100%,contain!important;background-position:center,center!important}
.profile-hero[class*="cardbg-"] .profile-hero-cover{opacity:.72;background:linear-gradient(90deg,rgba(8,11,17,.82),rgba(8,11,17,.42) 55%,rgba(8,11,17,.22))}

/* ===== Topbar Discord shortcut and command center navigation ===== */
.topbar-discord-link{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #6878d855;border-radius:9px;background:linear-gradient(120deg,#5865f222,#3946a022);color:#c7ceff;text-decoration:none;font-size:.68rem;font-weight:850;white-space:nowrap}
.topbar-discord-link:hover{border-color:#8d9aff;color:#fff;background:#5865f233}.topbar-discord-link>span{font-size:1rem}.topbar-discord-link i{font-style:normal;opacity:.65}
.command-shortcuts-panel{margin:0 0 17px;padding-bottom:14px}.command-shortcuts-panel>.overlord-panel-head{padding:16px}
.command-shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;padding:0 15px}
.command-shortcuts-grid>a{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 16px;grid-template-rows:auto auto;align-items:center;gap:3px 9px;padding:12px;border:1px solid #ffffff13;border-radius:10px;background:#09081066;text-decoration:none;transition:.18s}
.command-shortcuts-grid>a:hover{border-color:#b17ce477;background:#a855f711;transform:translateY(-2px)}
.command-shortcuts-grid>a>span{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#a855f722;color:#d9b3ff;font-size:1.1rem}
.command-shortcuts-grid>a>b{color:#eee5f8;font-size:.68rem}.command-shortcuts-grid>a>small{color:#8e849d;font-size:.58rem}.command-shortcuts-grid>a>i{grid-column:3;grid-row:1/3;color:#b99bd1;font-style:normal}
@media(max-width:560px){.topbar-discord-link{padding:7px 8px}.topbar-discord-link b{display:none}.profile-authority-banner{top:10px;right:10px;font-size:.56rem;padding:7px 9px}.profile-hero-content{padding-top:48px}}


/* Profile cleanup: focus on the character and its visual customization. */
.profile-stat-grid,.profile-info-card{display:none!important}
/* Keep card artwork full-bleed and preserve its proportions. */
.profile-hero[class*="cardbg-"]{background-size:100% 100%,cover!important;background-position:center!important;background-repeat:no-repeat!important}
.profile-hero[class*="cardbg-"] .profile-hero-cover{background:linear-gradient(90deg,rgba(7,10,16,.82),rgba(7,10,16,.48) 58%,rgba(7,10,16,.28))}

/* Основной игровой персонаж */
.primary-character-name{font-size:1.12rem!important;line-height:1.2;max-width:190px;overflow-wrap:anywhere}
.primary-character-badge,.set-primary-character{display:inline-flex;align-items:center;gap:5px;border:1px solid #d9a44166;border-radius:999px;padding:6px 10px;background:#d9a44118;color:#f3cf79;font-size:.68rem;font-weight:800;letter-spacing:.04em}
.set-primary-character{cursor:pointer}.set-primary-character:hover{background:#d9a44130;border-color:#e7bd60}
.roster-character-chip.is-primary-character{border-color:#d6a84c77;background:linear-gradient(110deg,#d6a84c16,#11182799)}
.roster-primary-label{display:inline-block;margin-left:7px;color:#edc66d;font-size:.57rem;letter-spacing:.07em}
@media(max-width:700px){.profile-level-card{max-width:100%}.primary-character-name{max-width:100%}}

/* Dynasty chat refresh */
.citadel-chat-page{max-width:1500px;margin:0 auto;padding:clamp(14px,2vw,28px)}
.chat-shell{border:1px solid #ffffff18;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#111827ee,#090d16f5);box-shadow:0 24px 70px #0007;min-height:680px}
.chat-sidebar{background:linear-gradient(180deg,#111827,#0b101a);border-right:1px solid #ffffff12;padding:20px}
.chat-sidebar-title{color:#e8d8b5;font-weight:850;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;margin-bottom:13px}
.chat-channel{border:1px solid transparent;border-radius:12px;padding:11px 12px;margin:5px 0;background:#ffffff05;transition:.18s}
.chat-channel:hover{background:#d6a84c12;border-color:#d6a84c44;transform:translateX(2px)}
.chat-channel.active{background:linear-gradient(100deg,#d6a84c24,#d6a84c08);border-color:#d6a84c77;box-shadow:inset 3px 0 #e4bd65}
.chat-main{background:radial-gradient(ellipse at 50% 0%,#1b2940aa,transparent 55%),#090e17;display:flex;flex-direction:column;min-height:680px}
.chat-main-head{padding:20px 24px;border-bottom:1px solid #ffffff12;background:#101827aa;backdrop-filter:blur(12px)}
.chat-room-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#d6a84c33,#8b6a2c22);border:1px solid #d6a84c66;color:#f0cc78;display:grid;place-items:center;font-size:1.35rem}
.chat-main-head h2{color:#f4f0e8;font-size:1.08rem;font-weight:850;margin:0 0 4px}.chat-main-head p{color:#91a0b5;margin:0;font-size:.78rem}
.chat-messages{padding:22px clamp(12px,3vw,34px);gap:13px;scroll-behavior:smooth}
.chat-message{display:flex;align-items:flex-start;gap:10px;max-width:min(82%,760px);padding:0;border:0;background:transparent}
.chat-message.own{margin-left:auto;flex-direction:row-reverse}
.chat-message-avatar{flex:0 0 34px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#334155,#172033);border:1px solid #ffffff22;color:#f4d58d;font-weight:900;font-size:.8rem}
.chat-message.own .chat-message-avatar{background:linear-gradient(145deg,#765a25,#302414);border-color:#d6a84c66}
.chat-message-body{min-width:0;padding:10px 13px;border:1px solid #ffffff12;border-radius:4px 14px 14px 14px;background:#182233;box-shadow:0 7px 18px #0002}
.chat-message.own .chat-message-body{border-radius:14px 4px 14px 14px;background:linear-gradient(145deg,#47391f,#262316);border-color:#d6a84c44}
.chat-message-meta{display:flex;align-items:center;gap:12px;margin-bottom:5px}.chat-message-meta b{color:#f0d69d;font-size:.76rem}.chat-message-meta time{color:#718096;font-size:.65rem}
.chat-message p{color:#e4e9f0;font-size:.88rem;line-height:1.5;overflow-wrap:anywhere;margin:0;white-space:pre-wrap}
.chat-message-actions{margin-top:7px}.chat-message-actions button{font-size:.65rem}
.chat-compose{margin:0 22px 8px;padding:8px;border:1px solid #d6a84c44;border-radius:15px;background:#111a29;box-shadow:0 0 0 4px #d6a84c08}
.chat-compose input{background:transparent!important;border:0!important;color:#f1f5f9!important;min-width:0;padding:11px 13px!important;box-shadow:none!important}
.chat-compose input::placeholder{color:#718096}
.chat-compose button{border-radius:10px;background:linear-gradient(135deg,#d6a84c,#9d7027);color:#17120a;font-weight:900;padding:10px 16px;border:0}
.chat-compose-hint{padding:0 25px 15px;color:#64748b;font-size:.67rem}
.chat-error{padding:0 24px 10px}
.chat-sound-toggle{border:1px solid #ffffff18;background:#ffffff08;color:#cbd5e1;border-radius:10px;padding:9px 11px;width:100%;font-size:.72rem;margin-bottom:13px}
.chat-avatar{border-radius:11px;background:#26354a;color:#f3d58f;font-weight:900}
@media(max-width:800px){.citadel-chat-page{padding:10px}.chat-shell{min-height:calc(100vh - 170px);border-radius:14px}.chat-sidebar{border-right:0;border-bottom:1px solid #ffffff16;padding:12px;max-height:230px;overflow:auto}.chat-main{min-height:520px}.chat-messages{padding:14px 10px}.chat-message{max-width:94%}.chat-compose{margin:0 10px 8px}.chat-main-head{padding:14px}.chat-compose button{padding:9px 11px;font-size:.75rem}}

.profile-customizer-launch{display:flex;align-items:center;gap:17px;padding:20px 22px;margin:0 0 20px;border:1px solid #d6a84c55;border-radius:16px;background:radial-gradient(ellipse at 0 50%,#d6a84c20,transparent 48%),linear-gradient(120deg,#171d2a,#0c111b);box-shadow:0 15px 38px #0004}
.customizer-launch-icon{flex:0 0 48px;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#d6a84c1e;border:1px solid #d6a84c66;color:#f2cd78;font-size:1.5rem}
.customizer-launch-copy{min-width:0;flex:1}.customizer-launch-copy>span{color:#d6a84c;font-size:.61rem;font-weight:900;letter-spacing:.15em}.customizer-launch-copy h3{margin:3px 0;color:#f5f1e8;font-size:1.08rem;font-weight:850}.customizer-launch-copy p{margin:0;color:#99a5b7;font-size:.78rem;line-height:1.45}
.customizer-launch-button{display:inline-flex;align-items:center;gap:13px;padding:11px 15px;border-radius:10px;background:linear-gradient(135deg,#e5bf6b,#a77a2d);color:#17120a;text-decoration:none;font-size:.76rem;font-weight:900;white-space:nowrap}
.customizer-launch-button:hover{color:#100d08;filter:brightness(1.08);transform:translateY(-1px)}
@media(max-width:680px){.profile-customizer-launch{align-items:flex-start;flex-wrap:wrap;padding:16px}.customizer-launch-button{width:100%;justify-content:center}}


/* Основной персонаж в ленте — заметный, но компактный маркер */
.post-primary-character{display:inline-flex!important;align-items:center;gap:6px;margin-top:5px;padding:4px 9px;border:1px solid rgba(95,205,255,.28);border-radius:7px;background:linear-gradient(90deg,rgba(30,116,151,.18),rgba(30,116,151,.06));color:#9bdfff!important;font-size:.72rem!important;font-weight:750;letter-spacing:.01em}
@media(max-width:575.98px){.post-primary-character{max-width:100%;overflow-wrap:anywhere;white-space:normal}}

/* Profile layout polish and collapsible identity editor */
.profile-hero{border-radius:22px!important;overflow:hidden!important;min-height:290px!important;border:1px solid rgba(214,180,112,.38)!important;box-shadow:0 18px 48px rgba(0,0,0,.38)!important}
.profile-hero[class*="cardbg-"]{background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important}
.profile-hero .profile-hero-content{display:grid!important;grid-template-columns:auto minmax(0,1fr) minmax(170px,220px)!important;align-items:center!important;gap:24px!important;padding:34px!important}
.profile-identity{min-width:0!important;max-width:none!important}.profile-identity h1{overflow-wrap:anywhere}
.profile-edit-trigger{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:9px 14px;border:1px solid #d8b66b88;border-radius:10px;background:#171d29;color:#f4d58c;font-weight:800;font-size:.78rem;cursor:pointer}
.profile-edit-trigger:hover{background:#2a2d35;color:#fff}.dynasty-wardrobe[hidden]{display:none!important}
.character-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr))!important;gap:12px!important}
.character-card{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;gap:10px 14px!important;padding:14px!important;border:1px solid rgba(198,169,115,.2)!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(25,31,42,.96),rgba(12,16,23,.96))!important;min-width:0!important}
.character-card-art{grid-row:1/3!important;width:92px!important;min-height:82px!important;flex-basis:92px!important}
.character-card-info{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
.character-card-info strong{font-size:1rem!important;line-height:1.2!important;overflow-wrap:anywhere}
.character-card-info span,.character-card-info small{font-size:.75rem!important;line-height:1.4!important;overflow-wrap:anywhere}
.character-card-actions{grid-column:2!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;flex-wrap:wrap!important}
.profile-post-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.profile-post-card{min-width:0;padding:17px!important;border-radius:15px!important}
@media(max-width:760px){.profile-hero .profile-hero-content{grid-template-columns:auto minmax(0,1fr)!important;padding:20px!important;gap:14px!important}.profile-level-card{grid-column:1/-1}.character-card{grid-template-columns:76px minmax(0,1fr)!important}.character-card-art{width:76px!important;flex-basis:76px!important}}
@media(max-width:460px){.profile-hero .profile-hero-content{grid-template-columns:1fr!important;text-align:center}.profile-avatar-shell{margin:0 auto}.profile-badges{justify-content:center}.character-card{grid-template-columns:1fr!important}.character-card-art{grid-row:auto!important;margin:0 auto}.character-card-actions{grid-column:1!important;justify-content:center!important}}

/* Community feed and modern post composer */
.site-progress-panel{margin:0 0 17px;padding:16px 18px;border:1px solid rgba(177,143,220,.24);border-radius:15px;background:linear-gradient(120deg,rgba(31,25,43,.96),rgba(15,19,28,.96));box-shadow:0 10px 28px #0003}
.site-progress-heading{display:flex;align-items:center;gap:10px;color:#f3eaff}.site-progress-heading>span:first-child{font-size:1.25rem;color:#d7b66f}.site-progress-heading b{display:block;font-size:.9rem}.site-progress-heading small{display:block;color:#9e94ad;font-size:.7rem}.progress-live{margin-left:auto;padding:5px 8px;border-radius:20px;background:#d6a94c1c;color:#e9c778;font-size:.58rem;font-weight:900;letter-spacing:.08em}
.site-progress-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.site-progress-items>div{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:9px;background:#ffffff06;color:#c8c1d0;font-size:.68rem;min-width:0}.site-progress-items>div span{flex:1}.site-progress-items>div b{font-size:.58rem;color:#b7a1d7;white-space:nowrap}.progress-dot{width:7px;height:7px;border-radius:50%;background:#b2a3c7;flex:0 0 7px}.progress-dot.is-done{background:#6ecb9a}.progress-dot.is-live{background:#e3bb62;box-shadow:0 0 9px #e3bb6270}
.dynasty-create-page{max-width:850px;margin:22px auto 48px;padding:0 10px;color:#eee8f7}.dynasty-create-heading{margin-bottom:17px;padding:22px 24px;border:1px solid #a855f744;border-radius:17px;background:radial-gradient(ellipse at 90% 0,#8744c52c,transparent 45%),linear-gradient(135deg,#20172d,#11121a)}.dynasty-create-heading h1{margin:7px 0;color:#fff;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:950}.dynasty-create-heading p{margin:0;color:#aaa0b9;font-size:.83rem}.dynasty-create-form{display:grid;gap:17px;padding:22px;border:1px solid #ffffff16;border-radius:17px;background:linear-gradient(145deg,#171b27,#10131b);box-shadow:0 18px 42px #0004}.create-field{display:grid;gap:7px;color:#c8bfd2;font-size:.75rem;font-weight:800}.create-field input,.create-field select,.create-field textarea{width:100%;padding:12px 13px;border:1px solid #ffffff20;border-radius:10px;background:#0c1018;color:#f4f0f8;outline:none}.create-field input:focus,.create-field select:focus,.create-field textarea:focus{border-color:#b38bd9;box-shadow:0 0 0 3px #a855f71c}.create-field textarea{resize:vertical;min-height:150px}.media-dropzone{display:grid;place-items:center;gap:5px;padding:22px;border:1px dashed #a98bc966;border-radius:12px;background:#a855f70a;cursor:pointer;text-align:center}.media-dropzone b{color:#e0c6fa}.media-dropzone small{color:#968aa4;font-size:.65rem}.media-dropzone input{position:absolute;width:1px;height:1px;opacity:0}.media-preview{display:flex;align-items:center;gap:12px;margin-top:9px;padding:9px;border-radius:10px;background:#080b11;color:#bcb3c8;font-size:.7rem}.media-preview img,.media-preview video{width:150px;max-height:100px;object-fit:cover;border-radius:7px}.create-form-actions{display:flex;justify-content:flex-end;gap:10px}.create-cancel,.create-submit{display:inline-flex;justify-content:center;align-items:center;padding:11px 18px;border-radius:10px;font-size:.75rem;font-weight:900;text-decoration:none}.create-cancel{border:1px solid #ffffff25;color:#bcb4c8}.create-submit{border:1px solid #e1bd70;background:linear-gradient(120deg,#f1cc70,#bd8b39);color:#211707}
.post-card{padding:18px!important;border-radius:16px!important;border:1px solid #ffffff13!important;background:linear-gradient(145deg,#191d28,#10131b)!important;box-shadow:0 10px 28px #0003!important}.post-author-block{gap:10px!important}.post-body-content{margin-top:10px!important}.post-title{margin:0 0 7px!important;font-size:1.08rem!important;line-height:1.35!important}.post-content{margin:0!important;color:#c8c2d0!important;line-height:1.65!important;white-space:pre-wrap;overflow-wrap:anywhere}.post-media-frame{margin-top:13px;overflow:hidden;border-radius:12px;border:1px solid #ffffff16;background:#080b11}.post-media-frame img,.post-media-frame video{display:block;width:100%;max-height:560px;object-fit:contain;background:#080b11}
@media(max-width:760px){.site-progress-items{grid-template-columns:1fr}.dynasty-create-form{padding:15px}.create-form-actions>*{flex:1}}
@media(max-width:460px){.create-form-actions{flex-direction:column}}

#dynasty-wardrobe:target{display:block!important;scroll-margin-top:24px}

/* DYNASTY CHRONICLE V2 */
.dynasty-site-updates{display:block!important;margin:0 0 22px;padding:20px 22px;border:1px solid #be9de244;border-radius:18px;background:radial-gradient(ellipse at 8% 0,#864bb72e,transparent 48%),linear-gradient(135deg,#201b2c,#131823 65%,#10141d);box-shadow:0 15px 38px #0005;color:#f3edf9}
.updates-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}.updates-kicker{font-size:9px;font-weight:900;letter-spacing:.18em;color:#c2a0e9}.updates-top h2{margin:4px 0;font-size:19px;font-weight:900;color:#fff}.updates-top p{margin:0;color:#a99fb4;font-size:12px}.updates-live{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #dfb96840;border-radius:30px;color:#e8c779;font-size:9px;font-weight:900;white-space:nowrap}.updates-live i{width:7px;height:7px;border-radius:50%;background:#e5b957;box-shadow:0 0 9px #e5b957}
.updates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.update-entry{display:flex;align-items:center;gap:9px;min-width:0;padding:12px;border:1px solid #ffffff0d;border-radius:12px;background:#ffffff08}.update-entry>div{display:grid;gap:3px;min-width:0;flex:1}.update-entry b{font-size:11px;color:#f0eaf5}.update-entry small{font-size:10px;color:#a9a1b2}.update-entry em{font-size:9px;font-style:normal;font-weight:800;color:#d7bd82;white-space:nowrap}.update-state{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:8px;font-size:13px}.state-done{background:#3caa7920;color:#79d5a5}.state-progress{background:#d4a64a1b;color:#e7c477}
.chronicle-post{position:relative;min-width:0;margin:0;padding:19px;border:1px solid #b99bd52b;border-radius:17px;background:linear-gradient(145deg,#1b202c,#121720);box-shadow:0 12px 30px #0003;overflow:hidden}.chronicle-post.is-pinned{border-color:#d6b46c70}.chronicle-post-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding-bottom:13px;border-bottom:1px solid #ffffff0c}.chronicle-post .post-author-block{display:flex;align-items:center;gap:11px;min-width:0;flex:1}.chronicle-post .author-meta{min-width:0}.chronicle-post .author-name{font-size:13px;font-weight:850;color:#f4eff8}.chronicle-post .post-date{display:block;margin-top:3px;font-size:10px;color:#898596}.chronicle-category{padding:6px 9px;border:1px solid #b99bd52b;border-radius:20px;background:#a77acb13;color:#d5b9f0;font-size:9px;font-weight:850;white-space:nowrap}.chronicle-post .post-tag-badge{display:none!important}.chronicle-post .post-body-content{margin-top:14px!important}.chronicle-post .post-title{margin:0 0 8px!important;color:#fff;font-size:17px;line-height:1.35;font-weight:900}.chronicle-post .post-content{margin:0;color:#c5c1ce;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.chronicle-media{margin-top:14px;overflow:hidden;border:1px solid #ffffff14;border-radius:13px;background:#090d14}.chronicle-media img,.chronicle-media video{display:block;width:100%;max-height:560px;object-fit:contain;background:#090d14}.chronicle-post .post-footer{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px;padding-top:11px;border-top:1px solid #ffffff0c}.chronicle-post .btn-gaming-reaction{border:1px solid #ffffff12;border-radius:9px;background:#ffffff07}
.chronicle-composer{max-width:900px;margin:28px auto 60px;padding:0 14px;color:#f1edf6}.composer-back{display:inline-block;margin-bottom:13px;color:#a99ab8;text-decoration:none;font-size:12px}.composer-heading{padding:24px 26px;margin-bottom:14px;border:1px solid #9e78c747;border-radius:18px;background:radial-gradient(ellipse at 92% 0,#a65dd72c,transparent 46%),linear-gradient(120deg,#21192e,#151a26)}.composer-heading>span{font-size:9px;font-weight:900;letter-spacing:.16em;color:#c6a1ed}.composer-heading h1{margin:9px 0 6px;font-size:clamp(23px,4vw,32px);font-weight:950;color:#fff}.composer-heading p{margin:0;color:#a9a1b2;font-size:13px}.composer-sheet{display:grid;gap:18px;padding:24px;border:1px solid #ffffff15;border-radius:18px;background:linear-gradient(150deg,#1b202c,#111620);box-shadow:0 18px 48px #0004}.composer-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px}.composer-field{display:grid;gap:8px;color:#c9c1d2;font-size:11px;font-weight:850}.composer-field>span small{margin-left:5px;color:#8d8498;font-weight:500}.composer-field input,.composer-field select,.composer-field textarea{width:100%;min-width:0;padding:13px 14px;border:1px solid #ffffff1c;border-radius:11px;background:#0c111a;color:#f4f0f7;font-size:13px;outline:none}.composer-field textarea{min-height:180px;resize:vertical;line-height:1.65}.composer-field input:focus,.composer-field select:focus,.composer-field textarea:focus{border-color:#b38bd9;box-shadow:0 0 0 3px #a855f71c}.composer-upload{display:grid;justify-items:center;gap:6px;padding:24px 14px;border:1px dashed #a984ca80;border-radius:13px;background:#a855f70b;cursor:pointer;text-align:center}.composer-upload .upload-plus{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#b88bdf20;color:#dfc1f7;font-size:24px}.composer-upload b{color:#e7d9f3;font-size:12px}.composer-upload small{color:#91889e;font-size:10px}.composer-upload input{position:absolute;width:1px;height:1px;opacity:0}.composer-preview{display:flex;align-items:center;gap:13px;margin-top:10px;padding:10px;border:1px solid #ffffff12;border-radius:11px;background:#0a0e15;color:#aaa2b2;font-size:11px}.composer-preview[hidden]{display:none}.composer-preview img,.composer-preview video{width:125px;max-height:90px;object-fit:cover;border-radius:8px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:5px}.composer-bottom>span{color:#898397;font-size:10px}.composer-bottom>div{display:flex;align-items:center;gap:10px}.composer-bottom a{padding:11px;color:#aaa1b4;text-decoration:none;font-size:12px}.composer-bottom button{padding:12px 19px;border:1px solid #e4c47b;border-radius:10px;background:linear-gradient(120deg,#f0d18a,#bd914b);color:#21190d;font-size:12px;font-weight:950;cursor:pointer}
@media(max-width:700px){.updates-grid{grid-template-columns:1fr}.updates-top{align-items:flex-start}.composer-row{grid-template-columns:1fr}.composer-sheet{padding:16px}.composer-bottom{align-items:stretch;flex-direction:column}.composer-bottom>div{justify-content:flex-end}.chronicle-post{padding:14px}.chronicle-category{font-size:8px}}


/* Dynasty navigation: expandable sections and a touch-friendly mobile drawer. */
.sidebar-section-toggle{appearance:none;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 7px;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit}
.sidebar-section-toggle>span{color:#a997b9;font-size:13px;transition:transform .18s}
.sidebar-section-toggle.is-collapsed>span{transform:rotate(-90deg)}
.citadel-sidebar .citadel-side-nav.is-section-collapsed{display:none!important}
@media(max-width:760px){
 .citadel-sidebar{position:fixed!important;z-index:1500;top:0;left:0;bottom:0;width:min(88vw,340px)!important;max-height:100dvh!important;height:100dvh!important;transform:translateX(-105%);transition:transform .25s ease;box-shadow:18px 0 55px #0009}
 .citadel-sidebar.is-open{transform:translateX(0)}
 .citadel-main-column{min-width:0}
 .citadel-topbar{position:sticky;top:0;z-index:900}
 .citadel-mobile-menu{display:grid!important;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(190,160,255,.24);border-radius:10px;background:#21182c;color:#f2eaff}
 .citadel-mobile-dock{z-index:1000}
 body:has(.citadel-sidebar.is-open)::after{content:'';position:fixed;inset:0;z-index:1400;background:rgba(4,3,8,.68);backdrop-filter:blur(3px)}
}
@media(max-width:480px){
 .citadel-topbar{gap:7px;padding-inline:9px}
 .citadel-breadcrumb{min-width:0;overflow:hidden}
 .citadel-breadcrumb strong{font-size:9px}
 .citadel-topbar-actions{gap:6px}
 .citadel-live-pill span:not(.pulse-dot-green){display:none}
 .topbar-discord-link b{display:none}
}

/* Wardrobe opens as an editor only after the profile owner requests it. */
.dynasty-wardrobe-modal[hidden]{display:none!important}
.dynasty-wardrobe-modal{position:fixed;z-index:2500;inset:0;display:grid;place-items:center;padding:clamp(10px,3vw,30px)}
.dynasty-wardrobe-backdrop{position:absolute;inset:0;border:0;background:rgba(5,4,10,.82);backdrop-filter:blur(9px);cursor:pointer}
.dynasty-wardrobe-dialog{position:relative;z-index:1;width:min(1120px,100%);max-height:min(88dvh,900px);overflow:auto;margin:0!important;padding:clamp(15px,2vw,25px)!important;border:1px solid rgba(190,145,255,.35)!important;background:linear-gradient(145deg,#1b1726,#100f18)!important;box-shadow:0 28px 90px #000b!important}
.dynasty-wardrobe-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.wardrobe-modal-kicker{color:#c49aff;font-size:10px;font-weight:900;letter-spacing:.18em}
.dynasty-wardrobe-close{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff24;border-radius:10px;background:#ffffff0a;color:#fff;font-size:25px;line-height:1;cursor:pointer}
body.wardrobe-modal-open{overflow:hidden}
@media(max-width:600px){.dynasty-wardrobe-modal{padding:7px}.dynasty-wardrobe-dialog{max-height:94dvh;padding:12px!important;border-radius:14px!important}.dynasty-wardrobe-modal-head{position:sticky;top:-12px;z-index:3;padding:8px 0;background:#171321}}

/* Profile visual refresh: clearer hierarchy, calmer spacing and adaptive cards. */
.profile-page{max-width:1320px!important;color:#eee8f7}
.profile-hero{position:relative;overflow:hidden;border:1px solid rgba(174,126,235,.28)!important;border-radius:22px!important;background:radial-gradient(ellipse at 78% 0,rgba(157,93,222,.2),transparent 42%),linear-gradient(135deg,#1c1728,#10121a 72%)!important;box-shadow:0 18px 50px #0006!important}
.profile-hero-cover{opacity:.25}
.profile-hero-content{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(180px,.55fr);align-items:center;gap:clamp(16px,3vw,34px);padding:clamp(20px,3vw,38px)!important}
.profile-avatar-shell{width:clamp(94px,12vw,142px)!important;height:clamp(94px,12vw,142px)!important;flex:0 0 auto;overflow:visible!important}
.profile-avatar-shell>img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.profile-identity{min-width:0}
.profile-identity h1{font-size:clamp(1.65rem,4vw,2.7rem)!important;line-height:1.08;overflow-wrap:anywhere}
.profile-eyebrow{color:#b995e7!important;letter-spacing:.17em!important;font-size:.62rem!important}
.profile-status{max-width:680px;color:#d0c5dc!important}
.profile-edit-trigger{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;border:1px solid #c29aef66;border-radius:10px;background:#9d63d51c;color:#ead8ff!important;text-decoration:none;font-size:.76rem;font-weight:850}
.profile-edit-trigger:hover{background:#9d63d536;border-color:#c29aef}
.profile-level-card{padding:15px!important;border:1px solid #ffffff18!important;border-radius:14px!important;background:#09081166!important}
.profile-stat-grid-large{gap:12px!important}
.profile-stat-grid-large>div,.profile-info-card,.character-roster-card,.profile-verification{border:1px solid rgba(190,145,255,.17)!important;border-radius:16px!important;background:linear-gradient(145deg,#191522,#11111a)!important;box-shadow:0 12px 30px #0003!important}
.profile-stat-grid-large>div{padding:17px!important}
.profile-stat-grid-large strong{color:#f0d18a!important;font-size:1.65rem!important}
.profile-section-heading{gap:12px!important}
.profile-section-heading h2{color:#f2eafa!important;font-weight:900!important}
.profile-detail{border-bottom:1px solid #ffffff0d!important;padding:11px 0!important}
.profile-detail b{color:#e8def1!important}
.character-grid{gap:12px!important}
.character-card{border:1px solid #ffffff15!important;border-radius:14px!important;background:#0e0c15!important}
.profile-post-card{padding:17px!important}
@media(max-width:850px){.profile-hero-content{grid-template-columns:auto minmax(0,1fr)}.profile-level-card{grid-column:1/-1}}
@media(max-width:560px){.profile-page{padding-inline:8px!important}.profile-hero-content{grid-template-columns:1fr;text-align:center;justify-items:center;padding:20px 14px!important}.profile-avatar-shell{width:108px!important;height:108px!important}.profile-badges{justify-content:center}.profile-level-card{width:100%}.profile-stat-grid-large{grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-stat-grid-large>div{padding:12px!important}.profile-edit-trigger{justify-content:center;width:100%}.profile-section-heading{align-items:flex-start}}

/* Authentication feedback and official role name treatments. */
.auth-feedback:not([hidden]){display:block;margin:0 0 14px;padding:11px 13px;border:1px solid rgba(255,112,135,.4);border-radius:9px;background:rgba(128,32,54,.18);color:#ffb3c0;font-size:.75rem;line-height:1.5}
.site-role-owner{color:#f2cf79!important;text-shadow:0 0 13px rgba(240,190,90,.25)}
.site-role-chief_admin{color:#82d8ff!important;text-shadow:0 0 12px rgba(95,198,255,.25)}
.site-role-admin{color:#c69bff!important;text-shadow:0 0 12px rgba(174,112,255,.28)}
.site-role-tester{color:#8de5b8!important;text-shadow:0 0 10px rgba(89,220,153,.2)}
.site-role-owner.author-name,.site-role-chief_admin.author-name,.site-role-admin.author-name{font-weight:950!important}
.site-role-owner a,.site-role-chief_admin a,.site-role-admin a{color:inherit!important}

.update-waiting .update-state{background:#ffffff10;color:#aaa1b6}
.update-waiting em{color:#aaa1b6}
.update-date{opacity:.7;font-size:9px!important}
.auth-feedback[hidden]{display:none!important}

/* Keep official role colors visible in profile, roster and team name links. */
.profile-identity h1.site-role-owner{color:#f2cf79!important}
.profile-identity h1.site-role-chief_admin{color:#82d8ff!important}
.profile-identity h1.site-role-admin{color:#c69bff!important}
.profile-identity h1.site-role-tester{color:#8de5b8!important}
.roster-card-name-row>a.site-role-owner{color:#f2cf79!important}
.roster-card-name-row>a.site-role-chief_admin{color:#82d8ff!important}
.roster-card-name-row>a.site-role-admin{color:#c69bff!important}
.roster-card-name-row>a.site-role-tester{color:#8de5b8!important}
.admin-team-member-copy strong.site-role-owner{color:#f2cf79!important}
.admin-team-member-copy strong.site-role-chief_admin{color:#82d8ff!important}
.admin-team-member-copy strong.site-role-admin{color:#c69bff!important}
.admin-team-member-copy strong.site-role-tester{color:#8de5b8!important}

/* Player discussion under feed publications. */
.chronicle-post[id^="post-"]{scroll-margin-top:90px}
.post-comments{flex:1 0 100%;margin-top:12px;border-top:1px solid #ffffff12;padding-top:10px}
.post-comments>summary{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;cursor:pointer;list-style:none;color:#cdb4e9;font-size:.7rem;font-weight:850}
.post-comments>summary::-webkit-details-marker{display:none}
.post-comments>summary span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:7px;background:#a855f71c;color:#d8b9ff;font-size:.6rem}
.post-comments-body{padding:10px 0 2px}
.post-comment{padding:9px 11px;margin-bottom:7px;border:1px solid #ffffff10;border-radius:10px;background:#09081066}
.post-comment-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}
.post-comment-meta b{font-size:.69rem;font-weight:900}
.post-comment-meta time{color:#81788d;font-size:.57rem}
.post-comment p{margin:6px 0 0;color:#d8d0e0;font-size:.69rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.post-comments-empty{color:#8f859a;font-size:.67rem;margin:5px 0 10px}
.post-comment-form{display:flex;align-items:stretch;gap:8px;margin-top:10px}
.post-comment-form textarea{flex:1;min-width:0;resize:vertical;min-height:42px;padding:9px 11px;border:1px solid #554267;border-radius:9px;background:#0b0912;color:#eee;font-size:.68rem}
.post-comment-form button{align-self:stretch;padding:8px 13px;border:1px solid #a66de0;border-radius:9px;background:#8b45c7;color:#fff;font-size:.64rem;font-weight:900}
.post-comment-login{display:inline-block;margin-top:8px;color:#c49aff;font-size:.66rem}
@media(max-width:520px){.post-comment-form{flex-direction:column}.post-comment-form button{min-height:38px}}


/* Homepage hierarchy: published community content first, development status in a side rail */
.dynasty-home-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(255px,310px);gap:20px;align-items:start}
.dynasty-home-main{min-width:0;grid-column:1;grid-row:1}
.dynasty-home-aside{min-width:0;grid-column:2;grid-row:1;position:sticky;top:92px}
.dynasty-home-aside .dynasty-site-updates{margin:0;padding:16px}
.dynasty-home-aside .updates-top{display:block;margin-bottom:12px}
.dynasty-home-aside .updates-live{display:inline-flex;margin-top:10px}
.dynasty-home-aside .updates-grid{grid-template-columns:minmax(0,1fr);gap:8px}
.dynasty-home-aside .update-entry{align-items:flex-start;padding:10px}
.dynasty-home-aside .update-entry em{font-size:8px}
.dynasty-home-aside .updates-top h2{font-size:16px}
@media(max-width:900px){.dynasty-home-layout{grid-template-columns:minmax(0,1fr) 260px;gap:14px}}
@media(max-width:720px){.dynasty-home-layout{grid-template-columns:minmax(0,1fr)}.dynasty-home-main,.dynasty-home-aside{grid-column:1;grid-row:auto}.dynasty-home-aside{position:static;order:2}.dynasty-home-aside .updates-grid{grid-template-columns:minmax(0,1fr)}.dynasty-feed-hero{align-items:flex-start;flex-direction:column;padding:20px}.dynasty-feed-create{width:100%}}


/* Full navigation moved from the left rail into Guide-style top dropdowns */
.citadel-shell{display:block!important;grid-template-columns:minmax(0,1fr)!important}
.citadel-sidebar,.citadel-mobile-dock,.citadel-mobile-menu{display:none!important}
.citadel-main-column{width:100%;min-width:0}
.citadel-topbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px clamp(12px,2vw,28px);height:auto;min-height:76px}
.citadel-primary-nav{display:flex;align-items:center;gap:7px;flex:1;min-width:0;flex-wrap:wrap}
.topbar-section-menu{position:relative;z-index:1300;flex:0 0 auto}
.topbar-section-menu .topbar-guide-toggle{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(190,160,255,.2);border-radius:12px;background:rgba(91,66,130,.13);color:#eee8fb;font:700 .82rem Manrope,sans-serif;cursor:pointer;white-space:nowrap}
.topbar-section-menu .topbar-guide-toggle:hover,.topbar-section-menu.is-open .topbar-guide-toggle{border-color:rgba(190,160,255,.48);background:rgba(126,91,180,.22)}
.topbar-section-menu .topbar-guide-dropdown{position:absolute;left:0;right:auto;top:calc(100% + 9px);width:285px;max-height:min(70vh,520px);overflow-y:auto;padding:8px;border:1px solid rgba(190,160,255,.2);border-radius:16px;background:#171322;box-shadow:0 18px 48px rgba(0,0,0,.42);display:none}
.topbar-section-menu.is-open .topbar-guide-dropdown{display:block}
.topbar-section-menu .topbar-guide-dropdown a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:11px;color:#eee8fb;text-decoration:none}
.topbar-section-menu .topbar-guide-dropdown a:hover{background:rgba(160,120,220,.14)}
.topbar-section-menu .topbar-guide-dropdown a b,.topbar-section-menu .topbar-guide-dropdown a small{display:block}
.topbar-section-menu .topbar-guide-dropdown a b{font-size:.84rem}
.topbar-section-menu .topbar-guide-dropdown a small{margin-top:3px;color:#a99ebd;font-size:.7rem}
.citadel-topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex:0 0 auto}
@media(max-width:900px){.citadel-topbar{align-items:flex-start}.citadel-primary-nav{order:3;flex-basis:100%}.citadel-topbar-actions{margin-left:auto}}
@media(max-width:640px){.citadel-topbar{gap:8px;padding:10px 12px}.citadel-primary-nav{flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;padding:2px 0 9px;scrollbar-width:thin}.topbar-section-menu .topbar-guide-toggle{padding:9px 10px;font-size:.74rem}.topbar-section-menu .topbar-guide-dropdown{position:fixed;left:12px;right:12px;top:116px;width:auto;max-height:65vh}.citadel-topbar-actions{gap:7px;flex-wrap:wrap}.citadel-user-chip small{display:none}.citadel-breadcrumb{display:none}}


/* Post author alignment: keep avatar, nickname, rank and title together */
.chronicle-post .post-author-block{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:auto!important;flex:1 1 auto!important;min-width:0!important}
.chronicle-post .avatar-wrapper{flex:0 0 48px!important}
.chronicle-post .author-meta{display:block!important;width:auto!important;max-width:100%;flex:1 1 auto!important;min-width:0!important;padding:0!important;text-align:left!important}
.chronicle-post .author-name{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;text-align:left!important;line-height:1.35!important}
.chronicle-post .user-title{display:inline!important;white-space:normal!important}
.chronicle-post .post-date{display:block!important;text-align:left!important}
@media(max-width:600px){.chronicle-post .post-author-block{align-items:flex-start!important}.chronicle-post .author-name{font-size:12px!important}.chronicle-post .avatar-wrapper{flex-basis:42px!important;width:42px!important;height:42px!important}}
/* Distinct readable publication text colors for administration roles */
.chronicle-post.role-owner .post-content{color:#f0d58e!important;text-shadow:0 0 10px rgba(240,213,142,.10)}
.chronicle-post.role-chief_admin .post-content{color:#d8b8ff!important;text-shadow:0 0 10px rgba(180,130,255,.12)}
.chronicle-post.role-admin .post-content{color:#9fd5ff!important;text-shadow:0 0 10px rgba(90,180,255,.10)}
.chronicle-post.role-tester .post-content{color:#a8e8c5!important}
.post-comment-meta .comment-author-role-owner{color:#f0d58e!important}
.post-comment-meta .comment-author-role-chief_admin{color:#d8b8ff!important}
.post-comment-meta .comment-author-role-admin{color:#9fd5ff!important}


/* Discord administrator site role */
.site-role-discord_admin{color:#8295ff!important;text-shadow:0 0 12px rgba(88,101,242,.22)}
.badge-discord-admin{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(88,101,242,.48);border-radius:6px;background:rgba(88,101,242,.16);color:#aebaff!important;font-weight:800}
.profile-pill.discord{border:1px solid rgba(88,101,242,.48);background:rgba(88,101,242,.16);color:#aebaff}
.profile-authority-banner.authority-discord{border-color:rgba(88,101,242,.55);background:linear-gradient(100deg,rgba(88,101,242,.24),rgba(35,42,95,.3));color:#aebaff}
.chronicle-post.role-discord_admin .post-content{color:#c2caff!important;text-shadow:0 0 10px rgba(88,101,242,.12)}
.post-comment-meta .comment-author-role-discord_admin{color:#aebaff!important}


/* Live role badge in the command center */
.role-discord-admin{color:#aebaff;border-color:rgba(88,101,242,.48);background:rgba(88,101,242,.16)}
.admin-role-select:disabled{opacity:.65;cursor:wait}
.admin-role-feedback{min-width:76px}
.admin-role-feedback.is-error{color:#ff8798!important}


/* Dynasty recruitment page and application review */
.recruit-hero{padding:28px;border:1px solid rgba(184,150,255,.22);border-radius:22px;background:linear-gradient(130deg,rgba(92,61,139,.25),rgba(20,17,31,.96));margin-bottom:22px}
.recruit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.recruit-card,.recruit-form-card,.recruit-application{padding:20px;border:1px solid rgba(184,150,255,.16);border-radius:18px;background:rgba(24,20,36,.86)}
.recruit-card h3{margin:8px 0;color:#f1eaff;font-size:1.05rem}
.recruit-card p,.recruit-card li{color:#c4bbd2;font-size:.9rem;line-height:1.65}
.recruit-card ul{padding-left:20px}
.recruit-pay-note{padding:14px;border-radius:12px;background:rgba(92,101,242,.12);border:1px solid rgba(92,101,242,.28);color:#d5d9ff;margin:16px 0}
.recruit-form-card{margin-top:20px}
.recruit-form-card label{display:block;margin:12px 0 6px;color:#d8cdea;font-weight:700}
.recruit-form-card input,.recruit-form-card select,.recruit-form-card textarea{width:100%;padding:11px 13px;border:1px solid rgba(190,160,255,.2);border-radius:10px;background:#171322;color:#f4efff}
.recruit-application{margin:12px 0}
.recruit-status{display:inline-block;padding:5px 9px;border-radius:20px;background:rgba(170,150,200,.14);font-size:.76rem}
.recruit-status.approved{color:#9ce7bd}.recruit-status.rejected{color:#ff9eaa}.recruit-status.review{color:#cbb0ff}
@media(max-width:680px){.recruit-grid{grid-template-columns:1fr}.recruit-hero{padding:20px}.recruit-card,.recruit-form-card,.recruit-application{padding:15px}}


/* Administration polls */
.polls-page{max-width:1120px;margin:0 auto;padding:clamp(12px,2vw,26px);color:#eee8f7}
.polls-hero{padding:clamp(20px,4vw,38px);margin-bottom:20px;border:1px solid rgba(190,145,255,.25);border-radius:22px;background:radial-gradient(ellipse at 85% 0,rgba(158,104,220,.2),transparent 45%),linear-gradient(135deg,#21182e,#11111b)}
.polls-kicker{color:#c39bea;font-size:.65rem;font-weight:900;letter-spacing:.18em}
.polls-hero h1{margin:9px 0;color:#f4eaff;font-size:clamp(1.55rem,4vw,2.3rem);font-weight:950}
.polls-hero p{max-width:720px;margin:0;color:#c4b8d2;line-height:1.65;font-size:.88rem}
.polls-list{display:grid;gap:15px}
.poll-card{min-width:0;padding:clamp(15px,2.5vw,23px);border:1px solid rgba(190,145,255,.18);border-radius:18px;background:linear-gradient(145deg,#1b1725,#11111a);box-shadow:0 12px 32px #0003}
.poll-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:13px}
.poll-card-top small{color:#93899f;font-size:.66rem}
.poll-state{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:.65rem;font-weight:900}
.poll-state.open{background:#45bd811b;color:#9de8bc;border:1px solid #45bd8144}
.poll-state.closed{background:#ffffff0c;color:#aaa1b4;border:1px solid #ffffff18}
.poll-card h2,.poll-card h3{margin:0 0 10px;color:#f2eafa;font-size:1.08rem;font-weight:900;overflow-wrap:anywhere}
.poll-description{margin:0 0 15px;color:#bdb2ca;font-size:.8rem;line-height:1.6;white-space:pre-wrap}
.poll-vote-form{display:grid;gap:8px;margin-top:16px}
.poll-choice{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #ffffff16;border-radius:11px;background:#09081166;color:#e6ddef;font-size:.8rem;cursor:pointer}
.poll-choice:has(input:checked){border-color:#bd91eb;background:#9c63d51b}
.poll-choice input{accent-color:#b77be8;width:16px;height:16px;flex:0 0 auto}
.poll-primary-btn,.poll-secondary-btn{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:10px 17px;border:1px solid #bd91eb;border-radius:10px;background:linear-gradient(120deg,#a66bd2,#7445a3);color:#fff;font-size:.76rem;font-weight:900;cursor:pointer}
.poll-primary-btn{margin-top:5px}
.poll-secondary-btn{background:#ffffff0b;border-color:#ffffff2b;color:#d7c8e7}
.poll-footnote{margin:11px 0 0;color:#958ba2;font-size:.68rem}
.poll-results{display:grid;gap:12px;margin-top:16px}
.poll-result-label{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;color:#dcd2e7;font-size:.74rem}
.poll-result-label span{min-width:0;overflow-wrap:anywhere}
.poll-result-label b{flex:0 0 auto;color:#cba5ee;font-variant-numeric:tabular-nums}
.poll-track{height:8px;overflow:hidden;border-radius:20px;background:#ffffff12}
.poll-track i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#8151b4,#c69ce9)}
.poll-empty{padding:35px 20px;text-align:center;border:1px dashed #ffffff25;border-radius:18px;background:#171321;color:#bdb1ca}
.poll-empty>span{font-size:1.8rem;color:#c39bea}
.poll-empty h2{margin:8px 0;color:#eee5f7;font-size:1.05rem}
.poll-empty p{margin:0;font-size:.78rem}
.poll-admin-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:17px;align-items:start}
.poll-create-form{display:grid;gap:13px}
.poll-create-form h2,.poll-admin-existing>h2{margin:0 0 5px;color:#f0e7f8;font-size:1rem;font-weight:900}
.poll-create-form label{display:grid;gap:7px;color:#d7cbe3;font-size:.75rem;font-weight:800}
.poll-create-form label small{color:#9e92ac;font-weight:500}
.poll-create-form input,.poll-create-form textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid #ffffff20;border-radius:10px;background:#0d0b14;color:#f2eafa;font:inherit;font-size:.78rem}
.poll-create-form textarea{resize:vertical}
.poll-admin-existing{display:grid;gap:13px;min-width:0}
.poll-admin-existing>h2{margin:5px 0}
.poll-admin-card h3{overflow-wrap:anywhere}
@media(max-width:760px){.poll-admin-layout{grid-template-columns:minmax(0,1fr)}.polls-page{padding:10px}.polls-hero{border-radius:16px}.poll-card{border-radius:14px}}

/* Administration poll actions */
.poll-admin-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.poll-admin-actions form{margin:0}
.poll-delete-btn{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:10px 17px;border:1px solid #e06b78;border-radius:10px;background:#b83e501c;color:#ff9aa5;font-size:.76rem;font-weight:900;cursor:pointer;transition:background .18s,border-color .18s}
.poll-delete-btn:hover{background:#b83e5033;border-color:#ff8794}



/* Guild applications — unified Dynasty interface */
.guild-applications-page{width:min(100%,1080px);margin:0 auto;padding:clamp(12px,2.2vw,26px);color:#eee8f7}
.guild-applications-back{display:inline-flex;margin:0 0 15px;color:#c9a4ed;text-decoration:none;font-size:.78rem;font-weight:800}
.guild-applications-back:hover{color:#f0dfff}
.guild-applications-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:clamp(20px,4vw,34px);margin-bottom:20px;border:1px solid rgba(190,145,255,.25);border-radius:22px;background:radial-gradient(ellipse at 88% 0,rgba(158,104,220,.22),transparent 45%),linear-gradient(135deg,#21182e,#11111b)}
.guild-applications-kicker{color:#c39bea;font-size:.65rem;font-weight:900;letter-spacing:.18em}
.guild-applications-hero h1{margin:0;color:#f4eaff;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:950}
.guild-applications-hero>p{max-width:680px;margin:0;color:#c4b8d2;font-size:.84rem;line-height:1.65}
.guild-applications-count{display:flex;align-items:baseline;gap:8px;margin-top:7px;padding:8px 12px;border:1px solid #bd91eb3b;border-radius:12px;background:#9c63d51b}
.guild-applications-count strong{color:#e4c5ff;font-size:1.2rem;font-variant-numeric:tabular-nums}
.guild-applications-count span{color:#c7b8d5;font-size:.72rem}
.guild-applications-list{display:grid;gap:14px}
.guild-application-card{min-width:0;padding:clamp(15px,2.5vw,23px);border:1px solid rgba(190,145,255,.18);border-radius:18px;background:linear-gradient(145deg,#1b1725,#11111a);box-shadow:0 12px 32px #0003}
.guild-application-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.guild-application-player{display:flex;align-items:center;gap:12px;min-width:0}
.guild-application-avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid #bd91eb66;border-radius:13px;background:linear-gradient(135deg,#70449b,#322340);color:#fff;font-weight:950;font-size:1.1rem}
.guild-application-player h2{margin:0;color:#f2eafa;font-size:1rem;font-weight:900;overflow-wrap:anywhere}
.guild-application-player small{color:#958ba2;font-size:.67rem}
.guild-application-status{display:inline-flex;padding:6px 10px;border:1px solid #ffffff20;border-radius:20px;background:#ffffff0b;color:#c9bfd3;font-size:.68rem;font-weight:850}
.guild-application-status.new{border-color:#c39bea55;background:#9c63d51b;color:#dfc3ff}
.guild-application-status.review{border-color:#e0b35a55;background:#e0b35a14;color:#f0d18d}
.guild-application-status.approved{border-color:#45bd8155;background:#45bd811b;color:#9de8bc}
.guild-application-status.rejected{border-color:#e06b7855;background:#b83e501b;color:#ff9eaa}
.guild-application-motivation{margin:17px 0;padding:13px 15px;border:1px solid #ffffff12;border-radius:12px;background:#09081155}
.guild-application-motivation>span{color:#b99ad7;font-size:.61rem;font-weight:900;letter-spacing:.12em}
.guild-application-motivation p{margin:7px 0 0;color:#d3c9dd;font-size:.82rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.guild-application-review label{display:block;margin-bottom:7px;color:#d8cdea;font-size:.75rem;font-weight:850}
.guild-application-review label small{color:#8f849b;font-weight:500}
.guild-application-review textarea{display:block;width:100%;min-height:68px;padding:11px 13px;border:1px solid rgba(190,160,255,.2);border-radius:10px;outline:none;background:#0d0b14;color:#f4efff;font:inherit;font-size:.78rem;resize:vertical}
.guild-application-review textarea:focus{border-color:#bd91eb;box-shadow:0 0 0 3px #bd91eb1c}
.guild-application-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.guild-application-actions button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:41px;padding:9px 14px;border:1px solid transparent;border-radius:10px;font-size:.74rem;font-weight:900;cursor:pointer;transition:filter .16s,transform .16s}
.guild-application-actions button:hover{filter:brightness(1.12);transform:translateY(-1px)}
.guild-application-accept{background:linear-gradient(120deg,#27885b,#176b48);border-color:#65d49a66!important;color:#fff}
.guild-application-review-btn{background:#ffffff0b;border-color:#ffffff25!important;color:#d8cbea}
.guild-application-reject{background:#b83e501b;border-color:#e06b7855!important;color:#ff9eaa}
.guild-application-note{margin-top:15px;padding:12px 14px;border-radius:11px;background:#ffffff08;color:#bdb2ca;font-size:.75rem}
.guild-application-note b{color:#d9c6eb}
.guild-application-note p{margin:5px 0 0;white-space:pre-wrap}
.guild-applications-empty{padding:42px 20px;text-align:center;border:1px dashed #ffffff25;border-radius:18px;background:#171321;color:#bdb1ca}
.guild-applications-empty>span{color:#c39bea;font-size:2rem}
.guild-applications-empty h2{margin:8px 0;color:#eee5f7;font-size:1.05rem}
.guild-applications-empty p{margin:0;font-size:.78rem}
@media(max-width:600px){.guild-applications-page{padding:10px}.guild-applications-hero{border-radius:16px}.guild-application-card{border-radius:14px}.guild-application-actions{display:grid;grid-template-columns:1fr}.guild-application-actions button{width:100%}}


/* Community news and support — shared Dynasty visual language */
.community-news-page,.community-news-detail-page,.community-news-admin-page,.community-support-page,.community-support-ticket-page,.community-support-admin-page{width:min(100%,1120px);margin:0 auto;padding:clamp(12px,2.2vw,26px);color:#eee8f7}
.community-news-page .raid-card,.community-news-detail-page .raid-card,.community-news-admin-page .raid-card,.community-support-page .raid-card,.community-support-ticket-page .raid-card,.community-support-admin-page .raid-card{min-width:0;border:1px solid rgba(190,145,255,.18);border-radius:18px;background:linear-gradient(145deg,#1b1725,#11111a);box-shadow:0 12px 32px #0002;color:#eee8f7}
.community-news-page .raid-card h1,.community-news-detail-page .raid-card h1,.community-news-admin-page .raid-card h1,.community-support-page .raid-card h1,.community-support-ticket-page .raid-card h1,.community-support-admin-page .raid-card h1{color:#f4eaff;font-weight:950;font-size:clamp(1.45rem,3.5vw,2rem)}
.community-news-page .raid-card h2,.community-news-detail-page .raid-card h2,.community-news-admin-page .raid-card h2,.community-support-page .raid-card h2,.community-support-ticket-page .raid-card h2,.community-support-admin-page .raid-card h2{color:#f0e7f8;font-weight:900}
.community-news-page .text-muted,.community-news-detail-page .text-muted,.community-news-admin-page .text-muted,.community-support-page .text-muted,.community-support-ticket-page .text-muted,.community-support-admin-page .text-muted{color:#bdb2ca!important}
.community-news-page .form-control,.community-news-page .form-select,.community-news-admin-page .form-control,.community-news-admin-page .form-select,.community-support-page .form-control,.community-support-page .form-select,.community-support-ticket-page .form-control,.community-support-admin-page .form-control,.community-support-admin-page .form-select{min-width:0;border:1px solid rgba(190,160,255,.2);border-radius:10px;background-color:#0d0b14;color:#f4efff}
.community-news-page .form-control:focus,.community-news-page .form-select:focus,.community-news-admin-page .form-control:focus,.community-news-admin-page .form-select:focus,.community-support-page .form-control:focus,.community-support-page .form-select:focus,.community-support-ticket-page .form-control:focus{border-color:#bd91eb;box-shadow:0 0 0 3px #bd91eb1c}
.community-news-page .form-label,.community-news-admin-page .form-label,.community-support-page .form-label,.community-support-admin-page .form-label{color:#d8cdea;font-weight:800;font-size:.78rem}
.community-news-page img,.community-news-detail-page img{max-width:100%;border-radius:14px;object-fit:cover}
.community-news-page table,.community-support-admin-page table{--bs-table-bg:transparent;--bs-table-color:#e9e0f2;--bs-table-border-color:#ffffff18}
.community-news-page a,.community-news-detail-page a,.community-support-page a,.community-support-ticket-page a,.community-support-admin-page a{overflow-wrap:anywhere}
@media(max-width:600px){.community-news-page,.community-news-detail-page,.community-news-admin-page,.community-support-page,.community-support-ticket-page,.community-support-admin-page{padding:10px}.community-news-page .raid-card,.community-news-detail-page .raid-card,.community-news-admin-page .raid-card,.community-support-page .raid-card,.community-support-ticket-page .raid-card,.community-support-admin-page .raid-card{border-radius:14px}}


/* Shared identity labels: guild affiliation, guild rank and global site role stay distinct. */
.player-identity-badges{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:4px;vertical-align:middle}
.player-identity-badge{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid #ffffff20;border-radius:999px;font-size:.66rem;font-weight:800;line-height:1.25;letter-spacing:.01em}
.player-identity-badge.guild{color:#f1d99e;background:#c99b3c18;border-color:#c99b3c55}
.player-identity-badge.guild-role{color:#b8d8ff;background:#438bd51a;border-color:#438bd555}
.player-identity-badge.guild-rank{color:#d7c8f5;background:#9673c51a;border-color:#9673c555}
.player-identity-badge.site-role{color:#ffe0a0;background:#d49b2b1c;border-color:#d49b2b55}


/* Dynasty editorial redesign: news, member guide and community rules */
.dyn-news,.dyn-guide,.dyn-rules{width:min(100%,1120px);margin:0 auto;padding:clamp(12px,2.3vw,28px);color:#eee8f7}
.dyn-eyebrow{display:block;color:#c8a1f1;font-size:.65rem;font-weight:950;letter-spacing:.19em;text-transform:uppercase}
.dyn-news-hero,.dyn-guide-hero,.dyn-rules-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:clamp(25px,5vw,48px);margin-bottom:30px;border:1px solid #caa4f140;border-radius:25px;background:radial-gradient(ellipse at 85% 5%,#a168d73d,transparent 42%),radial-gradient(ellipse at 0 100%,#be97531a,transparent 38%),linear-gradient(135deg,#21182e,#11111b 72%);box-shadow:0 20px 55px #0003}
.dyn-news-hero:after,.dyn-guide-hero:after,.dyn-rules-hero:after{content:"";position:absolute;z-index:-1;width:260px;height:260px;right:-100px;bottom:-165px;border:1px solid #c8a1f133;border-radius:50%;box-shadow:0 0 0 24px #c8a1f10a,0 0 0 50px #c8a1f108}
.dyn-news-hero-copy{max-width:740px}
.dyn-news-hero h1,.dyn-guide-hero h1,.dyn-rules-hero h1{margin:13px 0;color:#fff;font-size:clamp(2rem,5vw,3.15rem);font-weight:950;letter-spacing:-.045em;line-height:1.12}
.dyn-news-hero h1 em,.dyn-guide-hero h1 em{font-style:normal;color:#d1a9f5}
.dyn-news-hero p,.dyn-guide-hero>p,.dyn-rules-hero p{max-width:700px;margin:0;color:#c8bfd3;font-size:.94rem;line-height:1.8}
.dyn-news-hero-meta,.dyn-guide-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.dyn-news-hero-meta span,.dyn-guide-pills span{padding:8px 12px;border:1px solid #c8a1f133;border-radius:30px;background:#a06cc21a;color:#ddc9f0;font-size:.7rem;font-weight:800}
.dyn-news-hero-mark{display:grid;place-items:center;flex:0 0 140px;width:140px;height:140px;border:1px solid #d1a9f555;border-radius:50%;background:radial-gradient(circle,#a66bd233,#a66bd20a 65%);box-shadow:0 0 0 12px #a66bd20a,0 0 50px #a66bd222}
.dyn-news-hero-mark span{color:#e3c6ff;font-size:3.7rem;line-height:1}.dyn-news-hero-mark small{color:#c8a1f1;font-size:.56rem;font-weight:900;letter-spacing:.2em}
.dyn-news-section-head,.dyn-comments-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:0 0 15px}
.dyn-news-section-head h2,.dyn-comments-heading h2{margin:5px 0 0;color:#f4eaff;font-size:clamp(1.15rem,3vw,1.55rem);font-weight:950}
.dyn-news-count,.dyn-comments-heading>span{padding:7px 11px;border:1px solid #ffffff1c;border-radius:30px;background:#ffffff08;color:#bfb2cd;font-size:.68rem;font-weight:800}
.dyn-news-list{display:grid;gap:15px}
.dyn-news-card{position:relative;display:grid;grid-template-columns:4px minmax(0,1fr);overflow:hidden;border:1px solid #c6a1e522;border-radius:19px;background:linear-gradient(145deg,#1d1827,#11111a 78%);box-shadow:0 12px 32px #0002;transition:transform .2s,border-color .2s}
.dyn-news-card:hover{transform:translateY(-2px);border-color:#c6a1e555}.dyn-news-card.is-pinned{border-color:#d7b36a55}
.dyn-news-card-accent{background:linear-gradient(180deg,#c79ce9,#7950a8)}.dyn-news-card.is-pinned .dyn-news-card-accent{background:linear-gradient(180deg,#f0d18d,#a77a32)}
.dyn-news-card-content{min-width:0;padding:clamp(16px,3vw,25px)}
.dyn-news-card-top,.dyn-article-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.dyn-news-category{display:inline-flex;padding:6px 10px;border:1px solid #bd91eb55;border-radius:30px;background:#9c63d51b;color:#e0c3ff;font-size:.65rem;font-weight:900}
.dyn-news-audience{color:#a99bb8;font-size:.68rem;font-weight:750}.dyn-news-pinned{margin-left:auto;color:#edcf8d;font-size:.68rem;font-weight:900}
.dyn-news-card h3{margin:14px 0 9px;color:#f4eaff;font-size:clamp(1.05rem,2.6vw,1.35rem);font-weight:950;line-height:1.35;overflow-wrap:anywhere}
.dyn-news-card h3 a{color:inherit;text-decoration:none}.dyn-news-card h3 a:hover{color:#d7b5f6}
.dyn-news-image-link{display:block;margin:14px 0;overflow:hidden;border-radius:13px;background:#090811}.dyn-news-image-link img{display:block;width:100%;max-height:360px;object-fit:cover;transition:transform .35s}.dyn-news-image-link:hover img{transform:scale(1.015)}
.dyn-news-excerpt{margin:0;color:#bdb2ca;font-size:.84rem;line-height:1.75}
.dyn-news-card-footer{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #ffffff12}
.dyn-news-author,.dyn-article-author{display:flex;align-items:center;gap:9px;min-width:0}
.dyn-news-author-mark{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #bd91eb55;border-radius:11px;background:linear-gradient(135deg,#70449b,#322340);color:#fff;font-size:.85rem;font-weight:950}
.dyn-news-author strong,.dyn-article-author strong{display:block;color:#e8def2;font-size:.74rem}.dyn-news-author small,.dyn-article-author small{display:block;color:#92879f;font-size:.63rem}
.dyn-news-read{margin-left:auto;color:#d4b2f0;text-decoration:none;font-size:.7rem;font-weight:900}.dyn-news-read:hover{color:#fff}.dyn-news-read span{margin-left:5px}
.dyn-news-empty,.dyn-comments-empty{padding:42px 20px;border:1px dashed #ffffff25;border-radius:18px;background:#171321;text-align:center;color:#bdb1ca}
.dyn-news-empty>span{color:#c39bea;font-size:2.2rem}.dyn-news-empty h3{margin:8px 0;color:#eee5f7;font-size:1.05rem}.dyn-news-empty p{margin:0;font-size:.78rem}
.dyn-back-link{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;color:#c9a4ed;text-decoration:none;font-size:.78rem;font-weight:850}.dyn-back-link:hover{color:#fff}
.dyn-article,.dyn-comments{padding:clamp(18px,3.5vw,32px);border:1px solid #c6a1e522;border-radius:20px;background:linear-gradient(145deg,#1d1827,#11111a);box-shadow:0 14px 38px #0002}
.dyn-article h1{margin:18px 0;color:#f5edff;font-size:clamp(1.65rem,4vw,2.55rem);font-weight:950;line-height:1.2;letter-spacing:-.035em;overflow-wrap:anywhere}
.dyn-article-author{margin:16px 0 7px}.dyn-article-cover{display:block;width:100%;max-height:520px;margin:22px 0;object-fit:cover;border-radius:15px}
.dyn-article-body{margin-top:23px;color:#ded5e8;font-size:.92rem;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
.dyn-comments{margin-top:18px}.dyn-comments-list{display:grid}.dyn-comment{padding:15px 0;border-bottom:1px solid #ffffff12}
.dyn-comment-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.dyn-comment-head>strong{color:#e9def4;font-size:.78rem}.dyn-comment-head>small{margin-left:auto;color:#92879f;font-size:.63rem}
.dyn-comment>p{margin:9px 0 0;color:#cfc4da;font-size:.82rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.dyn-comment-form{display:grid;gap:10px;margin-top:22px}.dyn-comment-form label{color:#e0d4ed;font-size:.75rem;font-weight:850}
.dyn-comment-form textarea{width:100%;min-height:95px;padding:12px 14px;border:1px solid #ffffff20;border-radius:12px;outline:0;background:#0d0b14;color:#f4efff;font:inherit;font-size:.82rem;resize:vertical}
.dyn-comment-form textarea:focus{border-color:#bd91eb;box-shadow:0 0 0 3px #bd91eb1c}
.dyn-comment-form button,.dyn-rules-submit{justify-self:start;display:inline-flex;align-items:center;gap:9px;min-height:43px;padding:10px 17px;border:1px solid #c49be5;border-radius:11px;background:linear-gradient(120deg,#a66bd2,#7445a3);color:#fff;font-size:.74rem;font-weight:900;cursor:pointer}
.dyn-comment-form button:hover,.dyn-rules-submit:hover{filter:brightness(1.12)}
.dyn-guide-hero{display:block;min-height:270px}.dyn-guide-hero>p{max-width:720px}
.dyn-guide-orbit{float:right;display:grid;place-items:center;width:115px;height:115px;margin:0 12px 15px 25px;border:1px solid #d1a9f555;border-radius:50%;background:radial-gradient(circle,#a66bd233,#a66bd208);box-shadow:0 0 0 10px #a66bd20a}
.dyn-guide-orbit span{color:#e2c3ff;font-size:3rem}
.dyn-guide-intro{display:flex;align-items:flex-start;gap:16px;margin:28px 0 15px}.dyn-guide-number{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #bd91eb55;border-radius:13px;background:#9c63d51b;color:#e0c3ff;font-size:.8rem;font-weight:950}
.dyn-guide-intro h2{margin:5px 0;color:#f4eaff;font-size:1.35rem;font-weight:950}.dyn-guide-intro p{margin:0;color:#bdb2ca;font-size:.8rem;line-height:1.65}
.dyn-guide-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.dyn-guide-method{padding:clamp(19px,3vw,27px);border:1px solid #bd91eb30;border-radius:19px;background:linear-gradient(145deg,#21182e,#11111a);box-shadow:0 12px 30px #0002}
.dyn-guide-method.raid{border-color:#cba45b33;background:linear-gradient(145deg,#292116,#15121a)}
.dyn-guide-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:16px;border:1px solid #bd91eb55;border-radius:14px;background:#9c63d51b;color:#e2c3ff;font-size:1.3rem}
.dyn-guide-method.raid .dyn-guide-icon{border-color:#d6b36a55;background:#d6b36a14;color:#efd18c}
.dyn-guide-label{color:#c39bea;font-size:.6rem;font-weight:950;letter-spacing:.17em}.dyn-guide-method.raid .dyn-guide-label{color:#e2c27d}
.dyn-guide-method h3{margin:7px 0;color:#f3eafb;font-size:1.17rem;font-weight:950}.dyn-guide-method>p{color:#bdb2ca;font-size:.8rem;line-height:1.7}
.dyn-guide-method ul{display:grid;gap:9px;margin:17px 0 0;padding:0;list-style:none}
.dyn-guide-method li{position:relative;padding-left:21px;color:#d1c6dc;font-size:.76rem;line-height:1.55}.dyn-guide-method li:before{content:"✓";position:absolute;left:0;color:#c49be5;font-weight:950}
.dyn-guide-method.raid li:before{color:#e2c27d}
.dyn-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dyn-guide-steps article{padding:19px;border:1px solid #ffffff16;border-radius:16px;background:linear-gradient(145deg,#1b1725,#11111a)}
.dyn-guide-steps article>b{color:#c69ce9;font-size:1.25rem;font-weight:950}.dyn-guide-steps h3{margin:10px 0 5px;color:#eee5f7;font-size:.88rem;font-weight:900}.dyn-guide-steps p{margin:0;color:#afa4bb;font-size:.73rem;line-height:1.65}
.dyn-guide-note{display:flex;gap:13px;margin-top:15px;padding:17px 19px;border:1px solid #bd91eb35;border-radius:15px;background:#9c63d510}
.dyn-guide-note>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#9c63d526;color:#dfc3ff;font-weight:950}
.dyn-guide-note strong{color:#eee5f7;font-size:.8rem}.dyn-guide-note p{margin:5px 0 0;color:#bdb2ca;font-size:.75rem;line-height:1.7}
.dyn-guide-note.important{border-color:#d6b36a44;background:#d6b36a0d}.dyn-guide-note.important>span{background:#d6b36a1d;color:#efd18c}
.dyn-rules-hero{display:block;margin-bottom:17px}.dyn-rules-hero .text-warning{color:#e5c27c!important}.dyn-rules-hero h1{font-size:clamp(2rem,5vw,3rem)}.dyn-rules-hero .fw-semibold{color:#e6c47e!important;font-size:.76rem;letter-spacing:.12em}
.dyn-rules-principle{display:flex;align-items:center;gap:14px;margin:0 0 17px;padding:16px 19px;border:1px solid #d6b36a3b;border-radius:15px;background:linear-gradient(100deg,#d6b36a12,#9c63d50b)}
.dyn-rules-principle>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #d6b36a55;border-radius:12px;color:#e8c77f;font-size:1.2rem}
.dyn-rules-principle p{display:grid;gap:3px;margin:0;color:#c8bfd3;font-size:.78rem;line-height:1.6}.dyn-rules-principle strong{color:#f0d18d;font-size:.84rem}
.dyn-rules-nav{position:sticky;top:12px;z-index:5;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px;padding:12px;border:1px solid #ffffff1c;border-radius:15px;background:#15111eef;backdrop-filter:blur(14px);box-shadow:0 10px 25px #0003}
.dyn-rules-nav-link{display:inline-flex;align-items:center;padding:8px 11px;border:1px solid #ffffff1c;border-radius:9px;color:#d7c8e7;text-decoration:none;font-size:.68rem;font-weight:850;transition:.18s}
.dyn-rules-nav-link:hover{border-color:#bd91eb88;background:#9c63d51c;color:#fff}
.dyn-rules-sections{display:grid;gap:13px}.dyn-rule-card{scroll-margin-top:95px;overflow:hidden;border:1px solid #bd91eb24;border-radius:17px;background:linear-gradient(145deg,#1b1725,#11111a);color:#e9e0f2;box-shadow:0 10px 28px #0002}
.dyn-rule-body{padding:clamp(17px,3vw,25px)}.dyn-rule-title{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:#e5c27c;font-size:1.02rem;font-weight:950}
.dyn-rule-title:before{content:"";display:block;width:4px;height:23px;border-radius:5px;background:linear-gradient(#e8c77f,#a66bd2)}
.dyn-rule-card p,.dyn-rule-card li{color:#c9bfd3;font-size:.8rem;line-height:1.75}.dyn-rule-card li+li{margin-top:6px}.dyn-rule-card ol,.dyn-rule-card ul{padding-left:21px}.dyn-rule-card li::marker{color:#c39bea}
.dyn-rules-table{--bs-table-bg:transparent;--bs-table-color:#e9e0f2;--bs-table-border-color:#ffffff18;--bs-table-striped-bg:#ffffff06;font-size:.75rem}.dyn-rules-table th{color:#e5c27c;font-weight:900}
.dyn-rules-accept{margin-top:17px;overflow:hidden;border:1px solid #d6b36a55;border-radius:18px;background:linear-gradient(145deg,#292116,#15121a)}
.dyn-rules-accept .dyn-rule-body>p{color:#ded3c0;font-size:.82rem;line-height:1.7}.dyn-rules-checkbox{display:flex;align-items:flex-start;gap:10px;margin:0 0 15px;color:#e9dfcf;font-size:.78rem}
.dyn-rules-checkbox input{margin-top:4px;accent-color:#c49be5}.dyn-rules-success{padding:12px 14px;border:1px solid #45bd8155;border-radius:11px;background:#45bd8117;color:#a8e8c2;font-size:.8rem}
@media(max-width:760px){.dyn-news-hero-mark{flex-basis:90px;width:90px;height:90px}.dyn-news-hero-mark span{font-size:2.6rem}.dyn-guide-methods{grid-template-columns:1fr}.dyn-guide-steps{grid-template-columns:1fr}.dyn-rules-nav{position:static}.dyn-rules-nav-link{flex:1 1 auto;justify-content:center}}
@media(max-width:520px){.dyn-news,.dyn-guide,.dyn-rules{padding:10px}.dyn-news-hero,.dyn-guide-hero,.dyn-rules-hero{padding:22px 19px;border-radius:18px}.dyn-news-hero-mark{display:none}.dyn-guide-orbit{width:68px;height:68px;margin:0 0 12px 12px}.dyn-guide-orbit span{font-size:2rem}.dyn-news-card{border-radius:15px}.dyn-news-card-footer{align-items:flex-start}.dyn-news-read{width:100%;margin-left:43px}.dyn-article,.dyn-comments{padding:17px;border-radius:16px}.dyn-rules-nav{gap:6px;padding:9px}.dyn-rules-nav-link{font-size:.63rem;padding:7px 8px}}

.dyn-rules-nav>div{display:flex;flex-wrap:wrap;gap:7px;width:100%}


/* Alliance compact grouped top navigation */
.citadel-topbar{gap:12px;align-items:center}
.citadel-primary-nav.alliance-primary-nav{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;flex-wrap:nowrap}
.alliance-primary-nav .topbar-section-menu{flex:0 0 auto}
.alliance-primary-nav .topbar-guide-toggle,.alliance-primary-nav .alliance-nav-home{min-height:40px;padding:9px 11px;border-color:rgba(214,173,84,.19);background:rgba(91,66,40,.12);font-size:.76rem}
.alliance-primary-nav .topbar-guide-toggle:hover,.alliance-primary-nav .topbar-section-menu.is-open .topbar-guide-toggle,.alliance-primary-nav .alliance-nav-home:hover{border-color:rgba(214,173,84,.52);background:rgba(126,91,48,.2);color:#fff}
.alliance-primary-nav .topbar-guide-toggle>span,.alliance-primary-nav .alliance-nav-home>span{color:#dfbd70}
.alliance-primary-nav .alliance-nav-home{display:flex;align-items:center;gap:7px;border:1px solid rgba(214,173,84,.19);border-radius:12px;color:#eee8fb;text-decoration:none;font-weight:800;white-space:nowrap}
.alliance-primary-nav .topbar-guide-dropdown{border-color:rgba(214,173,84,.24);background:linear-gradient(155deg,#1d1920,#13111a)}
.alliance-primary-nav .topbar-guide-dropdown a:hover{background:rgba(214,173,84,.11)}
.alliance-primary-nav .topbar-guide-dropdown a>span:first-child{min-width:20px;text-align:center;color:#dfbd70}
.alliance-primary-nav .alliance-admin-toggle{border-color:rgba(214,173,84,.42);background:rgba(145,102,35,.16);color:#f0d28d}
.citadel-topbar-actions{gap:8px}
.global-search-wrap{flex:0 1 190px;min-width:145px;max-width:205px;margin:0 2px}
@media(max-width:1100px){
 .citadel-topbar{align-items:center;flex-wrap:wrap}
 .citadel-primary-nav.alliance-primary-nav{order:3;flex-basis:100%;overflow-x:auto;overflow-y:visible;padding:2px 0 8px;scrollbar-width:thin}
 .citadel-topbar-actions{margin-left:auto;order:1}
 .global-search-wrap{order:2;flex:0 1 220px;margin-left:auto}
}
@media(max-width:640px){
 .citadel-topbar{gap:7px;padding:9px 10px}
 .citadel-primary-nav.alliance-primary-nav{gap:6px;flex-wrap:nowrap}
 .alliance-primary-nav .topbar-guide-toggle,.alliance-primary-nav .alliance-nav-home{min-height:38px;padding:8px 10px;font-size:.72rem}
 .alliance-primary-nav .topbar-guide-toggle>span,.alliance-primary-nav .alliance-nav-home>span{font-size:.9rem}
 .alliance-primary-nav .topbar-guide-dropdown{position:fixed;left:10px;right:10px;top:116px;width:auto;max-height:calc(100vh - 140px);overflow:auto}
 .global-search-wrap{order:2;flex:1 1 100%;max-width:none;margin:0}
 .citadel-topbar-actions{order:1;gap:6px;flex-wrap:nowrap}
 .citadel-live-pill{padding:7px 9px;font-size:9px}
 .topbar-discord-link{padding:7px 9px}
 .citadel-user-chip{padding-right:7px}
 .citadel-user-chip strong{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .citadel-logout{width:31px;height:31px}
}

/* Homepage: live community presence */
.dynasty-online-panel{margin:0 0 18px;padding:20px;border:1px solid rgba(214,173,84,.2);border-radius:18px;background:linear-gradient(145deg,rgba(36,29,43,.96),rgba(20,18,27,.98));box-shadow:0 12px 30px rgba(0,0,0,.18)}
.dynasty-online-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.dynasty-online-heading h2{margin:4px 0 0;color:#f4e8d1;font-size:1.12rem;font-weight:800}
.dynasty-online-total{display:flex;align-items:center;gap:6px;color:#a9c9a8;font-size:.72rem;white-space:nowrap}
.dynasty-online-total i,.dynasty-online-dot{width:8px;height:8px;border-radius:50%;background:#62cf82;box-shadow:0 0 9px #62cf8266}
.dynasty-online-total b{color:#e6f4df;font-size:.85rem}
.dynasty-online-list{display:grid;gap:7px}
.dynasty-online-user{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.025);color:#eee8fb;text-decoration:none;transition:background .18s,border-color .18s}
.dynasty-online-user:hover{background:rgba(214,173,84,.09);border-color:rgba(214,173,84,.25);color:#fff}
.dynasty-online-avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;overflow:hidden;border-radius:50%;background:#393044;color:#e8c77e;font-weight:800}
.dynasty-online-avatar img{width:100%;height:100%;object-fit:cover}
.dynasty-online-identity{display:grid;gap:3px;min-width:0;flex:1}
.dynasty-online-identity b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}
.dynasty-online-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aaa0b7;font-size:.65rem}
.dynasty-online-dot{flex:0 0 8px}
.dynasty-online-empty{margin:0;padding:12px;color:#aaa0b7;font-size:.78rem;text-align:center}
.dynasty-online-note{display:block;margin-top:12px;color:#8f879b;font-size:.65rem;line-height:1.5}

/* Pending-action counters in the administration navigation */
.topbar-guide-dropdown .nav-link-ajax{position:relative}
.admin-menu-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:22px;height:22px;margin-left:auto;padding:0 6px;border:1px solid rgba(255,220,150,.28);border-radius:999px;background:linear-gradient(145deg,#a94a48,#7d292e);color:#fff;font-size:11px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 2px 9px rgba(0,0,0,.22)}
@media(max-width:600px){.admin-menu-badge{min-width:20px;height:20px;padding:0 5px;font-size:10px}}


/* Private player activity timeline */
.profile-activity-section{position:relative;overflow:hidden;border-color:rgba(191,151,91,.24);background:radial-gradient(ellipse at 0 0,rgba(125,84,154,.13),transparent 48%),linear-gradient(145deg,#211b2a,#14121b 78%)}
.profile-activity-private-note,.profile-activity-locked{display:flex;align-items:center;gap:12px;margin-top:16px;padding:13px 15px;border:1px solid rgba(202,166,102,.22);border-radius:13px;background:rgba(202,166,102,.07)}
.profile-activity-private-note>span,.profile-activity-locked>span{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:rgba(202,166,102,.12);font-size:1.1rem}
.profile-activity-private-note strong,.profile-activity-locked strong{display:block;color:#ead6ae;font-size:.78rem}
.profile-activity-private-note small,.profile-activity-locked small{display:block;margin-top:3px;color:#aaa0b4;font-size:.68rem;line-height:1.5}
.profile-activity-list{position:relative;display:grid;gap:10px;padding:3px 0}
.profile-activity-list:before{content:"";position:absolute;top:18px;bottom:18px;left:18px;width:1px;background:linear-gradient(180deg,rgba(202,166,102,.55),rgba(166,107,210,.12))}
.profile-activity-item{position:relative;display:flex;align-items:flex-start;gap:13px;padding:13px 15px 13px 0;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:linear-gradient(110deg,rgba(255,255,255,.045),rgba(255,255,255,.015));transition:border-color .18s,transform .18s}
.profile-activity-item:hover{transform:translateX(2px);border-color:rgba(202,166,102,.28)}
.profile-activity-marker{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(202,166,102,.32);border-radius:12px;background:linear-gradient(145deg,#382b42,#211b2c);color:#e5c887;font-size:1rem;box-shadow:0 4px 14px #0003}
.profile-activity-copy{flex:1;min-width:0;padding-top:2px}
.profile-activity-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.profile-activity-title-row strong{color:#f0e7f7;font-size:.8rem;line-height:1.45}
.profile-activity-title-row time{flex:0 0 auto;color:#9d91a8;font-size:.62rem;white-space:nowrap}
.profile-activity-copy p{margin:5px 0 0;color:#bcb0c7;font-size:.72rem;line-height:1.55;overflow-wrap:anywhere}
.profile-activity-empty{display:grid;justify-items:center;gap:6px;margin-top:15px;padding:28px 16px;border:1px dashed rgba(202,166,102,.25);border-radius:14px;background:rgba(0,0,0,.12);text-align:center}
.profile-activity-empty>span{color:#d9b96f;font-size:1.8rem}
.profile-activity-empty strong{color:#e9dfef;font-size:.8rem}
.profile-activity-empty small{color:#9f95a8;font-size:.68rem}
@media(max-width:520px){.profile-activity-item{gap:10px;padding:11px 10px 11px 0}.profile-activity-marker{flex-basis:34px;width:34px;height:34px}.profile-activity-title-row{display:grid;gap:3px}.profile-activity-title-row time{font-size:.6rem}}


/* Collapsible private activity feed */
.profile-activity-disclosure{margin-top:16px}
.profile-activity-toggle{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;padding:13px 15px;border:1px solid rgba(202,166,102,.28);border-radius:14px;background:linear-gradient(115deg,rgba(202,166,102,.11),rgba(125,84,154,.1));transition:border-color .18s,background .18s,transform .18s;user-select:none}
.profile-activity-toggle::-webkit-details-marker{display:none}
.profile-activity-toggle:hover{border-color:rgba(224,190,123,.55);background:linear-gradient(115deg,rgba(202,166,102,.16),rgba(125,84,154,.15));transform:translateY(-1px)}
.profile-activity-toggle-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(202,166,102,.32);border-radius:12px;background:rgba(202,166,102,.1);color:#e5c887;font-size:1.25rem}
.profile-activity-toggle-copy{display:grid;gap:3px;flex:1;min-width:0}
.profile-activity-toggle-copy strong{color:#ead6ae;font-size:.8rem}
.profile-activity-toggle-copy small{color:#a99eaf;font-size:.68rem}
.profile-activity-toggle-chevron{color:#d9bd83;font-size:1.25rem;transition:transform .2s}
.profile-activity-disclosure[open] .profile-activity-toggle-chevron{transform:rotate(180deg)}
.profile-activity-disclosure-content{padding-top:14px;animation:profileActivityReveal .22s ease-out}
@keyframes profileActivityReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}


/* Activity feed is opened only by the explicit profile button. */
.profile-activity-disclosure{margin-top:16px}
.profile-activity-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:13px 15px;cursor:pointer;list-style:none;border:1px solid rgba(202,166,102,.28);border-radius:14px;background:linear-gradient(135deg,rgba(202,166,102,.10),rgba(116,78,150,.10));transition:transform .18s,border-color .18s,background .18s}
.profile-activity-toggle::-webkit-details-marker{display:none}
.profile-activity-toggle:hover{transform:translateY(-1px);border-color:rgba(202,166,102,.5);background:linear-gradient(135deg,rgba(202,166,102,.16),rgba(116,78,150,.15))}
.profile-activity-toggle-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:rgba(202,166,102,.12);color:#e5c887;font-size:1.15rem}
.profile-activity-toggle-copy{display:grid;gap:2px;text-align:left;flex:1}
.profile-activity-toggle-copy strong{color:#f1e6d0;font-size:.8rem}
.profile-activity-toggle-copy small{color:#9f95a8;font-size:.67rem}
.profile-activity-toggle-chevron{color:#d9b96f;font-size:1.15rem;transition:transform .18s}
.profile-activity-disclosure[open] .profile-activity-toggle-chevron{transform:rotate(180deg)}
.profile-activity-disclosure-content{padding-top:2px}

/* Profile gratitude redesign */
.profile-reputation-section{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 0%,rgba(224,180,87,.12),transparent 30%),radial-gradient(circle at 0% 100%,rgba(132,84,180,.12),transparent 34%),linear-gradient(145deg,#1b1725,#11131b)!important}
.profile-reputation-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.07)}
.profile-reputation-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(224,190,111,.32);border-radius:15px;background:linear-gradient(145deg,rgba(145,91,190,.22),rgba(224,180,87,.12));color:#f1d48f;font-size:1.35rem;box-shadow:0 8px 22px rgba(0,0,0,.2)}
.profile-reputation-kicker{display:block;color:#bba57d;font-size:.56rem;font-weight:900;letter-spacing:.13em;margin-bottom:3px}
.profile-reputation-heading h2{margin:0;color:#f4ebfa;font-size:1.08rem;font-weight:950}
.profile-reputation-heading p{margin:4px 0 0;color:#948b9f;font-size:.68rem;line-height:1.5}
.profile-thanks-counter{min-width:94px;padding:9px 12px;border:1px solid rgba(224,190,111,.27);border-radius:13px;background:rgba(224,180,87,.07);display:grid;grid-template-columns:auto 1fr;column-gap:6px;align-items:center;text-align:left}
.profile-thanks-counter>span{grid-row:1/3;color:#f0c96e;font-size:1.15rem}
.profile-thanks-counter strong{color:#ffe2a0;font-size:1.1rem;line-height:1}
.profile-thanks-counter small{color:#9e91a8;font-size:.58rem}
.profile-thanks-form{margin-top:17px;padding:15px;border:1px solid rgba(190,145,255,.15);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(115,75,150,.055))}
.profile-thanks-form-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.profile-thanks-form-head strong{display:block;color:#efe6f7;font-size:.78rem}
.profile-thanks-form-head small{display:block;color:#968d9f;font-size:.64rem;margin-top:3px}
.profile-thanks-form-head>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(224,180,87,.1);color:#efc96d}
.profile-thanks-form .form-label{display:flex;justify-content:space-between;align-items:center;color:#aaa0b0;font-size:.64rem;font-weight:800;margin:10px 0 6px}
.profile-thanks-form .form-label span{font-weight:500;color:#77707f}
.profile-thanks-form .gaming-input{border-color:rgba(190,145,255,.16)!important;background:rgba(8,9,14,.5)!important}
.profile-thanks-form .gaming-input:focus{border-color:rgba(224,190,111,.48)!important;box-shadow:0 0 0 3px rgba(224,180,87,.07)!important}
.profile-thanks-form textarea{resize:vertical;min-height:72px}
.profile-thanks-form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px}
.profile-thanks-form-footer small{color:#77707f;font-size:.6rem}
.profile-thanks-form-footer .btn{white-space:nowrap}
.profile-thanks-list{display:grid;gap:10px;margin-top:16px}
.profile-thanks-item{position:relative;display:flex;align-items:flex-start;gap:12px;padding:13px 15px 13px 13px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:linear-gradient(115deg,rgba(255,255,255,.045),rgba(255,255,255,.012));transition:transform .18s,border-color .18s,background .18s}
.profile-thanks-item:hover{transform:translateY(-1px);border-color:rgba(224,190,111,.28);background:linear-gradient(115deg,rgba(255,255,255,.06),rgba(115,75,150,.045))}
.profile-thanks-avatar{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(190,145,255,.25);border-radius:12px;background:linear-gradient(145deg,#30243b,#1e1928);color:#d9b9ff;font-size:.8rem;font-weight:950}
.profile-thanks-body{flex:1;min-width:0}
.profile-thanks-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.profile-thanks-top>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.profile-thanks-top a{color:#d8b6ff;font-size:.76rem;font-weight:850;text-decoration:none}
.profile-thanks-top a:hover{text-decoration:underline}
.profile-thanks-category{padding:3px 7px;border:1px solid rgba(224,190,111,.22);border-radius:999px;background:rgba(224,180,87,.07);color:#cdb989;font-size:.54rem;font-weight:800}
.profile-thanks-top time{flex:0 0 auto;color:#817986;font-size:.58rem;white-space:nowrap}
.profile-thanks-message{margin:7px 0 0;padding:8px 10px;border-left:2px solid rgba(224,180,87,.38);border-radius:0 8px 8px 0;background:rgba(224,180,87,.035);color:#c8bdcf;font-size:.68rem;line-height:1.55}
.profile-thanks-message.is-empty{border-left-color:rgba(190,145,255,.22);background:rgba(190,145,255,.025);color:#898190;font-style:italic}
.profile-thanks-heart{flex:0 0 auto;color:#d59d58;font-size:.8rem;padding-top:2px;opacity:.85}
.profile-thanks-empty{display:grid;justify-items:center;gap:5px;margin-top:16px;padding:27px 16px;border:1px dashed rgba(224,190,111,.2);border-radius:14px;background:rgba(0,0,0,.1);text-align:center}
.profile-thanks-empty>span{color:#d7b46f;font-size:1.8rem;line-height:1}
.profile-thanks-empty strong{color:#e9e0ef;font-size:.78rem}
.profile-thanks-empty small{color:#8e8596;font-size:.64rem}
@media(max-width:560px){
  .profile-reputation-hero{grid-template-columns:auto minmax(0,1fr);align-items:start}
  .profile-thanks-counter{grid-column:1/-1;width:100%;display:flex;align-items:center;gap:8px}
  .profile-thanks-counter>span{margin-right:2px}
  .profile-thanks-form-footer{align-items:flex-start;flex-direction:column}
  .profile-thanks-form-footer .btn{width:100%}
  .profile-thanks-top{display:grid;gap:5px}
  .profile-thanks-top time{font-size:.56rem}
}

/* Profile characters: keep the roster high in the profile and collapse character creation behind a button */
.profile-top-characters{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 0%,rgba(190,145,255,.12),transparent 30%),linear-gradient(145deg,#191522,#11111a)!important}
.profile-top-characters .profile-section-heading{margin-bottom:0}
.character-roster-count{min-width:34px;height:28px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;border:1px solid rgba(224,190,111,.28);border-radius:999px;background:rgba(224,180,87,.07);color:#f0cf86;font-size:.64rem;font-weight:900}
.profile-top-character-list{margin-top:15px}
.profile-top-character-list>.character-grid{margin:0}
.profile-add-character-disclosure{overflow:hidden}
.profile-add-character-toggle{list-style:none;display:flex;align-items:center;gap:12px;min-height:62px;padding:13px 15px;cursor:pointer;user-select:none}
.profile-add-character-toggle::-webkit-details-marker{display:none}
.profile-add-character-toggle:hover{background:rgba(190,145,255,.045)}
.profile-add-character-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border:1px solid rgba(224,190,111,.28);border-radius:11px;background:rgba(224,180,87,.07);color:#f0ca72;font-size:1.05rem}
.profile-add-character-toggle>span:nth-child(2){min-width:0;flex:1}
.profile-add-character-toggle strong{display:block;color:#eee5f5;font-size:.78rem}
.profile-add-character-toggle small{display:block;margin-top:3px;color:#8f8797;font-size:.62rem;line-height:1.45}
.profile-add-character-chevron{color:#a88ac9;font-size:1rem;transition:transform .2s ease}
.profile-add-character-disclosure[open] .profile-add-character-chevron{transform:rotate(180deg)}
.profile-add-character-disclosure[open] .profile-add-character-toggle{border-bottom:1px solid rgba(255,255,255,.07);background:rgba(190,145,255,.025)}
.profile-add-character-disclosure form{padding:0 15px 16px}
.profile-add-character-disclosure .profile-edit-grid{margin-top:2px}
.profile-top-characters .pending-character-list{margin-bottom:0}
@media(max-width:560px){
  .profile-top-characters .profile-section-heading{align-items:flex-start}
  .character-roster-count{margin-top:2px}
  .profile-add-character-toggle{padding:12px 11px}
  .profile-add-character-toggle small{max-width:220px}
}


/* Expanded live presence list */
.dynasty-online-show-all{display:block;width:100%;margin-top:10px;padding:9px 12px;border:1px solid rgba(214,173,84,.25);border-radius:10px;background:rgba(214,173,84,.07);color:#e8d2a3;font-size:.72rem;font-weight:800;cursor:pointer}
.dynasty-online-show-all:hover{background:rgba(214,173,84,.14);border-color:rgba(214,173,84,.45)}
.dynasty-online-all{max-height:420px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);overflow:auto}
.dynasty-online-all[hidden]{display:none}
.profile-presence{display:inline-flex;align-items:center;gap:7px;margin:7px 0 2px;padding:6px 10px;border:1px solid rgba(98,207,130,.25);border-radius:999px;background:rgba(98,207,130,.08);color:#9fe0ae;font-size:.68rem;font-weight:800}
.profile-presence:before{content:"";width:7px;height:7px;border-radius:50%;background:#62cf82;box-shadow:0 0 8px #62cf8280}
.profile-presence.is-offline{border-color:rgba(160,150,170,.2);background:rgba(160,150,170,.06);color:#aaa0b7}
.profile-presence.is-offline:before{background:#88818f;box-shadow:none}



/* Mobile navigation repair: collapsible section menu and touch-friendly dropdowns. */
@media (max-width: 760px) {
  .citadel-topbar {
    min-height: 62px;
    height: auto;
    flex-wrap: wrap;
    align-items: center;
    padding: 9px 12px;
    gap: 8px;
  }
  .citadel-mobile-menu {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    padding: 0;
    font-size: 19px;
    cursor: pointer;
    touch-action: manipulation;
  }
  .citadel-primary-nav.alliance-primary-nav {
    order: 3;
    flex: 1 0 100%;
    display: none;
    flex-wrap: wrap;
    align-items: center;
    overflow: visible;
    padding: 8px;
    gap: 7px;
    border: 1px solid rgba(202,170,112,.2);
    border-radius: 13px;
    background: rgba(13,18,22,.98);
    box-shadow: 0 12px 28px rgba(0,0,0,.35);
  }
  .citadel-primary-nav.alliance-primary-nav.is-mobile-nav-open {
    display: flex !important;
  }
  .alliance-primary-nav .topbar-guide-toggle,
  .alliance-primary-nav .alliance-nav-home {
    min-height: 44px;
    padding: 10px 12px;
    font-size: .75rem;
    touch-action: manipulation;
  }
  .alliance-primary-nav .topbar-section-menu {
    position: relative;
    z-index: 1250;
  }
  .alliance-primary-nav .topbar-guide-dropdown {
    position: absolute;
    top: calc(100% + 7px);
    left: 0;
    right: auto;
    width: min(300px, calc(100vw - 24px));
    max-height: calc(100dvh - 190px);
    overflow-y: auto;
    overscroll-behavior: contain;
    z-index: 1300;
  }
  .alliance-primary-nav .topbar-section-menu:nth-last-child(-n+2) .topbar-guide-dropdown {
    left: auto;
    right: 0;
  }
  .alliance-primary-nav .topbar-guide-dropdown a {
    min-height: 46px;
    padding: 12px 13px;
    touch-action: manipulation;
  }
  .global-search-wrap { order: 2; flex: 1 1 100%; max-width: none; margin: 0; }
  .citadel-topbar-actions { order: 1; margin-left: auto; gap: 6px; }
}
@media (max-width: 420px) {
  .citadel-topbar { padding-left: 9px; padding-right: 9px; }
  .alliance-primary-nav .topbar-guide-toggle,
  .alliance-primary-nav .alliance-nav-home { padding: 9px 10px; font-size: .7rem; }
}


/* Quest rewards */
.quest-page,.quest-admin-page{max-width:1180px}
.quest-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:30px;border:1px solid rgba(190,160,255,.2);border-radius:20px;background:radial-gradient(circle at 85% 20%,rgba(139,92,246,.2),transparent 35%),linear-gradient(135deg,#211a31,#11121a);margin-bottom:22px}
.quest-kicker{color:#c5a6ff;font-size:.72rem;font-weight:800;letter-spacing:.16em}
.quest-hero h1{color:#fff;font-size:clamp(1.8rem,4vw,2.7rem);margin:9px 0}
.quest-hero p{color:#c4bacf;margin:0}
.quest-wallet{min-width:170px;padding:16px 20px;border:1px solid rgba(255,190,80,.3);border-radius:15px;background:rgba(0,0,0,.22);text-align:center}
.quest-wallet small{display:block;color:#c7b8a0;font-size:.68rem;letter-spacing:.12em}
.quest-wallet strong{display:block;color:#ffd27a;font-size:1.6rem;margin-top:5px}
.quest-note{padding:13px 16px;margin-bottom:24px;border-left:3px solid #a78bfa;background:rgba(167,139,250,.08);color:#d7cfe3;border-radius:8px}
.quest-group{margin:26px 0}
.quest-group>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.quest-group>header h2{color:#f1eaff;font-size:1.3rem;margin:0}
.quest-group>header span{color:#a99ebd;font-size:.8rem}
.quest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.quest-card{min-width:0;padding:19px;border:1px solid #393247;border-radius:15px;background:linear-gradient(145deg,#1b1925,#12131a)}
.quest-card.is-complete{border-color:rgba(74,190,130,.4)}
.quest-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}
.quest-type{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#b9a2dc}
.quest-card-top strong{color:#ffd27a}
.quest-done,.quest-earned{color:#80d5a8}
.quest-card h3{font-size:1.08rem;color:#fff;margin:0 0 6px}
.quest-card p{color:#b9b2c4;font-size:.88rem;min-height:42px;margin-bottom:18px}
.quest-progress>div:first-child{display:flex;justify-content:space-between;color:#a99ebd;font-size:.75rem;margin-bottom:7px}
.quest-progress b{color:#e9e0f5}
.quest-progress-track{height:7px;border-radius:20px;background:#302b3b;overflow:hidden}
.quest-progress-track i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#9874dc,#e2b96e)}
.quest-reward{display:block;color:#e3c98d;margin-top:12px}
.quest-earned{display:block;margin-top:12px}
.quest-admin-form{padding:22px;border:1px solid #3b334a;border-radius:16px;background:#17151f;margin-bottom:25px}
.quest-admin-form h2{color:#fff;font-size:1.25rem;margin:0 0 18px}
.quest-admin-form form{display:grid;gap:14px}
.quest-admin-form label{display:grid;gap:7px;color:#d8cfe5;font-size:.84rem;font-weight:700}
.quest-admin-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.quest-admin-hint{color:#a99ebd;font-size:.78rem;margin:0}
.quest-admin-list{display:grid;gap:9px}
.quest-admin-list article{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 15px;border:1px solid #393247;border-radius:12px;background:#17151f}
.quest-admin-list article b,.quest-admin-list article small{display:block}
.quest-admin-list article b{color:#f5efff}
.quest-admin-list article small{color:#a99ebd;margin-top:4px}
.quest-system-label{color:#b9a2dc;font-size:.75rem}
@media(max-width:700px){.quest-hero{align-items:flex-start;flex-direction:column;padding:22px}.quest-wallet{width:100%;text-align:left}.quest-grid{grid-template-columns:1fr}.quest-admin-fields{grid-template-columns:1fr}.quest-admin-list article{align-items:flex-start;flex-direction:column}.quest-admin-list form{width:100%}.quest-admin-list button{width:100%}}

/* Store catalog: game-style sidebar with responsive category navigation */
.store-catalog-layout{display:grid;grid-template-columns:248px minmax(0,1fr);align-items:start;gap:20px;margin-top:22px}
.store-catalog-sidebar{position:sticky;top:18px;display:flex;flex-direction:column;gap:5px;padding:13px;border:1px solid rgba(177,145,205,.2);border-radius:15px;background:linear-gradient(180deg,#1a2027,#11171d);box-shadow:0 14px 34px rgba(0,0,0,.2)}
.store-sidebar-heading{display:grid;gap:4px;padding:9px 10px 13px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:5px}
.store-sidebar-heading>strong{color:#f5f0e8;font-size:1rem}
.store-sidebar-link{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 11px;border:1px solid transparent;border-radius:8px;color:#e8e5e0;text-decoration:none;transition:background .16s,border-color .16s}
.store-sidebar-link>span{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:7px;background:rgba(255,255,255,.06);color:#d7bd8a}
.store-sidebar-link>b{flex:1;min-width:0;font-size:.78rem;font-weight:800;line-height:1.3}
.store-sidebar-link>i{font-style:normal;color:#8e9aa0;font-size:1.2rem}
.store-sidebar-link:hover,.store-sidebar-link.is-active{border-color:rgba(94,190,214,.35);background:linear-gradient(90deg,rgba(51,143,170,.2),rgba(51,143,170,.06));color:#fff}
.store-sidebar-link.is-active{border-left:3px solid #4daec9}
.store-sidebar-link.is-active>span{background:#267f9b;color:#fff}
.store-sidebar-owned{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding:12px 10px 3px;border-top:1px solid rgba(255,255,255,.07);color:#9ca8ad;font-size:.7rem}
.store-sidebar-owned strong{color:#f0ce87;font-size:1rem}
.store-catalog-content{min-width:0}
.store-featured-panel{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:145px;overflow:hidden;padding:23px 25px;margin-bottom:24px;border:1px solid rgba(210,176,115,.24);border-radius:14px;background:radial-gradient(circle at 88% 45%,rgba(65,160,185,.22),transparent 28%),linear-gradient(115deg,#202a30,#171c25 65%,#211d2b)}
.store-featured-panel h2{margin:5px 0 7px;color:#fff;font-size:1.35rem;font-weight:900}
.store-featured-panel p{max-width:620px;margin:0;color:#b6c0c2;font-size:.78rem;line-height:1.55}
.store-featured-symbol{flex:0 0 auto;color:rgba(224,191,126,.6);font-size:4.5rem;text-shadow:0 0 35px rgba(80,173,202,.35)}
.store-catalog-content .store-category-section{scroll-margin-top:20px;padding-top:2px}
.store-catalog-content .store-category-heading{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}
@media(max-width:900px){.store-catalog-layout{grid-template-columns:210px minmax(0,1fr);gap:13px}.store-catalog-sidebar{padding:9px}.store-sidebar-link{padding:9px 8px}.store-sidebar-link>b{font-size:.72rem}}
@media(max-width:700px){.store-catalog-layout{grid-template-columns:minmax(0,1fr);gap:13px}.store-catalog-sidebar{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.store-sidebar-heading{grid-column:1/-1}.store-sidebar-link{min-width:0;min-height:44px;padding:8px}.store-sidebar-link>b{font-size:.68rem}.store-sidebar-link>i{display:none}.store-sidebar-owned{grid-column:1/-1}.store-featured-panel{min-height:125px;padding:17px}.store-featured-panel h2{font-size:1.12rem}.store-featured-symbol{font-size:3rem}}
@media(max-width:390px){.store-catalog-sidebar{grid-template-columns:1fr}.store-sidebar-heading,.store-sidebar-owned{grid-column:1}.store-sidebar-link{min-height:42px}}


/* Dynasty ambient world backdrop: arcane magical night atmosphere. */
body.citadel-app{
  background-color:#080711!important;
  background-image:
    linear-gradient(180deg,rgba(7,6,16,.90) 0%,rgba(8,7,18,.93) 48%,rgba(5,6,13,.97) 100%),
    radial-gradient(ellipse at 78% 8%,rgba(133,102,207,.18),transparent 38%),
    radial-gradient(ellipse at 12% 62%,rgba(61,111,180,.12),transparent 34%),
    url('/static/images/card_backgrounds/03_arcane_night_city.jpg')!important;
  background-position:center,center,center,center top!important;
  background-size:cover,cover,cover,min(100%, 1920px) auto!important;
  background-attachment:fixed,fixed,fixed,fixed!important;
  background-repeat:no-repeat!important;
}
.citadel-workspace{
  position:relative;
  isolation:isolate;
}
.citadel-workspace:before{
  content:"";
  position:fixed;
  z-index:-1;
  inset:72px 0 0;
  pointer-events:none;
  opacity:.24;
  background:
    radial-gradient(ellipse at 18% 24%,rgba(139,112,201,.11),transparent 30%),
    radial-gradient(ellipse at 84% 72%,rgba(76,117,185,.08),transparent 28%);
}
@media(max-width:760px){
  body.citadel-app{background-attachment:scroll,scroll,scroll,scroll!important;background-position:center,center,center,center top!important;background-size:cover,cover,cover,100% auto!important}
  .citadel-workspace:before{inset:0;opacity:.16}
}
@media(prefers-reduced-motion:reduce){
  body.citadel-app{background-attachment:scroll,scroll,scroll,scroll!important}
}


/* Mobile touch controls: prevent pressed/hover states from shifting buttons outside their cards. */
@media (max-width: 760px) {
  button,
  .btn,
  a.btn,
  [role="button"],
  input[type="button"],
  input[type="submit"],
  input[type="reset"] {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    -webkit-tap-highlight-color: transparent;
  }

  button:active,
  .btn:active,
  a.btn:active,
  [role="button"]:active,
  button:focus,
  .btn:focus,
  a.btn:focus,
  [role="button"]:focus {
    transform: none !important;
  }

  button:focus-visible,
  .btn:focus-visible,
  a.btn:focus-visible,
  [role="button"]:focus-visible {
    outline: 2px solid rgba(190, 160, 255, .75);
    outline-offset: -2px;
  }

  /* Touch devices can keep :hover after a tap; remove lift/scale effects there. */
  @media (hover: none) {
    button:hover,
    .btn:hover,
    a.btn:hover,
    [role="button"]:hover,
    .nav-btn-gaming:hover,
    .btn-gaming-reaction:hover,
    .shop-avatar-img:hover {
      transform: none !important;
    }
  }

  .table td .d-flex.flex-column {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .table td .d-flex.flex-column .btn-sm {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  .btn-group,
  .button-group,
  .d-flex:has(> .btn),
  .d-flex:has(> button) {
    min-width: 0;
    max-width: 100%;
    flex-wrap: wrap;
  }
}

@media (max-width: 420px) {
  button,
  .btn,
  a.btn,
  [role="button"],
  input[type="button"],
  input[type="submit"],
  input[type="reset"] {
    padding-inline: min(12px, 3vw);
    font-size: max(.68rem, .82em);
  }
}


/* Animated avatar frames — shared treatment for shop previews and player profiles. */
.profile-avatar-shell[class*="frame-frame_"] { border-color:transparent!important; }
.profile-avatar-shell[class*="frame-frame_"]::before,
.store-frame-live-preview::before {
  content:""; position:absolute; inset:-5px; z-index:3; border-radius:50%;
  padding:4px; pointer-events:none;
  background:linear-gradient(transparent,transparent) padding-box,
    conic-gradient(from 0deg,var(--frame-a),var(--frame-b),var(--frame-c),var(--frame-a)) border-box;
  border:4px solid transparent; animation:dynastyFrameSpin 5s linear infinite;
  filter:drop-shadow(0 0 7px var(--frame-glow));
}
.profile-avatar-shell[class*="frame-frame_"]::after,
.store-frame-live-preview::after {
  content:""; position:absolute; inset:-9px; z-index:2; border:1px solid var(--frame-a);
  border-radius:50%; opacity:.55; box-shadow:0 0 13px var(--frame-glow),inset 0 0 10px var(--frame-glow);
  animation:dynastyFramePulse 2.2s ease-in-out infinite alternate; pointer-events:none;
}
.profile-avatar-shell[class*="frame-frame_"] > img,
.profile-avatar-shell[class*="frame-frame_"] > span { position:relative; z-index:1; }
.profile-avatar-shell.frame-frame_fire,.store-frame-live-preview.frame-frame_fire { --frame-a:#ff713d;--frame-b:#ffd36e;--frame-c:#9c251d;--frame-glow:rgba(255,100,45,.8); }
.profile-avatar-shell.frame-frame_void,.store-frame-live-preview.frame-frame_void { --frame-a:#b36bff;--frame-b:#39e4ff;--frame-c:#5123a5;--frame-glow:rgba(151,83,255,.85); }
.profile-avatar-shell.frame-frame_holy,.store-frame-live-preview.frame-frame_holy { --frame-a:#fff1a3;--frame-b:#ffbd45;--frame-c:#fff;--frame-glow:rgba(255,211,100,.9); }
.profile-avatar-shell.frame-frame_deathwing,.store-frame-live-preview.frame-frame_deathwing { --frame-a:#ff3e35;--frame-b:#ffb02e;--frame-c:#6c0808;--frame-glow:rgba(255,63,40,.9); }
.profile-avatar-shell.frame-frame_frost,.store-frame-live-preview.frame-frame_frost { --frame-a:#baf7ff;--frame-b:#43baff;--frame-c:#e8ffff;--frame-glow:rgba(91,205,255,.9); }
.profile-avatar-shell.frame-frame_arcane,.store-frame-live-preview.frame-frame_arcane { --frame-a:#e2a0ff;--frame-b:#8c5bff;--frame-c:#5df4ff;--frame-glow:rgba(174,104,255,.9); }
.profile-avatar-shell.frame-frame_night,.store-frame-live-preview.frame-frame_night { --frame-a:#d8b7ff;--frame-b:#6c55b8;--frame-c:#f6d9ff;--frame-glow:rgba(161,117,255,.85); }
.profile-avatar-shell.frame-frame_storm,.store-frame-live-preview.frame-frame_storm { --frame-a:#d8ffff;--frame-b:#42aaff;--frame-c:#c2e7ff;--frame-glow:rgba(75,181,255,.9); }
.store-frame-live-preview { position:relative; width:112px;height:112px;flex:0 0 112px;border-radius:50%;display:grid;place-items:center;isolation:isolate; }
.store-frame-live-preview img { width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #171323;position:relative;z-index:1; }
.store-frame-live-preview::before { inset:-4px; }
.store-frame-live-preview::after { inset:-8px; }
.store-frame-spark { position:absolute;z-index:4;width:5px;height:5px;border-radius:50%;background:var(--frame-b);box-shadow:0 0 9px 3px var(--frame-glow);animation:dynastyFrameSpark 2.8s ease-in-out infinite; }
.store-frame-spark-one { top:7px;right:17px; }
.store-frame-spark-two { bottom:12px;left:11px;animation-delay:-1.4s; }
@keyframes dynastyFrameSpin { to { transform:rotate(360deg); } }
@keyframes dynastyFramePulse { from { opacity:.28;transform:scale(.97); } to { opacity:.85;transform:scale(1.035); } }
@keyframes dynastyFrameSpark { 0%,100% { opacity:.15;transform:scale(.65); } 50% { opacity:1;transform:scale(1.45); } }
@media(prefers-reduced-motion:reduce) {
 .profile-avatar-shell[class*="frame-frame_"]::before,.profile-avatar-shell[class*="frame-frame_"]::after,
 .store-frame-live-preview::before,.store-frame-live-preview::after,.store-frame-spark { animation:none!important; }
}


/* Keep animated avatar frames on the outer ring; never cover the portrait. */
.profile-avatar-shell[class*="frame-frame_"] {
  isolation:isolate;
}
.profile-avatar-shell[class*="frame-frame_"]::before {
  content:"";
  position:absolute;
  inset:-5px;
  z-index:2;
  padding:0;
  border:0;
  border-radius:50%;
  background:conic-gradient(from 0deg,var(--frame-a),var(--frame-b),var(--frame-c),var(--frame-a));
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));
  animation:dynastyFrameSpin 5s linear infinite;
  filter:drop-shadow(0 0 7px var(--frame-glow));
  pointer-events:none;
}
.profile-avatar-shell[class*="frame-frame_"] > img,
.profile-avatar-shell[class*="frame-frame_"] > span {
  position:relative;
  z-index:1;
}