/* Generated raster icon system — no SVG, no system emoji */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ui-icon{display:inline-block;flex:0 0 auto;width:24px;height:24px;border-radius:5px;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px rgba(243,213,140,.28),0 2px 6px rgba(0,0,0,.28);vertical-align:middle}
.icon-map{background-image:url('../images/ui-icons/map.png')}.icon-battle{background-image:url('../images/ui-icons/battle.png')}.icon-character{background-image:url('../images/ui-icons/character.png')}.icon-skills{background-image:url('../images/ui-icons/skills.png')}.icon-inventory{background-image:url('../images/ui-icons/inventory.png')}.icon-equipment{background-image:url('../images/ui-icons/equipment.png')}.icon-jobtree{background-image:url('../images/ui-icons/jobtree.png')}.icon-codex{background-image:url('../images/ui-icons/codex.png')}.icon-achievements{background-image:url('../images/ui-icons/achievements.png')}.icon-save{background-image:url('../images/ui-icons/save.png')}.icon-export{background-image:url('../images/ui-icons/export.png')}.icon-return{background-image:url('../images/ui-icons/return.png')}.icon-music{background-image:url('../images/ui-icons/music.png')}.icon-sound{background-image:url('../images/ui-icons/sound.png')}.icon-allies{background-image:url('../images/ui-icons/allies.png')}.icon-home{background-image:url('../images/ui-icons/home.png')}

.hud-action{min-height:42px!important;padding:5px 11px 5px 6px!important;display:inline-flex!important;align-items:center;gap:7px;color:#dce5f3!important;border:1px solid rgba(116,147,194,.38)!important;border-radius:9px!important;background:linear-gradient(180deg,#23334d,#151f31)!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 5px 14px rgba(0,0,0,.22)!important}
.hud-action:hover{border-color:#70a5ff!important;background:linear-gradient(180deg,#2b4265,#19263b)!important}.hud-action-compact{padding-inline:6px!important}.hud-action .ui-icon{width:29px;height:29px}

.tab-nav{padding:10px!important;gap:7px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;background:rgba(8,13,23,.82)!important}
.tab-btn{min-height:54px!important;padding:6px 8px!important;border:1px solid rgba(116,147,194,.18)!important;border-radius:9px!important;color:#aebbd0!important;background:rgba(19,29,45,.82)!important;display:flex!important;align-items:center;gap:8px;justify-content:flex-start;font-size:12px!important;font-weight:700}
.tab-btn.active{color:#f2e8d1!important;border-color:rgba(112,165,255,.62)!important;background:linear-gradient(135deg,#263b5c,#19263b)!important;box-shadow:inset 3px 0 #70a5ff,0 6px 16px rgba(0,0,0,.22)!important}.tab-btn .ui-icon{width:31px;height:31px}.tab-btn:hover .ui-icon,.tab-btn.active .ui-icon{transform:scale(1.04)}

.volume-label .ui-icon{width:22px;height:22px}.btn-mute{position:absolute!important;width:42px!important;height:42px!important;padding:5px!important;border:1px solid rgba(112,165,255,.5)!important;border-radius:9px!important;background:#17253a!important}.btn-mute .ui-icon{width:30px;height:30px}.btn-mute.is-muted{opacity:.48;filter:grayscale(1)}
.btn-idle-report{border-radius:10px!important;background:#17253a!important;border-color:rgba(112,165,255,.5)!important}.btn-idle-report .ui-icon{width:44px;height:44px}
.btn-ally,.map-home-btn{display:inline-flex!important;align-items:center;gap:7px;min-height:40px!important;padding:5px 10px 5px 6px!important;color:#e4ebf6!important;border:1px solid rgba(112,165,255,.46)!important;border-radius:9px!important;background:linear-gradient(180deg,#263955,#182338)!important;box-shadow:0 6px 14px rgba(0,0,0,.22)!important}.btn-ally .ui-icon,.map-home-btn .ui-icon{width:28px;height:28px}

.map-select-group{position:relative;padding:10px 12px 11px 46px!important;margin-bottom:8px!important;border:1px solid rgba(116,147,194,.2);border-radius:9px;background:rgba(14,22,36,.74)}
.map-select-group::before{content:"";position:absolute;left:9px;top:50%;width:28px;height:28px;transform:translateY(-50%);border-radius:6px;background:url('../images/ui-icons/map.png') center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(243,213,140,.26)}
.map-select-label{display:block;margin-bottom:5px!important;color:#899ab4!important;font-size:10px!important;letter-spacing:.12em}.map-select{width:100%;min-height:38px;padding:7px 34px 7px 10px!important;color:#edf2fa!important;border:0!important;border-radius:6px!important;background-color:#1d2a42!important;box-shadow:inset 0 0 0 1px rgba(116,147,194,.24)}
.map-preview-title,.map-yield-title,.town-npc-title{display:flex;align-items:center;gap:8px}.map-preview-title .ui-icon,.map-yield-title .ui-icon,.town-npc-title .ui-icon{width:26px;height:26px}
.monster-preview-chip{display:inline-flex;align-items:center;gap:6px;margin:3px 5px 3px 0;padding:4px 8px 4px 4px;border-radius:7px;color:#e7edf7;background:rgba(31,45,68,.86);border:1px solid rgba(116,147,194,.22)}.monster-preview-chip .ui-icon{width:24px;height:24px}.monster-preview-chip small{color:#7fa9e9;font-size:9px;text-transform:uppercase}

@media(max-width:860px){.tab-nav{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:8px!important;scroll-snap-type:x proximity}.tab-btn{flex:0 0 98px!important;min-height:56px!important;scroll-snap-align:start}.hud-action span:not(.ui-icon){display:none}.hud-action{padding:5px!important}.volume-label .ui-icon{width:20px;height:20px}}
@media(max-width:420px){.tab-btn{flex-basis:86px!important;flex-direction:column;justify-content:center;gap:3px;font-size:10px!important}.tab-btn .ui-icon{width:30px;height:30px}.map-select-group{padding-left:44px!important}}