.hud [hidden]{display:none!important}.hud-stack{display:flex;flex-direction:column;gap:var(--gap-sm)}.hud-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-sm)}.hud-note{margin:0}.hud-right{margin-left:auto}.hud>.hud-vitals{pointer-events:none}.hud-vitals{width:calc(160 * var(--px) + 2 * var(--inset))}.hud-level{justify-content:space-between;align-items:baseline}.hud-gold{align-items:center;gap:var(--gap-sm)}.mode-combat .hud-gold{display:none}.hud-target{min-width:calc(136 * var(--px))}.hud-minimap{display:flex;align-items:flex-start;gap:var(--gap)}.hud-map{width:calc(128 * var(--px));height:calc(128 * var(--px))}.mode-combat .hud-map{width:calc(96 * var(--px));height:calc(96 * var(--px))}.profile-pointer .hud-map{width:calc(160 * var(--px));height:calc(160 * var(--px))}.profile-pointer.mode-combat .hud-map{width:calc(128 * var(--px));height:calc(128 * var(--px))}.profile-pointer .hud-minimap{align-self:center}.hud-map-col{display:flex;flex-direction:column;align-items:center;gap:var(--gap-sm)}.hud-map-info{display:flex;flex-wrap:wrap;justify-content:center;gap:0 var(--gap)}.hud-zone-pvp{outline:calc(2 * var(--px)) solid var(--c-hp-red)}.profile-pointer .hud-menu{display:none}.hud-fight{display:flex;flex-direction:column;gap:var(--gap-sm)}.hud-fight-side{flex-direction:row;justify-content:center}.profile-touch .hud-fight-side,.profile-pointer .hud-actions .hud-fight{display:none}.hud-actions{display:grid;grid-template-columns:repeat(4,calc(56 * var(--px)));grid-auto-rows:calc(56 * var(--px));grid-template-areas:"chase s4 s5 s6" "chase s1 s2 s3" "p1 p2 next next";gap:var(--gap)}.left-handed .hud-actions{grid-template-areas:"s6 s5 s4 chase" "s3 s2 s1 chase" "next next p2 p1"}.hud-actions .hud-fight{display:contents}.hud-actions>*,.hud-actions .hud-fight>*{width:100%;height:100%;min-width:0;min-height:0}.hud-actions .hud-chase{grid-area:chase}.hud-actions .hud-fight .ui-button{padding:0;font:var(--text-body) / 1 var(--font-body)}.hud-next{grid-area:next}.hud-town{flex-wrap:wrap;justify-content:flex-end;max-width:calc(280 * var(--px))}.profile-touch.mode-town .hud.show-actions .hud-actions{display:grid}.profile-touch.mode-town .hud.show-actions .hud-town{display:none}.ui-slot.hud-none .ui-icon{filter:grayscale(1)}.hud-shake{animation:hud-shake .2s steps(1) both}@keyframes hud-shake{0%,40%{transform:translate(calc(-2 * var(--px)))}20%,60%{transform:translate(calc(2 * var(--px)))}80%,to{transform:none}}.hud-ticker{justify-self:center;min-width:calc(160 * var(--px));cursor:inherit}.hud-ticker{overflow:hidden}.hud-ticker .ui-frame-body{display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;max-height:calc(2 * var(--line-body))}.mode-combat .hud-ticker .ui-frame-body,.profile-pointer.mode-explore .hud-ticker .ui-frame-body{max-height:var(--line-body)}.mode-town .hud-ticker .ui-frame-body{max-height:calc(4 * var(--line-body))}.hud-panel{display:flex;flex-direction:column;min-height:0}.profile-touch .hud-panel{position:fixed;top:calc(var(--gap) + env(safe-area-inset-top));bottom:calc(var(--gap) + env(safe-area-inset-bottom));right:calc(var(--gap) + env(safe-area-inset-right));width:50vw;z-index:20;margin:0}.profile-touch .hud:not(.drawer-open) .hud-panel{display:none}.left-handed.profile-touch .hud-panel{right:auto;left:calc(var(--gap) + env(safe-area-inset-left))}.profile-touch .hud.demo .hud-panel{position:absolute}.profile-pointer .hud-panel{display:none}.hud-toolbar{grid-area:tools;display:none;flex-direction:column;gap:var(--gap-sm);align-self:start;z-index:25}.profile-pointer .hud-toolbar{display:flex;flex-wrap:wrap;align-content:flex-start;height:0;min-height:100%}.hud-tool{position:relative;display:flex}.hud-tool>.ui-button{padding:var(--gap-xs)}.hud-tip{position:absolute;right:calc(100% + var(--gap-sm));top:0;bottom:0;margin:auto 0;height:max-content;white-space:nowrap;pointer-events:none;display:none}.hud-tool:hover>.hud-tip,.hud-tool:has(:focus-visible)>.hud-tip,.hud-tool.tip>.hud-tip{display:block}.hud-tool .ui-button:disabled .ui-icon{filter:grayscale(1)}.hud>.hud-windows{position:absolute;inset:0;pointer-events:none;z-index:15}.profile-touch .hud-windows{display:none}.hud-window{position:absolute;display:flex;flex-direction:column;width:calc(288 * var(--px));max-height:calc(var(--max-h, 480) * var(--px));pointer-events:auto}.hud-window>.ui-frame-body{min-height:0}.hud-window-chat .hud-chat .ui-scroll{flex:none;height:calc(160 * var(--px))}.hud-window-shop{width:calc(600 * var(--px))}.hud-shop-pages{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-sm);align-items:start}.hud-drag{cursor:var(--cursor-drag, grab);touch-action:none;-webkit-user-select:none;user-select:none}.hud-panel-head{display:flex;align-items:stretch;gap:var(--gap)}.hud-panel-head .ui-tabs{flex:1;min-width:0;gap:0}.hud-panel-close{flex:none}.profile-pointer .hud-panel-close{display:none}.hud-panel-body{display:flex;flex-direction:column;gap:var(--gap-sm);flex:1;min-height:0}.hud-panel .ui-tab{padding:var(--gap-xs);font:var(--text-body) / 1 var(--font-body)}.hud-fill{flex:1;height:auto;min-height:0}.hud-panel-content{padding-right:var(--gap-sm)}.hud-window-inventory{width:calc(248 * var(--px))}.hud-grid{display:flex;flex-wrap:wrap;gap:var(--gap-xs)}.hud-bag-foot{display:flex;align-items:center;gap:var(--gap)}.hud-bag-foot>.ui-bar{flex:1;min-width:0}.hud-window-character{width:calc(408 * var(--px))}.hud-card-head{display:flex;align-items:center;gap:var(--gap)}.hud-card-title{color:var(--c-outline);line-height:1.1}.hud-card-line{color:var(--c-oak)}.hud-portrait{--size: 40;position:relative;overflow:hidden;flex:none}.hud-figure{flex:none;width:calc(80 * var(--px));height:calc(128 * var(--px));background:center / 100% 100% no-repeat}.hud-figure.hud-bust{position:absolute;left:50%;top:calc(3 * var(--px));width:calc(64 * var(--px));height:calc(102 * var(--px));transform:translate(-50%)}.hud-rule{height:var(--px);background:var(--c-old-parchment)}.hud-vrule{width:var(--px);background:var(--c-old-parchment)}.hud-card-main{display:flex;gap:calc(12 * var(--px));align-items:stretch}.hud-card-body{display:flex;gap:var(--gap-sm);align-items:stretch}.hud-card-col{display:flex;flex-direction:column;justify-content:center;gap:var(--gap-sm)}.hud-card-mid{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--gap-sm)}.hud-card-hands{display:flex;gap:var(--gap-sm)}.ui-slot>.hud-silhouette{position:absolute;inset:0;margin:auto}.hud-card-side{display:flex;flex-direction:column;gap:var(--gap-xs);flex:1;min-width:0}.hud-card-label{color:var(--c-dark-oak)}.hud-card-side .ui-text{white-space:normal}.profile-touch .hud-card-main{gap:var(--gap-sm)}.profile-touch .hud-card-side{--text-display: calc(22 * var(--px))}.hud-card-stat{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--gap-sm);color:var(--c-oak)}.hud-card-stat b{margin-left:auto;font:var(--text-display) / 1 var(--font-display);font-weight:400;color:var(--c-outline)}.hud-card-stat:last-child{margin-top:auto;border-top:var(--px) solid var(--c-old-parchment);padding-top:var(--gap-xs)}.hud-row .ui-display{min-width:calc(16 * var(--px))}.hud-party-bar{flex:none}.hud-spell{align-items:flex-start;padding:var(--gap) var(--gap-sm)}.hud-spell-icon{display:grid;place-content:center;flex:none;width:calc(32 * var(--px));height:calc(32 * var(--px));background:var(--c-old-parchment)}.hud-spell-text{flex:1;min-width:0;color:var(--c-dark-oak)}.hud-spell-name{color:var(--c-outline)}.hud-spell-stats span{white-space:nowrap}.hud-mastery-bar{height:var(--px);margin:var(--px) 0;background:var(--c-old-parchment)}.hud-mastery-fill{height:100%;background:var(--c-outline)}.hud-card .hud-milestone{color:var(--c-linen)}.hud-card .hud-milestone.hud-unreached{color:var(--c-steel-dark)}.hud-mastered{outline:calc(2 * var(--px)) solid var(--c-xp-gold)}.hud-incantation{color:var(--c-blood-red);font-style:oblique}.hud-card .hud-incantation{color:inherit}.hud-incantation:before{content:"„"}.hud-incantation:after{content:"”"}:lang(en) .hud-incantation:before{content:"“"}.hud-locked{display:flex;align-items:center;gap:var(--gap-sm)}.hud-spell.locked :is(.hud-spell-name,.hud-spell-stats,.hud-incantation,.hud-locked){color:var(--c-steel-dark)}.hud-shape{display:grid;grid-template-columns:repeat(var(--cols),calc(var(--tile) * var(--px)));grid-auto-rows:calc(var(--tile) * var(--px));gap:var(--px)}.hud-shape .on{background:var(--c-blood-red)}.hud-shape .c{background:var(--c-outline)}.hud-spell.locked .hud-shape .on{background:var(--c-steel)}.hud-setting{cursor:inherit}.hud-setting-name{flex:1;min-width:0}.hud-setting-value{flex:none;max-width:50%;text-align:right;color:var(--c-blood-red)}.hud-name{z-index:40}.hud>.hud-name{pointer-events:auto}.hud-name-error{color:var(--c-blood-red)}.hud-setting .hud-input{flex:none;width:50%}.hud-chat{flex:1;min-height:0}.hud-ticker .ui-line{flex:none}.hud-chat-line{margin:0;overflow-wrap:anywhere}.hud-chat-name{font-family:var(--font-display);color:var(--c-deep-blue)}.hud-chat-own{color:var(--c-moss)}.hud-ticker .hud-chat-name{color:var(--c-ice-cyan)}.hud-ticker .hud-chat-own{color:var(--c-heal-green)}.hud-chat-server{color:var(--c-ember)}.hud-chat-server:before{content:"";display:inline-block;width:calc(3 * var(--px));height:calc(3 * var(--px));margin-right:calc(2 * var(--px));background:currentColor;vertical-align:middle}.hud-ticker .hud-chat-server{color:var(--c-fire-orange)}.hud-send{display:flex;gap:var(--gap-sm)}.hud-input{flex:1;min-width:0;min-height:var(--tap);padding:0 var(--gap-sm);--piece: var(--kit-bar);--slice: var(--kit-bar-slice);--fallback: var(--c-shadow);background:var(--c-shadow);color:var(--c-linen);caret-color:var(--c-holy-light);font:var(--text-body) / 1 var(--font-body);-webkit-user-select:text;user-select:text}.hud-input::placeholder{color:var(--c-light-oak);opacity:1}.hud-input:focus-visible{outline:var(--px) solid var(--c-linen)}.hud-death{position:fixed;inset:0;display:grid;place-items:center;background:var(--kit-dither) 0 0 / calc(2 * var(--px)) calc(2 * var(--px)) repeat;z-index:30}.hud>.hud-death{pointer-events:auto}.hud-info{position:fixed;left:50%;bottom:30%;transform:translate(-50%);z-index:50;pointer-events:none}.hud-fly{position:fixed;left:calc(-4 * var(--px));top:calc(-4 * var(--px));width:calc(8 * var(--px));height:calc(8 * var(--px));background:var(--c-xp-gold);outline:var(--px) solid var(--c-outline);display:none;pointer-events:none;z-index:60}.hud-fly.on{display:block}.ui-icon.hud-stick-base,.ui-icon.hud-stick-knob{position:fixed;transform:translate(-50%,-50%);pointer-events:none;image-rendering:pixelated;z-index:10}.ui-icon.hud-stick-base{width:calc(120 * var(--px));height:calc(120 * var(--px));--icon: var(--kit-stick-base)}.ui-icon.hud-stick-knob{width:calc(56 * var(--px));height:calc(56 * var(--px));--icon: var(--kit-stick-knob)}.hud-minimap-canvas{display:block;width:100%;height:100%;pointer-events:auto;cursor:pointer}.hud-map>.ui-frame-body{width:100%;height:100%;padding:0;overflow:hidden}.hud-mapwin{position:absolute;z-index:18;display:flex;align-items:center;justify-content:center;pointer-events:none}.hud-mapwin-frame{display:flex;flex-direction:column;flex:none;pointer-events:auto}.profile-pointer .hud-mapwin{top:calc(176 * var(--px));bottom:calc(56 * var(--px));left:calc(48 * var(--px));right:calc(56 * var(--px))}.profile-touch .hud-mapwin{position:fixed;inset:calc(var(--gap) + env(safe-area-inset-top)) calc(var(--gap) + env(safe-area-inset-right)) calc(var(--gap) + env(safe-area-inset-bottom)) calc(var(--gap) + env(safe-area-inset-left));z-index:30}.hud.demo .hud-mapwin{position:absolute}.hud-mapwin[hidden]{display:none}.hud-mapwin-frame>.ui-frame-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--gap-sm)}.hud-mapwin-canvas{flex:1;min-height:0;width:100%;display:block;touch-action:none;cursor:grab}.hud-mapwin-tools{display:flex;gap:var(--gap-sm)}.hud-card{position:fixed;z-index:60;max-width:calc(160 * var(--px));pointer-events:none}.hud-card-head{display:flex;align-items:center;gap:var(--gap-sm)}.hud-card-head .ui-icon{flex:none}.hud-card-name[data-rarity=common]{color:var(--c-steel)}.hud-card-name[data-rarity=uncommon]{color:var(--c-poison-green)}.hud-card-name[data-rarity=rare]{color:var(--c-mp-blue)}.hud-card-name[data-rarity=epic]{color:var(--c-energy-violet)}.hud-card-name[data-rarity=legendary]{color:var(--c-xp-gold)}.hud-card .hud-unmet{color:var(--c-hp-red)}.hud-card-weight{color:var(--c-ash-grey)}.hud-card-row{display:flex;align-items:center;justify-content:space-between;gap:var(--gap)}.hud-price{display:inline-flex;align-items:center;gap:var(--gap-xs)}.hud-card-row .hud-price{margin-left:auto}.hud-coin{position:relative;flex-shrink:0;display:grid;place-items:center;width:calc(10 * var(--px));height:calc(10 * var(--px));background:var(--c-outline);clip-path:polygon(30% 0%,70% 0%,70% 10%,90% 10%,90% 30%,100% 30%,100% 70%,90% 70%,90% 90%,70% 90%,70% 100%,30% 100%,30% 90%,10% 90%,10% 70%,0% 70%,0% 30%,10% 30%,10% 10%,30% 10%);color:var(--c-outline);font-size:calc(var(--px) * 28 / 3);line-height:1}.hud-coin:before{content:"";position:absolute;inset:var(--px);background:var(--c-xp-gold);clip-path:polygon(25% 0%,75% 0%,75% 12.5%,87.5% 12.5%,87.5% 25%,100% 25%,100% 75%,87.5% 75%,87.5% 87.5%,75% 87.5%,75% 100%,25% 100%,25% 87.5%,12.5% 87.5%,12.5% 75%,0% 75%,0% 25%,12.5% 25%,12.5% 12.5%,25% 12.5%);z-index:-1}.hud-coin.hud-coin-lg{width:calc(20 * var(--px));height:calc(20 * var(--px));font-size:var(--text-body)}.hud-coin-lg:before{inset:calc(2 * var(--px))}.hud-shop-price{position:absolute;width:max-content;left:calc(-1 * var(--slice) * var(--px));top:calc(-1 * var(--slice) * var(--px));padding:0 var(--gap-xs);background:var(--c-outline);font:var(--text-body) / calc(12 * var(--px)) var(--font-body);color:var(--c-xp-gold);pointer-events:none}.ui-slot.locked{opacity:.5}.hud-shop-bar{padding:var(--gap-sm);min-height:calc(80 * var(--px))}.hud-shop-text{flex:1;min-width:0}.hud-shop-act{width:100%;justify-content:flex-end}.hud-shop-count{min-width:calc(16 * var(--px));text-align:center}.hud-card .hud-card-bonus{color:var(--c-heal-green)}.hud-compare{position:fixed;z-index:60;display:flex;align-items:flex-start;gap:var(--gap-sm);pointer-events:none}.hud-compare>.hud-card{position:static}.hud-card .hud-better{color:var(--c-heal-green)}.hud-card .hud-worse{color:var(--c-hp-red)}.hud-casting .ui-slot-cd{background:var(--kit-dither) 0 0 / calc(2 * var(--px)) calc(2 * var(--px)) repeat,var(--c-xp-gold)}.hud-casting{outline:var(--px) solid var(--c-xp-gold)}.hud-card-act{pointer-events:auto;margin-top:var(--gap-sm)}.hud-whatsnew{width:min(calc(400 * var(--px)),92vw)}.hud-whatsnew-list{max-height:50vh;overflow-y:auto;padding-right:var(--gap-sm)}.hud-whatsnew-entry+.hud-whatsnew-entry{border-top:var(--px) solid var(--c-outline);margin-top:var(--gap);padding-top:var(--gap)}.hud-whatsnew-date{margin:0 0 var(--gap-sm);font-size:inherit;color:var(--c-blood-red)}.hud-whatsnew-entry ul{margin:0;padding:0;list-style:none}.hud-whatsnew-entry li{position:relative;line-height:1.4;padding:0 0 var(--gap-sm) calc(14 * var(--px))}.hud-whatsnew-entry li:before{content:"";position:absolute;left:0;top:calc(7 * var(--px));width:calc(6 * var(--px));height:calc(6 * var(--px));background:var(--c-blood-red)}