/* Load AFTER u3-assets.css. Art only: no actions, server values or layout origins. */
.hud-tools {
 background:transparent;
 border-color:transparent;
 box-shadow:none;
}
.hud-tools::before,.hud-tools::after { content:none; }
.hud-tools :is(#chat-button,#auto-button,#light-button,#torch-button,#menu-button),
.hud-tools :is(#auto-button,#light-button)[aria-pressed=true] {
 border:0;
 border-image:none;
 border-radius:0;
 background:transparent url('/assets/mobile-ui-v3/ui/buttons/hud-normal.png') center/100% 100% no-repeat;
 box-shadow:none;
 image-rendering:pixelated;
 padding:4px;
 width:48px;
 height:48px;
 min-width:48px;
 min-height:48px;
}
.hud-tools :is(#auto-button,#light-button)[aria-pressed=true] {
 background-image:url('/assets/mobile-ui-v3/ui/buttons/hud-active.png');
}
.hud-tools :is(#chat-button,#auto-button,#light-button,#torch-button,#menu-button):active:not(:disabled) {
 background-image:url('/assets/mobile-ui-v3/ui/buttons/hud-pressed.png');
}
.hud-tools :is(#chat-button,#auto-button,#light-button,#torch-button,#menu-button):disabled {
 background-image:url('/assets/mobile-ui-v3/ui/buttons/hud-disabled.png');
 opacity:1;
}
.hud-tools button:disabled .icon { opacity:.45; }
.hud-tools :is(#chat-button,#auto-button,#light-button,#torch-button,#menu-button):focus-visible {
 outline:2px solid #dbf6ff;
 outline-offset:2px;
}
.hud-tools :is(#chat-button,#auto-button,#light-button,#torch-button,#menu-button) .icon {
 width:30px;height:30px;
}
.hud-tools #torch-button .icon { width:32px;height:32px; }
.hud-tools .hud-count,.hud-tools #wood-label {
 right:-4px;bottom:-3px;
 min-width:26px;min-height:17px;
 padding:2px 5px;
 border:0;
 background:transparent url('/assets/mobile-ui-v3/ui/frames/hud-counter.png') center/100% 100% no-repeat;
 color:#e9f6ff;
 font-size:9px;
 font-variant-numeric:tabular-nums;
}
.hud-tools #wood-label {color:#ffcf77;}
/* Keep the context action clear of the taller visual extent of the five-key HUD. */
.interact-action{bottom:206px}
/* Keep DOM slot size, cooldown, names and missing-art fallbacks unchanged. */
.skill-bar button {
 background-image:url('/assets/mobile-ui-v3/ui/frames/skill-circle-normal.png');
}
.skill-bar button:is(:focus-visible,[aria-pressed=true]) {
 background-image:url('/assets/mobile-ui-v3/ui/frames/skill-circle-selected.png');
}
/* The new nine-slice files supply edges only; translucent centers stay in CSS. */
:is(#sheet,.login-card,.death-card,#confirm-dialog) {
 border-image-source:url('/assets/mobile-ui-v3/ui/frames/panel-detail.png');
 border-image-slice:24;
 border-image-width:7px;
 background:rgba(3,18,38,.72);
}
#sheet[data-view=settings]{background:rgba(3,18,38,.72)}
:is(.portrait,.map-hud) {
 border-image-source:url('/assets/mobile-ui-v3/ui/frames/panel-detail.png');
 border-image-slice:24;
 border-image-width:5px;
}
.map-chip {
 border-image-source:url('/assets/mobile-ui-v3/ui/frames/input-detail.png');
 border-image-slice:22;
 border-image-width:4px;
}
.meter {
 border-image-source:url('/assets/mobile-ui-v3/ui/frames/resource-detail.png');
 border-image-slice:14 25;
 border-image-width:3px 4px;
}
:is(input:not([type=checkbox]):not([type=range]),select) {
 border-image-source:url('/assets/mobile-ui-v3/ui/frames/input-detail.png');
 border-image-slice:22;
 border-image-width:5px;
}
:is(.panel-tabs,.service-tabs,.subtabs,.chat-tabs) button {
 border-image-source:url('/assets/mobile-ui-v3/ui/buttons/tab-detail-normal.png');
 border-image-slice:25;
 border-image-width:5px;
 background-color:rgba(3,18,38,.68);
}
:is(.panel-tabs,.service-tabs,.subtabs,.chat-tabs) button:is([aria-selected=true],[aria-pressed=true]) {
 border-image-source:url('/assets/mobile-ui-v3/ui/buttons/tab-detail-selected.png');
 background-color:rgba(5,46,77,.76);
}