/* Final visual layer - loaded after every legacy theme */
:root { --ui-gold: #e5b84f; --ui-line: #49391f; }
#root, #root * { font-family: "Segoe UI", Tahoma, Arial, sans-serif !important; font-synthesis: none !important; }
#root h1, #root h2, #root h3, #root [class*="title"], #root [class*="Title"], .equipment-modal__header h2, .inventory-modal__header h2, .shop-title { font-family: "NinjaTitle", Georgia, serif !important; }
[class*="_topHud_"] { height: 58px !important; background: linear-gradient(180deg, #17191d, #0b0d10) !important; border-bottom: 2px solid var(--ui-gold) !important; }
[class*="_topHudMenuButton_"] { min-width: 78px !important; width: auto !important; padding: 2px 9px !important; background: transparent !important; }
[class*="_topHudMenuLabel_"] { font-family: "Segoe UI", Tahoma, Arial, sans-serif !important; font-size: 10px !important; letter-spacing: .25px !important; }
[class*="_leftPanelArea_"] { width: 300px !important; zoom: .86 !important; }
[class*="_characterPanel_"] [class*="_name_"], [class*="_characterPanel_"] [class*="_characterClass_"], [class*="_characterPanel_"] [class*="_level_"], [class*="_characterPanel_"] [class*="_statLabel_"], [class*="_characterPanel_"] [class*="_statBarText_"] { font-family: "Segoe UI", Tahoma, Arial, sans-serif !important; }
.equipment-overlay { background: rgba(3, 5, 7, .80) !important; backdrop-filter: blur(3px) !important; }
.equipment-modal { width: min(920px, calc(100vw - 34px)) !important; height: min(620px, calc(100vh - 88px)) !important; max-width: none !important; max-height: none !important; background: linear-gradient(135deg, #181b1f, #0b0e11) !important; border: 1px solid #a8792d !important; border-radius: 6px !important; box-shadow: 0 18px 55px #000e !important; }
.equipment-modal__header { min-height: 54px !important; padding: 10px 18px !important; background: linear-gradient(90deg, #252a30, #15181c) !important; border-bottom: 1px solid #624a27 !important; }
.equipment-modal__header h2 { color: #efc15b !important; font-size: 20px !important; letter-spacing: .1em !important; }
.equipment-modal__body { display: grid !important; grid-template-columns: 252px minmax(250px, 1fr) 238px !important; }
.equipment-modal__paperdoll { width: auto !important; padding: 18px !important; gap: 10px !important; background: #0d1013 !important; border-right: 1px solid var(--ui-line) !important; }
.equipment-slot, .inventory-item { width: 58px !important; height: 58px !important; background: linear-gradient(145deg, #282e33, #14171a) !important; border: 1px solid #596168 !important; font-family: "Segoe UI", Tahoma, Arial, sans-serif !important; }
.equipment-slot:hover, .inventory-item:hover { border-color: var(--ui-gold) !important; box-shadow: 0 0 14px #c58b4338 !important; }
.equipment-slot .slot-label { color: #a5abb0 !important; font-family: "Segoe UI", Tahoma, Arial, sans-serif !important; font-size: 8px !important; letter-spacing: .06em !important; }
.equipment-slot .item-icon, .inventory-item .item-icon { font-size: 0 !important; color: transparent !important; width: 40px !important; height: 40px !important; }
.equipment-slot .item-icon::before, .inventory-item .item-icon::before { content: "" !important; display: block !important; width: 28px !important; height: 28px !important; margin: 6px !important; border: 1px solid #786139 !important; background: radial-gradient(circle, #5a4525 0 20%, #262b2e 21% 100%) !important; opacity: .9 !important; }
.equipment-slot .item-icon img, .inventory-item .item-icon img { display: block !important; width: 40px !important; height: 40px !important; object-fit: contain !important; }
.equipment-modal__inventory { padding: 18px !important; gap: 10px !important; background: #0d1013 !important; }
.equipment-modal__stats { width: auto !important; padding: 18px !important; background: linear-gradient(180deg, #171a1d, #0d0f11) !important; border-left: 1px solid var(--ui-line) !important; font-family: "Segoe UI", Tahoma, Arial, sans-serif !important; font-size: 13px !important; line-height: 1.35 !important; }
.equipment-modal__stats h3 { color: #efc15b !important; font-family: "NinjaTitle", Georgia, serif !important; font-size: 15px !important; letter-spacing: .1em !important; }
.stat-row { margin-bottom: 8px !important; font-size: 13px !important; }
.stat-label { color: #a9afb5 !important; }
.stat-value { color: #f4eee3 !important; font-weight: 700 !important; }
@media (max-width: 900px) { .equipment-modal__body { grid-template-columns: 210px minmax(180px, 1fr) 190px !important; } }