/* Native-size labels over reused nine-slice metal frames. No scaling of HUD text. */
.hud-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.hud-icon{display:block;width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:#d7b979}
#minimap-panel,#hud .tools{border:1px solid #776346;border-radius:3px;background-color:#121716;box-shadow:0 4px 18px #0008,inset 0 0 0 2px #080d0d;background-repeat:no-repeat;background-size:100% 100%}
#minimap-panel{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:218px;padding:6px}
#minimap-panel header{height:29px;padding:0 5px 4px;gap:7px;border:0}
#minimap-panel header .hud-icon{width:18px;height:18px}
#minimap-panel #zone{flex:1;min-width:0;font:600 12px/1.4 system-ui;color:#f4e5c6;text-shadow:0 1px 2px #000}
#minimap-panel #online{display:flex;align-items:center;gap:4px;padding:3px 5px;border:1px solid #a5b99d24;border-radius:3px;background:#07110f;line-height:1;color:#c9d9c9;font-size:12px}
#minimap-panel #online::before{content:'';width:4px;height:4px;border-radius:50%;background:#91b996}
.minimap-viewport{overflow:hidden;border:1px solid #9b86543d;box-shadow:inset 0 1px 5px #0008;background:#0b1414}
#minimap-panel #minimap{width:100%;height:78px;aspect-ratio:auto;opacity:1;image-rendering:auto}
#minimap-panel #map-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:28px;min-height:28px;padding:4px 8px 0;border:0;background:transparent!important;color:#e6d5b0;font:12px/1 system-ui;text-shadow:0 1px 2px #000}
#map-btn .map-chevron{margin-left:auto;font:20px/1 Georgia;color:#bda16b}
#minimap-panel #map-btn>span:first-child{margin-right:auto}
#hud .tools{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;gap:3px;padding:6px}
#hud .tools button{display:flex;justify-content:center;align-items:center;gap:7px;min-width:84px;min-height:36px;height:36px;padding:0 9px;border:1px solid #baa16c30;border-radius:2px;background:linear-gradient(#bdaa7312,#04090950)!important;color:#eee1c7;font:12px/1 system-ui;white-space:nowrap;text-shadow:0 1px 2px #000}
#hud .tools #pause-btn{min-width:67px;margin-left:3px}
#hud .tools kbd,#minimap-panel #map-btn kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin:0;padding:0 3px;border:1px solid #bdaa7140;border-bottom-color:#bdaa7170;border-radius:3px;background:#060c0c;color:#bfc9c1;opacity:1;font:12px/1 ui-monospace,monospace}
#hud .tools button:hover,#minimap-panel #map-btn:hover{background:linear-gradient(#d6b56d28,#bdaa7310)!important;border-color:#bda16b90;color:#fff4d9}
#hud .tools button:active,#hud .tools button.held{background:#b99a4a30!important;box-shadow:inset 0 2px 5px #0008}
#hud .tools button:focus-visible,#minimap-panel #map-btn:focus-visible{outline:2px solid #e4c98d;outline-offset:-2px}
#network-debug{top:68px;right:max(14px,env(safe-area-inset-right));gap:0;padding:5px 9px;border:1px solid #9e895044;border-radius:3px;background:#0a1212ee;box-shadow:0 2px 10px #0005;font:12px/1.2 ui-monospace,monospace;color:#a7b9af}
#network-debug span+span{margin-left:10px;padding-left:10px;border-left:1px solid #ae956940}
#network-debug b{display:inline-block;min-width:22px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums;color:#f2dfb6}
#boss-hud{top:99px}
@container game-viewport (max-height:520px) or (max-width:900px){
 #minimap-panel{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));width:170px;padding:5px}
 #minimap-panel header{height:25px;padding:0 2px 4px;gap:5px}#minimap-panel header .hud-icon{width:15px;height:15px}
 #minimap-panel #minimap{height:55px}#minimap-panel #map-btn{height:26px;min-height:26px;padding:4px 4px 0}
 #hud .tools{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));padding:5px;gap:3px}
 #hud .tools button{flex-direction:column;gap:4px;min-width:43px;height:43px;min-height:43px;padding:3px 5px;font-size:12px}
 #hud .tools #pause-btn{min-width:43px;margin-left:1px}#hud .tools .hud-icon{width:17px;height:17px}
 #hud .tools kbd{display:none}#network-debug{top:69px;right:max(9px,env(safe-area-inset-right));font-size:12px;padding:4px 7px}
 #boss-hud{top:94px;left:65%;width:58%;max-width:340px}
}
@container game-viewport (max-width:620px){#minimap-panel{width:150px}#minimap-panel header .hud-icon{display:none}#hud .tools button,#hud .tools #pause-btn{min-width:40px}}

/* Leave breathing room inside the painted frame; avoid a second frame per button. */
#minimap-panel{width:232px;padding:12px;box-shadow:0 4px 18px #0006}
#minimap-panel header{height:36px;padding:0 1px 10px;gap:9px}
#minimap-panel #online{padding:2px 0 2px 5px;background:none;border:0;color:#aabcb0}
#minimap-panel #map-btn{height:36px;min-height:36px;padding:8px 2px 0;gap:8px}
#map-btn .map-chevron{margin-left:0}
#hud .tools{gap:6px;padding:10px;box-shadow:0 4px 18px #0006}
#hud .tools button{min-width:96px;height:44px;min-height:44px;padding:0 13px;gap:10px;border-color:transparent;background:transparent!important;line-height:14px}
#hud .tools #pause-btn{min-width:80px;margin-left:2px}
#hud .tools .hud-icon{width:18px;height:18px;color:#bda675}
#hud .tools button:hover,#hud .tools button:focus-visible{background:#d6b56d12!important;border-color:#bda16b50}
#hud .tools kbd{border-color:#bdaa7128;color:#9eaca3;background:#060c0c60}
#network-debug{top:86px;border-color:#9e89502a;background:#0a1212d9}
#boss-hud{top:119px}
@container game-viewport (max-height:520px) or (max-width:900px){
 #minimap-panel{width:176px;padding:10px}
 #minimap-panel header{height:30px;padding:0 0 8px;gap:7px}
 #minimap-panel #minimap{height:48px}
 #minimap-panel #map-btn{height:32px;min-height:32px;padding:8px 0 0}
 #hud .tools{padding:10px;gap:6px}
 #hud .tools button,#hud .tools #pause-btn{min-width:52px;height:56px;min-height:56px;padding:8px 10px;gap:6px;margin-left:0;line-height:14px}
 #hud .tools .hud-icon{width:17px;height:17px}
 #network-debug{top:94px}#boss-hud{top:126px}
}
@container game-viewport (max-width:620px){#minimap-panel{width:154px}}

/* Generated component artwork stays beneath native text and real hit targets. */
#minimap-panel[data-ui-skin],#hud .tools[data-ui-skin]{background-image:var(--component-skin)!important;border-color:transparent}
#hud .tools .hud-control{position:relative;isolation:isolate}
#hud .tools .hud-control::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--component-skin) center/100% 100% no-repeat;opacity:.32;transition:opacity .15s}
#hud .tools .hud-control:hover::before,#hud .tools .hud-control:focus-visible::before{opacity:.85}
#hud .tools .hud-control:active::before,#hud .tools .hud-control.held::before{opacity:1;filter:brightness(.85)}
@media(prefers-reduced-motion:reduce){#hud .tools .hud-control::before{transition:none}}