/* Painted borders decorate the existing boxes; no layout dimensions are changed. */
body{--hud-art-filter:none;--hud-surface:linear-gradient(145deg,#34363a,#171b21);}
body[data-journey-theme=forest],body[data-journey-theme=jade]{--hud-art-filter:hue-rotate(65deg) saturate(.65);--hud-surface:linear-gradient(145deg,#254032,#11221b);}
body[data-journey-theme=frost]{--hud-art-filter:hue-rotate(155deg) saturate(.55);--hud-surface:linear-gradient(145deg,#2b4354,#132532);}
body[data-journey-theme=astral]{--hud-art-filter:hue-rotate(235deg) saturate(.65);--hud-surface:linear-gradient(145deg,#40304f,#211629);}
body[data-journey-theme=dawn]{--hud-art-filter:saturate(.6) brightness(1.1);}
body[data-journey-theme=ember]{--hud-art-filter:hue-rotate(-28deg);--hud-surface:linear-gradient(145deg,#47272a,#27141a);}
body[data-journey-theme=ocean]{--hud-art-filter:hue-rotate(120deg) saturate(.65);--hud-surface:linear-gradient(145deg,#1c4449,#10262b);}
body[data-journey-theme=rose]{--hud-art-filter:hue-rotate(280deg) saturate(.65);--hud-surface:linear-gradient(145deg,#45263e,#251824);}
body[data-journey-theme=sunset]{--hud-art-filter:hue-rotate(-12deg);}
body[data-journey-theme=obsidian]{--hud-art-filter:grayscale(1) brightness(1.05);--hud-surface:linear-gradient(145deg,#333640,#15171e);}
.hud-painted{isolation:isolate;background-image:var(--hud-surface)!important;border-color:transparent!important;border-radius:9px!important;}
.hud-painted::after{content:'';position:absolute;inset:calc(-1 * var(--hud-border,3px));border:var(--hud-rim,10px) solid transparent;border-image-source:url('/assets/ui/hud/frame-v2.webp');border-image-slice:17% 17%;border-image-repeat:stretch;pointer-events:none;filter:var(--hud-art-filter);z-index:2;}
#go-max-zone-btn.hud-painted{position:relative;--hud-border:2px;--hud-rim:8px;}
#farming-toggle.hud-painted{--hud-border:2px;--hud-rim:7px;}
#farming-toggle.farming-mode{background-image:linear-gradient(145deg,#58300c,#2b180a)!important;}
#combo-display.hud-painted{--hud-border:2px;--hud-rim:4px;}
#mobile-combat-gold.hud-painted{--hud-border:2px;--hud-rim:5px;}
#mobile-slide-nav.hud-painted{--hud-border:2px;--hud-rim:7px;}
.mobile-slide-btn.hud-painted{position:relative;--hud-border:0px;--hud-rim:5px;}
.mobile-slide-btn.active{background-image:linear-gradient(145deg,var(--gold),#996318)!important;color:#1a1307!important;}
#loginMenuBtn,.ads-floating-button,#privacyMenuBtn,#supportMenuBtn{background-image:none!important;border-color:transparent!important;isolation:isolate;}
#loginMenuBtn::before,.ads-floating-button::before,#privacyMenuBtn::before,#supportMenuBtn::before{content:'';position:absolute;inset:-3px;background:var(--hud-icon) center/100% 100% no-repeat;filter:var(--hud-art-filter);pointer-events:none;z-index:-1;}
#loginMenuBtn{--hud-icon:url('/assets/ui/hud/login.webp');}.ads-floating-button{--hud-icon:url('/assets/ui/hud/video.webp');}#privacyMenuBtn{--hud-icon:url('/assets/ui/hud/privacy.webp');}#supportMenuBtn{--hud-icon:url('/assets/ui/hud/support.webp');}
#loginMenuBtn>img,.ads-floating-button>img,#privacyMenuBtn>img,#supportMenuBtn>img{opacity:0!important;}
.ads-floating-button .wheel-ad-counter{background:transparent;border-color:transparent;box-shadow:none;color:#fff4cf;z-index:1;}
/* Desktop's navigation remains in its panels; the mobile strip remains hidden there. */
.hud-panel-tab{isolation:isolate;position:relative;background-image:var(--hud-surface)!important;border-radius:6px!important;}
.hud-panel-tab::after{content:'';position:absolute;inset:0;border:6px solid transparent;border-image:url('/assets/ui/hud/frame-v2.webp') 17% 17% stretch;filter:var(--hud-art-filter);pointer-events:none;}
.hud-panel-tab.active{background-image:linear-gradient(145deg,#64501d,#2e281a)!important;}

#disp-kills.hud-painted{position:relative;}

.nav-btn{background:radial-gradient(circle at 35% 25%,#fff09a,#f6b927 47%,#a76611 85%)!important;box-shadow:inset 0 0 0 2px #3d270b,inset 0 0 0 4px #fbd979,0 2px 3px #0008;}

/* Frames replace the former gold underlines without changing the bar's height. */
#tab-bar,#right-tab-bar{border-bottom-color:transparent!important;}
.hud-panel-tab{border-color:transparent!important;}
.hud-panel-tab.active{border-bottom-color:transparent!important;box-shadow:none!important;}
.hud-panel-tab::after{border-width:5px;}

#zone-picker-btn.hud-painted{position:relative;--hud-rim:6px;}
#go-max-zone-btn.hud-painted{--hud-rim:4px;}
#combo-display.hud-painted{--hud-rim:3px;}
#disp-kills.hud-painted{--hud-rim:7px;}
#mobile-slide-nav.hud-painted{--hud-rim:6px;background-image:var(--hud-surface)!important;}
.mobile-slide-btn.hud-painted{background:none!important;}
.mobile-slide-btn.hud-painted::after{display:none;}
.mobile-slide-btn.hud-painted:not([data-slide="2"])::before{content:'';position:absolute;right:-3px;top:-6px;bottom:-6px;width:0;border-left:3px solid transparent;border-image:url('/assets/ui/hud/frame-v2.webp') 17% 17% / 0 0 0 3px stretch;filter:var(--hud-art-filter);pointer-events:none;}
.mobile-slide-btn.hud-painted.active{background-image:linear-gradient(145deg,var(--gold),#996318)!important;box-shadow:inset 0 1px 3px #fff5;}
body.mobile-slide-mode #mobile-slide-lock{top:-18px;right:-4px;border-color:transparent;background:none;box-shadow:none;}
body.mobile-slide-mode #mobile-slide-lock img{width:24px;height:24px;filter:var(--hud-art-filter);}

/* v413: exact zone alignment and a larger single mobile navigation frame. */
#zone-picker-btn{width:100%;box-sizing:border-box;}
.hud-panel-tab.active{background-image:linear-gradient(145deg,color-mix(in srgb,var(--gold) 32%,var(--slate-main)),var(--slate-main))!important;color:var(--gold)!important;text-shadow:none!important;overflow:hidden!important;}
body.mobile-slide-mode #mobile-slide-nav{width:min(92vw,440px);height:56px;padding:0;gap:0;box-sizing:border-box;--hud-rim:10px;}
body.mobile-slide-mode .mobile-slide-btn{flex:1;min-width:0;height:100%;padding:10px 8px;font-size:14px;border-radius:0!important;box-sizing:border-box;}
body.mobile-slide-mode .mobile-slide-btn:first-child{border-radius:8px 0 0 8px!important;}
body.mobile-slide-mode .mobile-slide-btn[data-slide="2"]{border-radius:0 8px 8px 0!important;}
body.mobile-slide-mode .mobile-slide-btn.hud-painted.active{background-image:linear-gradient(145deg,var(--gold),color-mix(in srgb,var(--gold) 65%,#111))!important;color:#101010!important;text-shadow:none!important;}
body.mobile-slide-mode .mobile-slide-btn.hud-painted:not([data-slide="2"])::before{top:0;bottom:0;right:-2px;border-left-width:4px;border-image-width:0 0 0 4px;z-index:3;}
body.mobile-slide-mode #mobile-slide-lock{top:-10px;right:-10px;width:28px;height:28px;}
body.mobile-slide-mode #mobile-slide-lock img{width:28px;height:28px;}
body.mobile-slide-mode.hud-wheel-open #mobile-slide-nav{display:none!important;}
body.mobile-slide-mode #mobile-slide-nav{transform:translateX(-50%)!important;}

body.mobile-slide-mode .mobile-slide-btn.hud-painted:not([data-slide="2"])::before{right:-3.5px;border-left-width:7px;border-image-width:0 0 0 7px;}
body.mobile-slide-mode #mobile-slide-lock{z-index:5!important;}
.hud-panel-tab.active{background-image:linear-gradient(145deg,color-mix(in srgb,var(--gold) 55%,var(--slate-main)),color-mix(in srgb,var(--gold) 35%,var(--slate-main)))!important;color:#fff!important;text-shadow:none!important;}

/* Selection fills stay inside painted rims; dividers share the frame's layer. */
.hud-panel-tab.active{background-image:var(--hud-surface)!important;box-shadow:none!important;}
.hud-panel-tab.active::before{content:'';position:absolute;inset:5px;background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 55%,var(--slate-main)),color-mix(in srgb,var(--gold) 35%,var(--slate-main)));border-radius:2px;z-index:-1;pointer-events:none;}
body.mobile-slide-mode .mobile-slide-btn.hud-painted::before{content:none!important;}
body.mobile-slide-mode .mobile-slide-btn.hud-painted.active{background:none!important;box-shadow:none!important;text-shadow:none!important;}
body.mobile-slide-mode .mobile-slide-btn.hud-painted.active::before{content:''!important;position:absolute;inset:6px 0;border:0!important;width:auto!important;background:linear-gradient(145deg,var(--gold),color-mix(in srgb,var(--gold) 65%,#111));filter:none;z-index:-1;pointer-events:none;}
body.mobile-slide-mode .mobile-slide-btn.hud-painted.active:first-child::before{left:6px;}
body.mobile-slide-mode .mobile-slide-btn.hud-painted.active[data-slide="2"]::before{right:6px;}
.hud-nav-separator{position:absolute;top:6px;bottom:6px;width:0;border-left:7px solid transparent;border-image:url('/assets/ui/hud/frame-v2.webp') 17% 17% / 0 0 0 7px stretch;transform:translateX(-50%);filter:var(--hud-art-filter);z-index:3;pointer-events:none;}
.hud-nav-separator[data-boundary="1"]{left:33.333333%;}.hud-nav-separator[data-boundary="2"]{left:66.666667%;}
#mobile-slide-nav.hud-painted::after{z-index:4;}
body.mobile-slide-mode #mobile-slide-lock{width:24px;height:24px;top:-13px;right:-9px;z-index:6!important;}
body.mobile-slide-mode #mobile-slide-lock img{width:24px;height:24px;}

.shop-header{border-bottom-color:transparent!important;}

body[data-journey-theme="classic"] .hud-panel-tab.active::before,body:not([data-journey-theme]) .hud-panel-tab.active::before{background:linear-gradient(145deg,#ffcc00,color-mix(in srgb,#ffcc00 65%,#111));}
body[data-journey-theme="classic"] .hud-panel-tab.active,body:not([data-journey-theme]) .hud-panel-tab.active{color:#101010!important;}

.hud-panel-tab>img,.hud-panel-tab>.main-tab-icon{position:relative;z-index:1;filter:none!important;box-shadow:none!important;}.hud-panel-tab>span{position:relative;z-index:1;text-shadow:none!important;}
.hud-panel-tab::after{content:''!important;text-shadow:none!important;}
#right-tab-bar .hud-panel-tab{min-width:0;flex:1 1 0;padding:14px 6px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:4px;}
#right-tab-bar .hud-panel-tab>img{flex-shrink:0;width:16px;height:18px;object-fit:contain;}
#right-tab-bar .hud-panel-tab>span{min-width:0;overflow-wrap:anywhere;line-height:1.2;}