.hud-window.hud-window-depot{width:calc(600 * var(--px))}.hud-market-chart{display:flex;align-items:flex-end;gap:var(--px);height:calc(24 * var(--px))}.hud-market-bar{width:calc(4 * var(--px));background:var(--c-xp-gold)}.hud-market-order{justify-content:space-between;align-items:center}.hud-market-browse .ui-list{max-height:calc(240 * var(--px));overflow-y:auto}.hud-market-form .hud-input{width:calc(72 * var(--px))}.hud-market-cols{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--gap-sm);align-items:start}.hud-market-browse .hud-input{width:100%;box-sizing:border-box}.hud-market-browse>.hud-note{white-space:normal}.tree-screen{position:fixed;inset:0;padding: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:31;display:flex;background:var(--c-outline)}.tree-screen[hidden]{display:none}.tree-frame{flex:1;display:flex;flex-direction:column;min-width:0}.tree-frame>.ui-frame-body{flex:1;min-height:0;display:flex}.tree-wrap{position:relative;flex:1;min-width:0;overflow:hidden;background:var(--c-outline);border:calc(2 * var(--px)) solid var(--c-outline)}.tree-svg{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.tree-grid{stroke:var(--c-shadow);stroke-width:1;opacity:.6}.tree-sector{font-family:var(--font-display);font-size:54px;fill:var(--c-shadow);text-anchor:middle;letter-spacing:4px;pointer-events:none}.tree-sector.own{fill:var(--c-oak)}.tree-branch{font-family:var(--font-display);font-size:27px;fill:var(--c-oak);text-anchor:middle;pointer-events:none}.tree-edge{fill:none;stroke:var(--c-dark-oak);stroke-width:4;stroke-linejoin:round}.tree-edge.on{stroke:var(--c-xp-gold);stroke-width:6}.tree-edge.plan{stroke:var(--c-xp-gold);stroke-width:5;stroke-dasharray:8 6}.tree-edge.out{stroke:var(--c-blood-red);stroke-dasharray:4 6}.tree-node{cursor:pointer}.tree-body,.tree-half{stroke:var(--c-outline);stroke-width:3}.tree-hollow{fill:none}.a-str{fill:var(--c-ember);background:var(--c-ember)}.a-dex{fill:var(--c-poison-green);background:var(--c-poison-green)}.a-vig{fill:var(--c-hp-red);background:var(--c-hp-red)}.a-spi{fill:var(--c-mp-blue);background:var(--c-mp-blue)}.k-notable .tree-body{fill:var(--c-parchment)}.k-notable .tree-inner{fill:none;stroke:var(--c-old-gold);stroke-width:3}.k-fork .tree-body{fill:var(--c-energy-violet)}.k-keystone .tree-body{fill:var(--c-xp-gold)}.k-keystone .tree-inner{fill:var(--c-holy-light);stroke:var(--c-old-gold);stroke-width:3}.k-gate .tree-inner{fill:var(--c-linen);stroke:var(--c-outline);stroke-width:2}.v-knight{fill:var(--c-blood-red)}.v-hunter{fill:var(--c-moss)}.v-mage{fill:var(--c-deep-blue)}.k-start .tree-body{fill:var(--c-dark-oak)}.tree-flame{fill:var(--c-fire-orange);stroke:var(--c-outline);stroke-width:2}.tree-ring{fill:none;stroke:transparent;stroke-width:3}.tree-hit{fill:transparent}.tree-node:not(.taken):not(.avail):not(.out) :is(.tree-body,.tree-half,.tree-inner,.tree-flame){opacity:.45}.tree-node.avail .tree-ring{stroke:var(--c-linen);stroke-dasharray:5 4}.tree-node.planned :is(.tree-body,.tree-half){stroke:var(--c-xp-gold);stroke-dasharray:5 3}.tree-node.out :is(.tree-body,.tree-half){stroke:var(--c-blood-red);stroke-dasharray:3 3}.tree-node.sel .tree-ring{stroke:var(--c-holy-light);stroke-width:4;stroke-dasharray:none}.tree-label{font-family:var(--font-body);font-size:19px;fill:var(--c-old-parchment);text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:var(--c-outline);stroke-width:4px}.tree-label.big{font-family:var(--font-display);font-size:27px;fill:var(--c-linen)}.tree-plan,.tree-card,.tree-zoom{position:absolute}.tree-plan{top:var(--gap);right:var(--gap);max-width:calc(100% - 2 * var(--gap))}.tree-plan>.ui-frame-body{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap)}.tree-card{left:var(--gap);bottom:var(--gap);width:min(calc(300 * var(--px)),calc(100% - 2 * var(--gap) - var(--tap) - var(--gap)));max-height:calc(100% - 2 * var(--gap) - var(--tap) - var(--gap));overflow-y:auto}.tree-card>.ui-frame-body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-xs)}.tree-card .ui-text,.tree-stats>.tree-muted,.tree-adds,.tree-fx .ui-text{white-space:normal}.tree-card .ui-button{margin-top:var(--gap-sm)}.tree-zoom{right:var(--gap);bottom:var(--gap);display:flex;flex-direction:column;gap:var(--gap-sm)}.tree-sheet{display:contents}.profile-touch .tree-sheet{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:45%}.profile-touch .tree-sheet>.tree-plan,.profile-touch .tree-sheet>.tree-card{position:static;width:auto;max-width:none;margin:0}.profile-touch .tree-sheet>.tree-plan{flex:none}.profile-touch .tree-sheet>.tree-card{flex:0 1 auto;min-height:0;max-height:none}.tree-head,.tree-effects,.tree-foot{display:contents}.profile-touch .tree-sheet>.ui-frame{padding:var(--gap-sm) var(--gap)}.profile-touch .tree-sheet .tree-free{font:var(--text-body) / 1 var(--font-body)}.profile-touch .tree-sheet>.tree-card>.ui-frame-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--gap);row-gap:0}.profile-touch .tree-card :is(.tree-head,.tree-foot){display:flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--gap)}.profile-touch .tree-card .tree-head{grid-area:1 / 1}.profile-touch .tree-card .tree-foot{grid-area:1 / 1 / 2 / 3;justify-self:end}.profile-touch .tree-card .tree-effects{grid-area:2 / 1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.profile-touch .tree-card .tree-effect{display:inline;margin-right:var(--gap)}.profile-touch .tree-card .tree-other{display:none}.profile-touch .tree-card>.ui-frame-body>.ui-button{grid-area:2 / 2;margin-top:0}.profile-touch .tree-zoom{top:var(--gap);bottom:auto}.profile-touch .tree-zoom>:not(:last-child){display:none}.tree-muted{color:var(--c-oak)}.tree-kind{color:var(--c-linen);background:var(--c-dark-oak);padding:0 var(--gap-sm)}.tree-why{color:var(--c-blood-red)}.tree-state.s-taken,.tree-state.s-planned,.tree-state.s-available,.tree-state.s-free{color:var(--c-moss)}.tree-state.s-refund{color:var(--c-blood-red)}.tree-attr{display:grid;grid-template-columns:calc(14 * var(--px)) 1fr auto;column-gap:var(--gap);align-items:center}.tree-attr>b{font:var(--text-display) / 1 var(--font-display);font-weight:400}.tree-attr-name{display:flex;flex-wrap:wrap;column-gap:var(--gap-sm);align-items:baseline}.tree-swatch{width:calc(14 * var(--px));height:calc(14 * var(--px));border:calc(2 * var(--px)) solid var(--c-outline)}.tree-bar{grid-column:2 / 4;position:relative;height:calc(8 * var(--px));background:var(--c-old-parchment);border:calc(2 * var(--px)) solid var(--c-outline)}.tree-bar i{position:absolute;inset:0 auto 0 0;background:var(--c-leather)}.tree-bar u{position:absolute;top:calc(-4 * var(--px));bottom:calc(-4 * var(--px));width:calc(2 * var(--px));background:var(--c-blood-red)}.tree-adds{grid-column:2 / 4;color:var(--c-dark-oak)}.tree-fx{display:flex;flex-direction:column;padding-left:var(--gap);border-left:calc(4 * var(--px)) solid var(--c-old-gold)}.tree-fx.k-keystone{border-color:var(--c-xp-gold);background:var(--c-linen)}.tree-fx.k-fork{border-color:var(--c-energy-violet)}.tree-pip{position:relative}.tree-pip:after{content:"";position:absolute;top:calc(2 * var(--px));right:calc(2 * var(--px));width:calc(8 * var(--px));height:calc(8 * var(--px));background:var(--c-xp-gold);border:calc(2 * var(--px)) solid var(--c-outline)}.a-xp{fill:var(--c-xp-gold)}.hud-player-card{position:fixed;z-index:55;left:50%;top:50%;transform:translate(-50%,-50%);max-height:96vh;overflow:auto}.hud-player-card-actions{justify-content:center;width:calc(150 * var(--px));flex:none}.hud-player-card-actions>.ui-button{min-height:calc(44 * var(--px))}.hud-player-card-why{opacity:.75}.hud-window.hud-window-trade{width:calc(760 * var(--px))}.hud-trade-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--gap-sm);align-items:start}.hud-trade-goldrow .hud-input{flex:1;width:auto}.hud-trade-mark.on{color:var(--c-moss)}.hud-trade-foot{justify-content:space-between;align-items:center}.hud-ctx{position:fixed;z-index:70;min-width:calc(120 * var(--px))}.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}.profile-touch .hud-xp{display:none}.profile-pointer .hud-level>.hud-gold{flex-basis:100%}.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-col{width:min-content}.hud-map-info{display:flex;flex-wrap:wrap;justify-content:center;gap:0 var(--gap);padding:0 var(--gap-xs);background:var(--c-shadow);text-align:center}.hud-map-info .ui-text{white-space:normal}.profile-touch .hud-map-col{width:auto;align-items:flex-end}.profile-touch.mode-town .hud.show-actions .hud-map{width:calc(96 * var(--px));height:calc(96 * var(--px))}.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{grid-area:chase;gap:var(--gap)}.hud-actions>*{width:100%;height:100%;min-width:0;min-height:0}.hud-actions .hud-fight>*{flex:1;min-width:0;min-height:0}.hud-actions .hud-fight .ui-button{padding:0;font:var(--text-body) / 1 var(--font-body)}.hud-next{grid-area:next}.profile-touch.mode-town .hud-town{display:grid;grid-template-columns:repeat(2,calc(104 * var(--px)));gap:var(--gap-sm)}.hud-town>.ui-button{min-width:0;padding:var(--gap-xs) var(--gap-sm);font:var(--text-body) / 1 var(--font-body)}.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;flex-wrap:nowrap;overflow:hidden}.hud-panel-head .ui-tab .ui-text{display:none}.hud-panel-title{flex:none;color:var(--c-outline)}.hud-panel-body>.hud-pin{flex:none;border-top:var(--px) solid var(--c-old-parchment)}.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(488 * var(--px))}.hud-window-spells{width:calc(344 * 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-outline)}.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-log-time{opacity:.55}.hud-log-dealt{color:var(--c-moss)}.hud-log-taken{color:var(--c-blood-red)}.hud-log-avoid{color:var(--c-steel-dark)}.hud-log-heal{color:var(--c-deep-blue)}.hud-log-progress{color:var(--c-energy-deep)}.hud-log-loot{color:var(--c-leather)}.hud-log-trade{color:var(--c-bark)}.hud-log-death{color:var(--c-death-purple);font-weight:700}.hud-log-system{color:var(--c-ash-grey)}.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-ask{position:fixed;inset:0;display:grid;place-items:safe center;padding:var(--gap);overflow-y:auto;z-index:30}.hud>.hud-ask{pointer-events:auto}.hud-choice{flex-direction:column;gap:0}.hud-choice-note{font:var(--text-body) / var(--line-body) var(--font-body);opacity:.8}.hud-vitals:has(.ui-bar.low){animation:hud-low 1.5s steps(1) infinite}@keyframes hud-low{50%{outline:calc(2 * var(--px)) solid var(--c-hp-red)}}.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}.profile-touch .hud-mapwin:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--c-outline);pointer-events:auto}.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)}.profile-touch .hud-mapwin-frame>.ui-frame-body{flex-direction:row}.profile-touch .hud-mapwin-canvas{width:auto;min-width:0}.profile-touch .hud-mapwin-tools{display:grid;grid-template-columns:1fr 1fr;align-content:start}.profile-touch .hud-mapwin-tools>:nth-child(n+3){grid-column:span 2}.hud-mapwin-floor{align-self:center;min-width:7em;text-align:center}.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:100%;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}.hud-shop-grid{row-gap:calc(16 * var(--px))}.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(32 * var(--px));padding:var(--gap-xs) var(--gap-sm);background:var(--c-shadow);color:var(--c-linen);text-align:center}.hud-trade-status{animation:hud-fade-in .15s steps(3) both}@keyframes hud-fade-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.hud-trade-status{animation:none}}.profile-touch .hud-trade-status{font:var(--text-body) / var(--line-body) var(--font-body)}.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)}