/* The combat HUD uses one coordinate system: circle, cooldown, key, name. */
#hud .bottomHud{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);width:min(580px,90vw);padding:0;color:#fff;pointer-events:none}
#hud .resourceGauges{width:min(390px,75vw);gap:10px;margin:0 auto 5px}.resourceGauge{height:18px}.resourceGauge span{font-size:14px;line-height:16px}
#hud #elementSelect{margin:0 0 7px;gap:7px;pointer-events:auto}#hud #elementSelect button{padding:2px 10px;font:14px Jua;border-radius:7px;background:#192438d9}
#hud .skills{display:flex;justify-content:center;gap:9px;width:100%;height:114px;padding:0;background:none!important;pointer-events:auto;isolation:auto}
#hud .skills::before,#hud .skills::after{display:none!important}
#hud .skills button{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:105px;height:114px;min-width:0;border:0!important;border-radius:0;display:flex;flex-direction:column;align-items:center;padding:0;margin:0;background:none!important;overflow:visible;box-shadow:none!important;filter:none!important}
#hud .skills .iconDisc{position:relative;width:64px;height:64px;flex:0 0 64px;overflow:hidden;border-radius:50%;border:2px solid #e6d4a2;background:#1b263a;box-shadow:0 2px 6px #09122380}
#hud .skills .iconDisc img{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:cover;border:0;clip-path:none;transform:translate(var(--art-x,0),var(--art-y,0)) scale(1.1);filter:none;opacity:1}
#hud .skills .iconDisc::after{content:'';position:absolute;inset:0;background:#06101ccc;opacity:0;pointer-events:none;z-index:1}
#hud .skills .iconDisc.onCooldown::after{opacity:1}#hud .skills .iconDisc.unlearned::after,#hud .skills .iconDisc.resourceLow:not(.onCooldown)::after{opacity:.5}
#hud .skills .iconDisc em{position:absolute;inset:0;left:0;top:0;width:100%;height:100%;transform:none;margin:0;display:grid;place-items:center;font:30px/1 Jua;color:white;text-shadow:0 2px 3px #000;z-index:2}
#hud .skills button kbd{position:absolute;left:50%;top:48px;transform:translateX(-50%);z-index:4;min-width:26px;padding:1px 5px;font:14px/18px Jua;white-space:nowrap;border:1px solid #f5dfae;border-radius:5px;background:#29334bed;color:#fff7db}
#hud .skills button>span{position:static;transform:none;width:105px;margin:14px 0 0;font:14px/18px Jua;white-space:nowrap;color:white;text-align:center;text-shadow:0 1px 3px #050b18}
#hud .skills button>small{display:block;margin:0;font:13px/17px Jua;color:#f3e9ce;text-shadow:0 1px 3px #050b18}
#hud #potionIcon{--art-x:0%;--art-y:-5%}#hud #dashIcon{--art-x:0%;--art-y:0%}
#hud .journeyExp{position:fixed;left:50%;right:auto;width:min(720px,calc(100vw - 328px));transform:translateX(-50%);bottom:5px;height:12px;border:1px solid #becbbdc9;background:#111d30d9;border-radius:4px;overflow:hidden;pointer-events:none}
.journeyExp i{display:block;height:100%;width:0;background:linear-gradient(90deg,#82c6bb,#c5e8d2)}.journeyExp span{position:absolute;inset:0;text-align:center;font:12px/11px Jua;color:#fff;text-shadow:0 1px 2px #142037}
.book .summaryLine .spBadge{display:flex;align-items:center;gap:12px;padding:9px 16px;border:2px solid #947aab;border-radius:10px;background:#f7f0ff;color:#59416e;box-shadow:0 2px 0 #cbbcdf;white-space:nowrap}.spBadge small{font:14px Jua}.spBadge b{font:26px/1.2 Jua}
#menuContent{overflow-anchor:none}.inventoryPanel .bagGrid{overflow-anchor:none}
#wishResult{width:min(600px,94vw);padding:12px 0}#wishResult .wishActions,#wishResult .wishFollowup{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
#wishResult .wishActions button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:240px;height:64px;margin:8px 0 0;padding:10px 32px;font:17px/1.2 Jua;white-space:nowrap;background-size:100% 100%}
#wishResult .wishFollowup button{margin:8px 0 0;padding:10px 20px;font:17px Jua;border:1px solid #e4d2a6;border-radius:10px;background:#25334deb;color:#fff5d7;min-width:190px}
#wish .wishCoins{position:absolute;top:5%;right:5%;font:18px Jua;color:#ffe7b1}#wishResult .wishLiveBalance{margin:12px 0 0;font:18px Jua;color:#ffe7b1}#wishCaption{bottom:7%;max-width:90vw;text-align:center}
#wishResult .wishFollowup.hidden,#wishResult .wishActions button.hidden{display:none!important}
@media(max-width:800px){#hud .journeyExp{width:calc(100vw - 180px)}#hud .skills{gap:3px}#hud .skills button{width:85px}#hud .skills button>span{width:85px;font-size:12px}#hud .skills button>small{font-size:12px}.book .summaryLine{flex-wrap:wrap}.book .summaryLine .spBadge{margin-left:auto;padding:6px 10px}.spBadge small{font-size:12px}.spBadge b{font-size:23px}#wishResult .wishActions button{width:210px;font-size:15px}}