/* Reference composition: curved reservoirs, navigation rail and native skill deck. */
.win.reference-combat-hud[data-win="hotbar"]{width:min(740px,calc(100vw - 24px))!important;height:auto!important;min-width:0!important;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important}
.win.reference-combat-hud::before,.win.reference-combat-hud>.win-head,.win.reference-combat-hud>.win-rz{display:none!important}
.win.reference-combat-hud[data-win="hotbar"]>.win-body{padding:0!important;height:auto!important;overflow:visible!important}
.combat-shell{position:relative;width:100%;aspect-ratio:5.5;background:url('/assets/ui/reference-combat-frame-light-v2.png') center center/100% auto no-repeat;isolation:isolate;font-family:'Multiverse Cinzel',Georgia,serif}
.combat-nav{position:absolute;left:13.3%;right:13.3%;top:6%;height:19%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:0;background:none;gap:0}
.combat-nav button{min-width:0;padding:0;border:0;background:none;color:#e1d2ac;font:700 clamp(6px,1vw,10px) 'Multiverse Cinzel',Georgia,serif;text-shadow:0 1px 2px #000;cursor:pointer}
.combat-nav button:hover{background:#c49b3929;color:#fff0bc}.combat-nav button:focus-visible{outline:1px solid #ffeb90;outline-offset:-2px}
.combat-skills{position:absolute;left:19.5%;right:19.5%;top:35%;bottom:13%;display:flex;align-items:center;justify-content:center;min-width:0}
.win.reference-combat-hud[data-win="hotbar"] #jutsu-bar{display:flex;align-items:center;justify-content:center;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden;gap:4px;padding:4px 1px!important;scrollbar-width:thin;scrollbar-color:#a59655 #171a20}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd{width:37px!important;flex:0 0 37px;transform:none}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic{width:37px!important;height:37px!important;border-radius:2px;border-color:#a79750;box-shadow:inset 0 0 0 1px #14171c,0 1px 3px #000}
.win.reference-combat-hud .jutsu-cd::after{display:none}.win.reference-combat-hud .jutsu-sep{flex:0 0 30px;min-width:0;width:30px}.win.reference-combat-hud .jutsu-sep .tg-t{font-size:6px}.win.reference-combat-hud .jutsu-cd .ic .lv{font-size:8px}.combat-resource{position:absolute;top:64%;width:12%;text-align:center;color:#ffe6c8;pointer-events:none;text-shadow:0 1px 3px #000,1px 0 2px #000;font-family:'Multiverse Nunito Sans',sans-serif;line-height:1.2}.combat-resource span{display:block;font-size:9px;font-weight:800}.combat-resource b{font-size:12px}.combat-life{left:5%}.combat-energy{right:5%}
.combat-drain{position:absolute;inset:0;background:#080b10ed;mask-image:linear-gradient(to bottom,#000 0 var(--empty,0%),transparent var(--empty,0%));pointer-events:none}
.combat-drain-hp{clip-path:polygon(8.6% 9%,11.4% 9%,10.4% 27%,10.3% 50%,11.2% 70%,16% 94%,8.5% 94%,7% 75%,6.5% 50%,7% 25%)}
.combat-drain-energy{clip-path:polygon(91.4% 9%,88.6% 9%,89.6% 27%,89.7% 50%,88.8% 70%,84% 94%,91.5% 94%,93% 75%,93.5% 50%,93% 25%)}
@media(max-width:760px){.win.reference-combat-hud[data-win="hotbar"]{left:6px!important;right:6px!important;width:calc(100vw - 12px)!important}.combat-resource span{font-size:6px}.combat-resource b{font-size:9px}.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd{width:27px!important;flex-basis:27px}.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic{width:27px!important;height:27px!important}.combat-skills{top:31%;bottom:10%;left:18%;right:18%}.combat-nav button{font-size:5px}}

@media(max-width:760px){#screen-game .win.reference-combat-hud[data-win="hotbar"]:not(.closed){display:block!important}}
/* Refine the reference itself: larger native icons and less unused deck space. */
.win.reference-combat-hud[data-win="hotbar"]{width:min(860px,calc(100vw - 24px))!important}
.win.reference-combat-hud[data-win="hotbar"] #jutsu-bar{justify-content:safe center;gap:4px;padding:3px 1px!important}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd{width:56px!important;flex:0 0 56px}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic{width:56px!important;height:56px!important;border:1px solid #475065;border-radius:4px;background:#12151d;box-shadow:inset 0 1px #bdc4d411,0 1px 3px #0005}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic>img.spell-icon{width:100%!important;height:100%!important;object-fit:contain}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic .hk{font-size:10px}.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic .left{font-size:19px}
.combat-nav button{font-family:'Multiverse Cinzel',Georgia,serif;font-size:10px;color:#bdc4d4}.combat-nav button:hover{background:#ffe05412;color:#ffe054}
.combat-resource{color:#e8ebf3}.combat-resource span{color:#ffe054}
@media(max-width:760px){.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd{width:40px!important;flex-basis:40px}.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic{width:40px!important;height:40px!important}.combat-nav button{font-size:5px}.combat-skills{top:28%;bottom:4%}}
/* Compact desktop dock: retain the high-resolution artwork; only change display size. */
@media(min-width:761px){
 #screen-game .win.reference-combat-hud[data-win="hotbar"]{position:fixed!important;width:min(740px,calc(100vw - 24px))!important;left:50%!important;right:auto!important;top:auto!important;bottom:calc(5px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important}
 .win.reference-combat-hud[data-win="hotbar"] .jutsu-cd{width:48px!important;flex-basis:48px}
 .win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic{width:48px!important;height:48px!important}
 .win.reference-combat-hud[data-win="hotbar"] #jutsu-bar{gap:3px}
 .win.reference-combat-hud .jutsu-sep{flex-basis:27px;width:27px}
 .combat-nav button{font-size:9px}
 #screen-game .win[data-win="chat"]{left:12px!important;right:auto!important;top:auto!important;bottom:12px!important;width:min(380px,max(260px,calc((100vw - 740px)/2 - 24px)))!important;max-width:calc(100vw - 24px);transform:none!important}
 #screen-game #chat-fab{position:fixed!important;left:12px!important;right:auto!important;top:auto!important;bottom:12px!important;transform:none!important}
}
@media(min-width:761px) and (max-width:1250px){#screen-game .win[data-win="chat"]{bottom:154px!important}}

/* Clean reservoirs: labels appear in the shared game tooltip, not over the artwork. */
.combat-resource{top:8%;bottom:8%;width:10%;pointer-events:auto;cursor:help}
.combat-resource.combat-life{left:6%}.combat-resource.combat-energy{right:6%}
.combat-resource>span,.combat-resource>b{display:none}
.combat-resource:focus-visible{outline:1px solid #ffe054;outline-offset:2px;border-radius:8px}
.combat-resource-tip{display:flex;align-items:center;gap:20px;min-width:120px;padding:3px 1px;font:600 13px 'Multiverse Nunito Sans',sans-serif}
.combat-resource-tip strong{color:#bdc4d4}.combat-resource-tip b{color:#ffe054;font-variant-numeric:tabular-nums}
/* A further exact 20% desktop reduction: 740px → 592px. Preserve the source PNG. */
@media(min-width:761px){
 #screen-game .win.reference-combat-hud[data-win="hotbar"]{width:min(592px,calc(100vw - 24px))!important}
 .win.reference-combat-hud[data-win="hotbar"] .jutsu-cd{width:38.4px!important;flex-basis:38.4px}
 .win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic{width:38.4px!important;height:38.4px!important}
 .win.reference-combat-hud[data-win="hotbar"] #jutsu-bar{gap:2.4px}
 .win.reference-combat-hud .jutsu-sep{flex-basis:21.6px;width:21.6px}
 .combat-nav button{font-size:7.2px}
 #screen-game .win[data-win="chat"]{width:min(380px,max(260px,calc((100vw - 592px)/2 - 24px)))!important}
}
/* Selected merchant icon set, matching the approved taller menu cells. */
.reference-combat-hud .combat-nav{top:-15px;height:44px;gap:1px;z-index:3}
.reference-combat-hud .combat-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:44px;gap:0;padding:2px 1px;border:1px solid #475065;border-top-color:#96894f;border-radius:3px;background:linear-gradient(#242a36,#12151df5);font-size:7.2px;overflow:hidden;white-space:nowrap}
.reference-combat-hud .combat-nav button>span:last-child{line-height:9px}
.combat-nav-art{position:relative;display:block;width:31px;height:31px;flex:none;overflow:hidden;filter:drop-shadow(0 1px 1px #0008)}
.combat-nav-art img{position:absolute;top:0;height:100%;max-width:none;object-fit:fill;image-rendering:auto;pointer-events:none}.combat-nav-art.trio img{width:300%}.combat-nav-art.pair img{width:200%}
@media(max-width:760px){.reference-combat-hud .combat-nav{height:35px;top:-13px}.reference-combat-hud .combat-nav button{height:35px;font-size:5px}.reference-combat-hud .combat-nav button>span:last-child{line-height:7px}.combat-nav-art{width:23px;height:23px}}
/* Monochrome menu: integrated rail, equal white silhouettes, no item illustrations. */
.reference-combat-hud .combat-nav{top:-3px;height:33px;gap:0}
.reference-combat-hud .combat-nav button.minimal-nav-button{height:33px;gap:2px;padding:2px 1px;border:0;border-right:1px solid #69718426;border-radius:0;background:transparent;box-shadow:none;font:600 8px 'Multiverse Nunito Sans',sans-serif;color:#e8ebf3;overflow:visible}
.reference-combat-hud .combat-nav button.minimal-nav-button:last-child{border-right:0}
.reference-combat-hud .combat-nav button.minimal-nav-button>span:last-child{line-height:9px;letter-spacing:.1px;text-shadow:none}
.reference-combat-hud .combat-nav button.minimal-nav-button:hover{background:#ffffff09;color:#fff;box-shadow:inset 0 -1px #ffe054}
.reference-combat-hud .combat-nav button.minimal-nav-button:focus-visible{outline:1px solid #ffe054;outline-offset:-1px}
.combat-nav-symbol{display:block;width:18px;height:18px;flex:none;color:inherit;filter:none}
@media(max-width:760px){.reference-combat-hud .combat-nav{top:-5px;height:27px}.reference-combat-hud .combat-nav button.minimal-nav-button{height:27px;gap:1px;font-size:6px;padding:1px}.combat-nav-symbol{width:15px;height:15px}.reference-combat-hud .combat-nav button.minimal-nav-button>span:last-child{line-height:8px}}
/* Equal breathing room for every navigation option without moving the skill deck. */
.reference-combat-hud .combat-nav{top:-13px;height:43px}
.reference-combat-hud .combat-nav button.minimal-nav-button{height:43px;gap:4px;padding:5px 3px;background:linear-gradient(#1d2330f5,#12151df5);font-size:8px}
.reference-combat-hud .combat-nav button.minimal-nav-button>span:last-child{line-height:11px}
@media(max-width:760px){.reference-combat-hud .combat-nav{top:-12px;height:34px}.reference-combat-hud .combat-nav button.minimal-nav-button{height:34px;gap:3px;padding:3px 1px;font-size:6px}.reference-combat-hud .combat-nav button.minimal-nav-button>span:last-child{line-height:10px}}
/* Approved Astral orb frame. High-resolution source retained; native skills stay interactive. */
.reference-combat-hud .combat-shell{aspect-ratio:4.55;background-image:url('/assets/ui/combat-hud-orbs-astral-v1.png');background-size:100% auto;background-position:center;overflow:visible}
.reference-combat-hud .combat-nav{left:20.4%;right:20.4%;top:28%;height:15%;padding:0 3px;background:transparent;border:0;box-shadow:none;gap:0}
.reference-combat-hud .combat-nav button.minimal-nav-button{height:100%;padding:0 1px;gap:1px;background:transparent;box-shadow:none;font-size:7px;border-right:1px solid #aab5c322;line-height:8px}
.reference-combat-hud .combat-nav button.minimal-nav-button>span:last-child{line-height:8px}.reference-combat-hud .combat-nav-symbol{width:11px;height:11px}
.reference-combat-hud .combat-nav button.minimal-nav-button:hover{background:#e0c85d12;box-shadow:inset 0 -1px #e1cd76}
.reference-combat-hud .combat-skills{left:20.7%;right:20.7%;top:46.5%;bottom:23%;padding:0;background:#0a111a;align-items:center;box-shadow:0 0 0 1px #202b3a}
.win.reference-combat-hud[data-win="hotbar"] #jutsu-bar{gap:3px;padding:1px!important;scrollbar-width:none}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd{width:34px!important;flex-basis:34px}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic{width:34px!important;height:34px!important;border-color:#8f969f;border-radius:3px}
.reference-combat-hud .jutsu-sep{flex-basis:20px!important;width:20px!important}
.reference-combat-hud .combat-resource{top:50%;bottom:auto;width:15.3%;aspect-ratio:1;transform:translateY(-50%);border-radius:50%;z-index:4}
.reference-combat-hud .combat-resource.combat-life{left:2.7%}.reference-combat-hud .combat-resource.combat-energy{right:2.7%}
.reference-combat-hud .combat-drain{inset:auto;top:50%;width:15.3%;aspect-ratio:1;transform:translateY(-50%);border-radius:50%;clip-path:none;mask:none;background:linear-gradient(#090e18ec,#101925df);clip-path:inset(0 0 calc(100% - var(--empty,0%)) 0);pointer-events:none}
.reference-combat-hud .combat-drain-hp{left:2.7%}.reference-combat-hud .combat-drain-energy{right:2.7%}
@media(max-width:760px){.reference-combat-hud .combat-nav{top:23%;height:19%;padding:0 1px}.reference-combat-hud .combat-nav button.minimal-nav-button{font-size:5px;gap:1px}.reference-combat-hud .combat-nav-symbol{width:9px;height:9px}.reference-combat-hud .combat-nav button.minimal-nav-button>span:last-child{line-height:6px}.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd{width:22px!important;flex-basis:22px}.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic{width:22px!important;height:22px!important}.win.reference-combat-hud[data-win="hotbar"] #jutsu-bar{gap:2px}.reference-combat-hud .jutsu-sep{flex-basis:15px!important;width:15px!important}}
/* Central Astral deck retained intact; side spheres removed at the UI layer. */
.reference-combat-hud .combat-shell{background:none;isolation:isolate}
.reference-combat-hud .combat-shell:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/ui/combat-hud-orbs-astral-v1.png') center/100% auto no-repeat;clip-path:inset(27% 20.15% 17.8% 20.15%);pointer-events:none}
.reference-combat-hud .combat-shell:after{content:'';position:absolute;left:20.15%;right:20.15%;top:27%;bottom:17.8%;z-index:-1;border:1px solid #8d949b77;border-radius:3px;box-shadow:inset 0 0 0 1px #070e19;pointer-events:none}
.reference-combat-hud .combat-resource,.reference-combat-hud .combat-drain{display:none}
/* Finished, legible menu rail after removing the side orbs. */
.reference-combat-hud .combat-nav{left:20.15%;right:20.15%;top:auto;bottom:56%;height:46px;padding:3px 5px;gap:0;border:1px solid #8a929e;border-bottom-color:#c0a57f;border-radius:6px 6px 0 0;background:linear-gradient(#364151,#1b2533 12%,#111a27 88%,#303b4a);box-shadow:inset 0 1px #d9e2ed24,inset 0 -1px #050a12,0 -2px 7px #0003}
.reference-combat-hud .combat-nav button.minimal-nav-button{height:100%;min-width:0;gap:4px;padding:2px 0;background:transparent;border:0;border-radius:3px;box-shadow:none;font:700 9px 'Multiverse Nunito Sans',sans-serif;color:#e8ebf3;position:relative}
.reference-combat-hud .combat-nav button.minimal-nav-button+button:before{content:'';position:absolute;left:0;top:7px;bottom:7px;width:1px;background:linear-gradient(transparent,#a6b4c136,transparent)}
.reference-combat-hud .combat-nav button.minimal-nav-button>span:last-child{line-height:12px;letter-spacing:0;text-shadow:0 1px 2px #0008}
.reference-combat-hud .combat-nav-symbol{width:18px;height:18px;flex:none}
.reference-combat-hud .combat-nav button.minimal-nav-button:hover{color:#fff;background:linear-gradient(#ffffff0c,#ddc55b0c);box-shadow:inset 0 -1px #e4d282}
.reference-combat-hud .combat-nav button.minimal-nav-button:focus-visible{outline:1px solid #e4d282;outline-offset:-1px}
@media(max-width:760px){.reference-combat-hud .combat-nav{height:39px;padding:2px 3px}.reference-combat-hud .combat-nav button.minimal-nav-button{font-size:6px;gap:3px;padding:1px 0}.reference-combat-hud .combat-nav-symbol{width:15px;height:15px}.reference-combat-hud .combat-nav button.minimal-nav-button>span:last-child{line-height:9px}}
/* Faithful five-slot reference frame, with live native skill controls. */
.reference-combat-hud .combat-shell{aspect-ratio:2171/724;background:url('/assets/ui/combat-hud-five-slot-reference-v1.png') center/100% 100% no-repeat}
.reference-combat-hud .combat-shell:before,.reference-combat-hud .combat-shell:after,.reference-combat-hud .combat-nav{display:none}
.reference-combat-hud .combat-skills{left:14.9%;right:14.9%;top:40.2%;bottom:10%;background:none;box-shadow:none;overflow:hidden;padding:0;display:block}
.win.reference-combat-hud[data-win="hotbar"] #jutsu-bar{display:flex!important;align-items:flex-start;justify-content:flex-start!important;width:100%!important;height:100%;gap:0;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:none}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd{flex:0 0 20%!important;width:20%!important;height:100%;padding:5px 7px 0;scroll-snap-align:start;box-sizing:border-box}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic{width:100%!important;height:auto!important;aspect-ratio:1;border:0;border-radius:0;box-shadow:none;background:transparent}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic>img.spell-icon{width:100%!important;height:100%!important;object-fit:contain}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic .hk{position:absolute;left:50%;right:auto;top:auto;bottom:-22px;transform:translateX(-50%);font:700 12px 'Multiverse Cinzel',serif;line-height:18px;min-width:18px;text-align:center;color:#e8ebf3;background:transparent}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic .lv{font-size:8px}
.reference-combat-hud .jutsu-sep{display:none!important}.win.reference-combat-hud .jutsu-bar.so-esp .jutsu-cd{display:block!important}
.reference-combat-hud .combat-resource{display:block;top:12%;bottom:12%;width:12%;height:auto;aspect-ratio:auto;transform:none;border-radius:0;z-index:4;clip-path:polygon(30% 0,85% 0,75% 30%,80% 60%,100% 100%,12% 100%,0 65%,5% 25%)}
.reference-combat-hud .combat-resource.combat-life{left:1.5%}.reference-combat-hud .combat-resource.combat-energy{right:1.5%;clip-path:polygon(15% 0,70% 0,95% 25%,100% 65%,88% 100%,0 100%,20% 60%,25% 30%)}
.reference-combat-hud .combat-drain{display:block;top:12%;bottom:12%;width:12%;height:auto;aspect-ratio:auto;transform:none;border-radius:0;clip-path:none;mask:linear-gradient(to bottom,#000 0 var(--empty,0%),transparent var(--empty,0%));background:#080e19ed}
.reference-combat-hud .combat-drain-hp{left:1.5%;clip-path:polygon(30% 0,85% 0,75% 30%,80% 60%,100% 100%,12% 100%,0 65%,5% 25%)}
.reference-combat-hud .combat-drain-energy{right:1.5%;clip-path:polygon(15% 0,70% 0,95% 25%,100% 65%,88% 100%,0 100%,20% 60%,25% 30%)}
.five-xp{position:absolute;left:15.4%;right:15.4%;top:31.3%;height:5%;overflow:hidden;pointer-events:auto;background:transparent;clip-path:inset(0 round 1px)}.five-xp>i{display:block;height:100%;width:var(--xp,0%);background:linear-gradient(#c9b24b,#f7e078 45%,#a68e25);opacity:.9}.five-xp:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),#141a24 calc(20% - 1px) 20%)}
.five-chat{position:absolute;left:13.4%;top:10.5%;width:4.3%;height:13%;padding:0;background:none;border:0;cursor:pointer;border-radius:4px}.five-chat:focus-visible{outline:1px solid #ffe054}
.five-pages{position:absolute;right:16%;top:18%;display:flex;align-items:center;gap:7px;font:600 9px 'Multiverse Nunito Sans',sans-serif;color:#c5cbd8}.five-pages button{font:700 15px 'Multiverse Nunito Sans';color:#ece4d3;background:#151d29;border:1px solid #687488;border-radius:3px;width:21px;height:20px;cursor:pointer}.five-pages button:disabled{opacity:.3}.five-pages[hidden]{display:none}
@media(max-width:760px){.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd{padding:3px 4px 0}.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic .hk{font-size:9px;line-height:13px;bottom:-16px}.five-pages{font-size:7px;gap:4px}.five-pages button{width:17px;height:16px;font-size:11px}}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic{overflow:visible}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic .hk{display:block;font-style:normal;padding:0;z-index:8}
/* Eight slots, one row; retain square artwork inside each actual inset. */
@media(min-width:761px){#screen-game .win.reference-combat-hud[data-win="hotbar"]{width:min(560px,calc(100vw - 24px))!important}}
.reference-combat-hud .combat-shell{aspect-ratio:3.7;background-image:url('/assets/ui/combat-hud-eight-slot-v1.png');background-size:100% auto;background-position:center}
.reference-combat-hud .combat-skills{left:12.15%;right:12.15%;top:38%;bottom:7%;overflow:visible}
.win.reference-combat-hud[data-win="hotbar"] #jutsu-bar{overflow:visible!important;gap:0;scroll-snap-type:none;align-items:flex-start}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd{flex:0 0 12.5%!important;width:12.5%!important;padding:7px 7px 0;height:100%;position:relative;min-width:0}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic{width:100%!important;height:auto!important;aspect-ratio:1;overflow:hidden;position:relative;border:0;box-shadow:none;background:#0a1119}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic .lv{top:0;left:0;font-size:7px;max-height:10px}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd>.hk{position:absolute;left:50%;top:76%;transform:translate(-50%,-50%);font:700 11px 'Multiverse Cinzel',serif;line-height:16px;width:18px;text-align:center;color:#ece8df;pointer-events:none;font-style:normal;z-index:8}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic .hk{display:none}
.reference-combat-hud .five-pages{display:none!important}.reference-combat-hud .five-xp{left:12.65%;right:12.65%;top:24%;height:5%}.five-xp:after{background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),#141a24 calc(12.5% - 1px) 12.5%)}
.reference-combat-hud .five-chat{left:12.2%;top:1%;width:4.4%;height:17%}
.reference-combat-hud .combat-resource,.reference-combat-hud .combat-drain{top:3%;bottom:12%;width:10%}
.reference-combat-hud .combat-resource.combat-life,.reference-combat-hud .combat-drain-hp{left:1.2%}.reference-combat-hud .combat-resource.combat-energy,.reference-combat-hud .combat-drain-energy{right:1.2%}
@media(max-width:760px){.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd{padding:4px 4px 0}.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd>.hk{font-size:8px;line-height:12px;width:12px}}
/* Experience belongs below the skill medallions; reserve purple for progression. */
.reference-combat-hud .five-xp{top:auto;bottom:6%;left:14.5%;right:14.5%;height:3%;border:1px solid #71758b66;background:#100d1c;clip-path:none;border-radius:2px;box-shadow:inset 0 1px #0009}
.reference-combat-hud .five-xp>i{background:linear-gradient(#bdb0ef,#9975d2 35%,#6743a8);opacity:1;box-shadow:0 0 4px #9975d244;transition:width .3s ease}
.reference-combat-hud .five-xp:after{display:none}
@property --empty{syntax:'<percentage>';inherits:false;initial-value:0%}
.reference-combat-hud .combat-drain{transition:--empty .35s ease-out}
.reference-combat-hud .combat-resource{overflow:hidden;--wave:rgba(255,110,90,.14)}
.reference-combat-hud .combat-energy{--wave:rgba(255,228,110,.16)}
.reference-combat-hud .combat-resource:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 20%,var(--wave) 29%,transparent 39% 65%);background-size:250% 100%;clip-path:inset(var(--empty,0%) 0 0);animation:reservoir-flow 7s ease-in-out infinite alternate;pointer-events:none;transition:--empty .35s ease-out}
@keyframes reservoir-flow{from{background-position:0 50%;opacity:.4}to{background-position:100% 50%;opacity:.85}}
.profile-hud .pb-power-art{width:23px;height:27px;object-fit:contain;flex:none;filter:drop-shadow(0 1px 1px #0005)}
.currency-info-tip{max-width:255px;padding:4px;font:12px 'Multiverse Nunito Sans',sans-serif;line-height:1.5}.currency-info-tip strong{font-size:14px;color:#edc48f}.currency-info-tip p{margin:7px 0;color:#c6cddd}.currency-info-tip small{color:#96a4ba}
:is(#toasts,#item-drop-toasts) .item-drop-toast{display:flex;align-items:center;gap:10px;max-width:min(340px,90vw);padding:7px 12px 7px 8px;text-align:left;border:1px solid #74829840;border-left:2px solid var(--drop-color);border-radius:6px;background:linear-gradient(100deg,#101724dd,#161c27c7);backdrop-filter:blur(3px);box-shadow:0 3px 12px #0003;pointer-events:none}
.item-drop-toast .drop-art{width:32px;height:32px;flex:none;border-radius:4px;background:radial-gradient(color-mix(in srgb,var(--drop-color) 14%,transparent),transparent);opacity:.9}.item-drop-toast .drop-art>.icon-item{width:32px!important;height:32px!important;object-fit:contain;image-rendering:auto;filter:saturate(.85)}
.drop-copy{min-width:0}.drop-copy strong{display:block;font:700 11px 'Multiverse Nunito Sans',sans-serif;color:#e4e9f2;line-height:1.3;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-copy small{display:block;font:600 10px 'Multiverse Nunito Sans',sans-serif;color:var(--drop-color);line-height:1.5}.drop-out{opacity:0;transition:opacity .25s ease}
@media(prefers-reduced-motion:reduce){.reference-combat-hud .combat-resource:before{animation:none}.reference-combat-hud .combat-drain,.reference-combat-hud .five-xp>i{transition:none}}
.reference-combat-hud .combat-shell{background-image:url('/assets/ui/combat-hud-eight-slot-polish-v2.png')}
.reference-combat-hud .five-xp{bottom:3.4%;left:17%;right:17%;height:2.2%}
@property --empty{syntax:'<percentage>';inherits:true;initial-value:0%}
.reference-combat-hud .five-xp{bottom:5%;height:2.8%}
.profile-hud .pb-currency{pointer-events:auto;cursor:help}
.profile-hud .pb-power{pointer-events:auto;cursor:help}
/* Readable text over a transparent map-facing chat surface. */
#screen-game .win[data-win="chat"]{background:linear-gradient(140deg,rgba(15,21,31,.49),rgba(12,18,27,.41))!important;border-color:#77869d55;box-shadow:0 4px 18px #0003;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}
#screen-game .win[data-win="chat"]>.win-head{background:rgba(14,20,30,.63)!important;border-bottom:1px solid #8290a533}
#screen-game .win[data-win="chat"]>.win-body,#panel-chat,#panel-chat .ch-list{background:transparent!important}
#panel-chat .ch-line{background:transparent;text-shadow:0 1px 2px #000,1px 0 2px #0009;font-weight:600}
#panel-chat .ch-tabsrow{background:rgba(13,19,29,.3);border-radius:3px}
#panel-chat .ch-form{background:rgba(12,18,27,.25);border-radius:4px;padding:2px 0}
#panel-chat .ch-input{background:rgba(14,20,31,.76);color:#edf1f7;border-color:#69799077}
:is(#toasts,#item-drop-toasts) .item-drop-toast{background:linear-gradient(100deg,rgba(12,18,28,.57),rgba(16,23,35,.49));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-color:#7d8ba13b;box-shadow:0 2px 8px #0002}
#toasts .drop-copy{text-shadow:0 1px 2px #000,0 0 2px #0006}
/* Keep systems and their bindings intact; remove only the requested toolbar entries. */
#toolbar>.tb-side>.tool-btn[data-panel="bazaar"],#toolbar>.tb-side>.tool-btn[data-panel="market"],#toolbar>.tb-side>.tool-btn[data-panel="polls"],#toolbar>.tb-side>.tool-btn[data-panel="progress"],#toolbar>.tb-side>.tool-btn[data-panel="jutsus"],#toolbar>.tb-side>.tool-btn[data-panel="info"],#toolbar>.tb-side>.tool-btn[data-panel="char"],#toolbar>.tb-side>.tool-btn[data-panel="rank"]{display:none!important}