/* AI-generated material sprites; labels, resources and cooldowns remain live. */
/* The skin supplies dark colors; native controls must not add a second theme. */
:root{color-scheme:only dark}
button{-webkit-appearance:none;appearance:none}
:root{--skin-panel:url('assets/hud-generated/panel.png');--skin-button:url('assets/hud-generated/button.png');--skin-slot:url('assets/hud-generated/slot.png');--skin-selected:url('assets/hud-generated/selected.png');--skin-texture:url('assets/hud-generated/texture.png')}
.stone,.floating-bar,.quest-track,#mobile-item-bar,.portrait,.chat-open #classic-hud #event-log{
 background:#141614 var(--skin-texture) center/160px;border:2px solid transparent;
 border-image:var(--skin-panel) 72 fill / 8px / 0 stretch;box-shadow:0 2px 6px #0009;
}
.dialog,.touch-ui .dialog,#inventory,.touch-ui #inventory,#character-window,.touch-ui #character-window,#equipment-tooltip{
 background:#111310 var(--skin-texture) center/220px;border:2px solid transparent;
 border-image:var(--skin-panel) 72 fill / 13px / 0 stretch;box-shadow:0 4px 14px #000a;
}
#player-status{padding:8px}.touch-ui #player-status{padding:7px 6px}.portrait{border-image-width:4px}
.status-meter{border:1px solid #71664b;background:#070908}.status-meter.health i{background:#8d1210 url('assets/hud-generated/health.png') center/100% 100%}.status-meter.mana i{background:#123c99 url('assets/hud-generated/mana.png') center/100% 100%}.status-meter.experience i{background:#76885b}
.bar-slots button,.equipped-slot,.bag-slot,.touch-ui .bag-slot{
 background:#080a08 var(--skin-slot) center/100% 100% no-repeat;border:1px solid transparent;box-shadow:none;
}
.bar-slots button:hover,.equipped-slot:hover,.bag-slot:hover{filter:brightness(1.18)}
.bar-slots button.skill-active{background-image:var(--skin-selected);outline:none;box-shadow:none!important}
body:not(.touch-ui) #inventory .bag-slot{overflow:hidden}
body:not(.touch-ui) #inventory .bag-slot.selected{background-color:#3a2e14;background-image:var(--skin-slot);background-repeat:no-repeat;background-position:center;background-size:100% 100%;outline:none;box-shadow:inset 0 0 0 2px #ffe7a4!important}
.touch-ui #inventory .bag-slot.selected{background-image:var(--skin-selected);background-repeat:no-repeat;background-position:center;background-size:100% 100%;outline:none;box-shadow:inset 0 0 0 2px #ffe7a4!important}
.bar-slots .empty-slot{opacity:.8}.bar-slots img,.item-icon{image-rendering:auto}
#fixed-shortcuts button,#mobile-nav button,.touch-ui #mobile-nav button,#mobile-item-bar button,
.touch-ui #mobile-item-bar button,.floating-bar .drag-handle,#chat-toggle,
#character-window .character-tab,.touch-ui #character-window .character-tab,
.dialog button,.touch-ui .dialog button,#equip-button,#bag-close,#discard-button,#quest-reward,.touch-ui #mobile-pause{
 background:#171712 var(--skin-texture) center/80px!important;border:1px solid transparent;
 border-image:var(--skin-button) 72 fill / 6px / 0 stretch;box-shadow:0 1px 3px #0008;color:#ded4b9;
}
#fixed-shortcuts button{height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px 3px}
#fixed-shortcuts button img{width:24px;height:25px;object-fit:contain;pointer-events:none}
#fixed-shortcuts button span{font-size:9px;line-height:11px;pointer-events:none}
#mobile-nav button,.touch-ui #mobile-pause{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:3px!important}
#mobile-nav button img,.touch-ui #mobile-pause img{width:23px;height:23px;object-fit:contain;pointer-events:none}
#mobile-nav button span,.touch-ui #mobile-pause span{font:10px/12px SimSun;pointer-events:none}
#fixed-shortcuts button:hover,#mobile-nav button:active,.touch-ui #mobile-pause:active,.dialog button:hover,#character-window .character-tab[aria-pressed=true]{border-image-source:var(--skin-selected);filter:brightness(1.08)}
.bar-slots [data-skill] img,.skill-row>img,#mobile-actions img,#mobile-item-bar img{image-rendering:auto}
.floating-bar .drag-handle{border-image-width:4px;color:#b7a785}
.touch-ui #touch-joystick{border:0;background:transparent url('assets/hud-generated/action.png') center/100% 100% no-repeat;box-shadow:none;opacity:.86;touch-action:none}
.touch-ui #touch-joystick.active{opacity:1;filter:brightness(1.16)}
.touch-ui #touch-thumb{border:0;background:transparent url('assets/hud-generated/thumb.png') center/100% 100% no-repeat;box-shadow:0 2px 5px #0008}
.touch-ui #touch-joystick>span{display:none}
.touch-ui #mobile-actions button{border:0;background:transparent url('assets/hud-generated/button.png') center/100% 100% no-repeat;box-shadow:none}
.touch-ui #mobile-actions #mobile-attack,.touch-ui #mobile-actions #mobile-slaying,.touch-ui #mobile-actions #mobile-fireball,.touch-ui #mobile-actions #mobile-heal{
 background:transparent url('assets/hud-generated/action.png') center/100% 100% no-repeat;border:0;border-radius:50%;box-shadow:none;padding:7px;
}
.touch-ui #mobile-actions #mobile-attack img{width:35px;height:35px}.touch-ui #mobile-actions #mobile-attack span{font:11px/12px SimSun;color:#e7ddbe}
.touch-ui #mobile-actions [data-skill] img{width:26px;height:26px}.touch-ui #mobile-actions [data-skill] span{font:8px/9px SimSun;color:#ece1c4}
.touch-ui #mobile-actions button.pressed{filter:brightness(1.4)}
#character-close,.touch-ui #character-close,.dialog>.close-simple,.touch-ui .dialog>.close-simple{
 background:transparent url('assets/hud-generated/icon-close.png') center/53% 53% no-repeat!important;
 border:0;border-image:none;box-shadow:none;color:transparent!important;text-shadow:none;
}
.touch-ui #mobile-item-bar button{padding:7px}.touch-ui #mobile-item-bar img{width:30px;height:30px}
#inventory .inventory-caption{top:-13px;left:70px}#inventory #bag-grid{top:14px}
#inventory #capacity,#inventory #gold-bag{color:#e1c98e}#inventory #bag-close{left:auto;right:7px;top:5px;width:24px;height:24px;padding:0;font-size:18px}
#inventory #discard-button{border-radius:0;color:#bbad8a}#inventory #item-detail{color:#c5b991}
.touch-ui #inventory #bag-close{right:8px;top:8px;width:44px;height:44px;font-size:20px}
.touch-ui #inventory .inventory-caption{top:23px;left:18px}.touch-ui #inventory #bag-grid{top:64px}
#equipment-tooltip{padding:13px}.equipped-slot{border:0}.equipped-slot .item-icon{image-rendering:pixelated}
/* Auto-dark can invert button background images. Render frame artwork through filled border images. */
.bar-slots button,.equipped-slot,.touch-ui .equipped-slot,.bag-slot,.touch-ui .bag-slot{background:#080a08;border:1px solid transparent;border-image:var(--skin-slot) 24 fill / 4px / 0 stretch}
.bar-slots button.skill-active,body:not(.touch-ui) #inventory .bag-slot.selected,.touch-ui #inventory .bag-slot.selected{background-image:none;border-image-source:var(--skin-selected)}
#inventory #bag-close,.touch-ui #inventory #bag-close{background:#171712!important;border:1px solid transparent;border-image:var(--skin-button) 72 fill / 6px / 0 stretch}
.touch-ui #mobile-actions [data-skill].skill-active{filter:brightness(1.4);box-shadow:none!important}.touch-ui #mobile-actions [data-skill] em{border-radius:50%}