:root{--c-outline: #1a1410;--c-shadow: #2e2420;--c-dark-oak: #4a3a30;--c-oak: #6e5a48;--c-light-oak: #9c8468;--c-bark: #5a3a22;--c-leather: #8a5a32;--c-tan: #b88a52;--c-old-parchment: #c9b48a;--c-parchment: #e8d9b5;--c-linen: #f4ead2;--c-white: #ffffff;--c-steel-dark: #5c6670;--c-steel: #a3adb5;--c-blood-red: #9e2a2a;--c-hp-red: #d83a3a;--c-old-gold: #a87a20;--c-xp-gold: #e0b341;--c-holy-light: #fff2b0;--c-deep-blue: #24418a;--c-mp-blue: #3a6fd8;--c-ember: #c4561c;--c-fire-orange: #f08a34;--c-ice-deep: #2f8fa8;--c-ice-cyan: #7fd4e6;--c-moss: #3e6b2a;--c-poison-green: #79b043;--c-heal-green: #a8e05a;--c-energy-deep: #5b3a9e;--c-energy-violet: #9a6fe0;--c-death-purple: #3d1f4a;--c-ash-grey: #7a746c}@font-face{font-family:"Nawia Jersey 15";src:url(/assets/NawiaJersey15-Regular-DvIao2Bn.ttf) format("truetype");font-display:block}@font-face{font-family:"Nawia Jersey 10";src:url(/assets/NawiaJersey10-Regular-M5PTo7Q9.ttf) format("truetype");font-display:block}@font-face{font-family:Atkinson Hyperlegible;src:url(/assets/AtkinsonHyperlegible-Regular-ycu_OfBo.ttf) format("truetype");font-display:block}:root{--px: 1px;--tap: calc(48 * var(--px));--gap-xs: calc(2 * var(--px));--gap-sm: calc(4 * var(--px));--gap: calc(8 * var(--px));--gap-lg: calc(16 * var(--px));--gap-xl: calc(24 * var(--px));--shadow-ink: var(--c-shadow);--shadow-surface: var(--px) var(--px) 0 var(--c-shadow), calc(2 * var(--px)) calc(2 * var(--px)) 0 var(--c-outline);--shadow-control: var(--px) var(--px) 0 var(--shadow-ink);--title-h: calc(32 * var(--px));--inset: calc(12 * var(--px));--font-display: "Nawia Jersey 15", monospace;--font-body: "Nawia Jersey 10", monospace;--text-display: calc(27 * var(--px));--text-display-lg: calc(54 * var(--px));--line-display-wrap: calc(22 * var(--px));--text-body: calc(var(--px) * 56 / 3);--line-body: calc(20 * var(--px));--text-num: calc(var(--px) * 112 / 3);--line-num: calc(22 * var(--px));--shadow-text: 0 var(--px) 0 var(--c-outline)}.readable{--font-body: "Atkinson Hyperlegible", sans-serif;--text-body: calc(15 * var(--px));font-family:var(--font-body);font-size:var(--text-body)}.ui{font:var(--text-body) / var(--line-body) var(--font-body);color:var(--c-linen);image-rendering:pixelated;box-sizing:border-box;font-synthesis:none}.ui *,.ui *:before,.ui *:after{box-sizing:border-box;image-rendering:pixelated}:where(.ui) .ui{color:inherit}.ui-text{display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap;vertical-align:top}.ui-display{font:var(--text-display) / 1 var(--font-display)}.ui-line{display:block;white-space:nowrap;overflow:hidden}.ui-overworld{text-shadow:var(--shadow-text)}.profile-pointer,.profile-pointer .ui{cursor:var(--cursor, auto)}.profile-pointer :is(.ui-button,.ui-slot,.ui-tab,.ui-list-row,.hud-setting,.hud-ticker):not(:disabled){cursor:var(--cursor-hand, pointer)}.profile-pointer :is(input,textarea){cursor:text}.profile-pointer canvas[data-cursor=attack]{cursor:var(--cursor-attack, crosshair)}.profile-pointer canvas[data-cursor=hand]{cursor:var(--cursor-hand, pointer)}.ui-dragging,.ui-dragging *{cursor:var(--cursor-drag, grabbing)!important}.ui-9{border:calc(var(--slice) * var(--px)) solid var(--fallback, var(--c-dark-oak));border-image-source:var(--piece);border-image-slice:var(--slice) fill;border-image-width:calc(var(--slice) * var(--px));border-image-repeat:round}.ui-frame{position:relative;padding:calc(var(--inset) - var(--slice) * var(--px));box-shadow:var(--shadow-surface);background:var(--paper, none);background-clip:padding-box}.ui-frame-wood{--piece: var(--kit-frame-wood);--slice: var(--kit-frame-wood-slice);--fallback: var(--c-dark-oak);--title-bg: var(--c-shadow);--title-rule: var(--c-oak);color:var(--c-linen)}.ui-frame-parchment{--piece: var(--kit-frame-parchment);--slice: var(--kit-frame-parchment-slice);--fallback: var(--c-parchment);--paper: conic-gradient(from 90deg at var(--px) var(--px), var(--c-linen) 25%, transparent 0) 0 0 / calc(8 * var(--px)) calc(8 * var(--px)) repeat, conic-gradient(from 90deg at var(--px) var(--px), var(--c-linen) 25%, transparent 0) calc(4 * var(--px)) calc(4 * var(--px)) / calc(8 * var(--px)) calc(8 * var(--px)) repeat, var(--c-parchment);--shadow-ink: var(--c-tan);--title-bg: var(--c-old-parchment);--title-rule: var(--c-tan);color:var(--c-outline)}.ui-frame-embroidered{--inset: calc(16 * var(--px));--piece: var(--kit-frame-embroidered);--slice: var(--kit-frame-embroidered-slice);--fallback: var(--c-linen);--paper: conic-gradient(from 90deg at var(--px) var(--px), var(--c-white) 25%, transparent 0) 0 0 / calc(8 * var(--px)) calc(8 * var(--px)) repeat, conic-gradient(from 90deg at var(--px) var(--px), var(--c-white) 25%, transparent 0) calc(4 * var(--px)) calc(4 * var(--px)) / calc(8 * var(--px)) calc(8 * var(--px)) repeat, var(--c-linen);--shadow-ink: var(--c-tan);--title-bg: var(--c-parchment);--title-rule: var(--c-blood-red);color:var(--c-outline)}.ui-frame-dark{--piece: var(--kit-frame-dark);--slice: var(--kit-frame-dark-slice);--fallback: var(--c-outline);--title-bg: var(--c-shadow);--title-rule: var(--c-old-gold);color:var(--c-linen)}.ui-frame.titled{display:flex;flex-direction:column}.ui-frame-title{order:-1;flex:none;display:flex;align-items:center;height:var(--title-h);margin:calc(var(--slice) * var(--px) - var(--inset)) calc(var(--slice) * var(--px) - var(--inset)) var(--gap-sm);padding:0 calc(var(--title-h) + var(--gap-sm)) var(--px) var(--inset);border:0;border-image:none;background:var(--title-bg, var(--c-old-parchment));box-shadow:inset 0 calc(-1 * var(--px)) 0 var(--title-rule, var(--c-tan));font:var(--text-display) / 1 var(--font-display);color:inherit;min-width:0;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none}.ui-frame-title>.ui-text{text-overflow:ellipsis}.ui-frame>.ui-frame-close{position:absolute;right:calc(var(--inset) - var(--slice) * var(--px));top:calc(var(--inset) - var(--slice) * var(--px));width:var(--title-h);height:var(--title-h);min-width:0;min-height:0;padding:0;border:0;border-image:none;box-shadow:none;color:inherit}.ui-frame.titled>.ui-frame-close{top:0;right:0}.ui-frame>.ui-frame-close:active:not(:disabled),.ui-frame>.ui-frame-close.pressed{translate:0 0;background:var(--title-rule, var(--c-tan))}.profile-pointer .ui-frame>.ui-frame-close:hover:not(:disabled,:active){background:var(--title-rule, var(--c-tan))}.ui-frame-close:before{content:"";position:absolute;inset:min(calc(0 * var(--px)),calc((var(--title-h) - var(--tap)) / 2))}.ui-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-sm);min-width:var(--tap);min-height:var(--tap);padding:var(--gap-xs) var(--gap);--piece: var(--kit-button-wood);--slice: var(--kit-button-wood-slice);--fallback: var(--c-oak);background:none;font:var(--text-display) / 1 var(--font-display);color:var(--c-linen);text-shadow:var(--shadow-text);cursor:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-control)}.ui-button:active:not(:disabled),.ui-button.pressed{--piece: var(--kit-button-wood-pressed);translate:var(--px) var(--px);box-shadow:none}.profile-pointer .ui-button:hover:not(:disabled,:active,.pressed){--piece: var(--kit-button-wood-hover)}.ui-button:disabled{--piece: var(--kit-button-wood-disabled);--fallback: var(--c-ash-grey);color:var(--c-parchment);padding-right:calc(var(--gap) + 16 * var(--px));box-shadow:none}.ui-button:disabled:after{content:"";position:absolute;right:var(--gap-xs);top:0;bottom:0;margin:auto 0;width:calc(16 * var(--px));height:calc(16 * var(--px));background:var(--kit-icon-lock) 0 0 / 100% 100% no-repeat}.ui-button.no-lock:disabled{padding-right:var(--gap)}.ui-button.no-lock:disabled:after{display:none}.ui-button-parchment{--piece: var(--kit-button-parchment);--slice: var(--kit-button-parchment-slice);--fallback: var(--c-parchment);color:var(--c-outline);text-shadow:none}.ui-button-parchment:active:not(:disabled),.ui-button-parchment.pressed{--piece: var(--kit-button-parchment-pressed)}.profile-pointer .ui-button-parchment:hover:not(:disabled,:active,.pressed){--piece: var(--kit-button-parchment-hover)}.ui-button-parchment:disabled{--piece: var(--kit-button-parchment-disabled);color:var(--c-outline)}.ui-icon{display:inline-block;vertical-align:top;width:calc(16 * var(--px));height:calc(16 * var(--px));background:var(--icon) 0 0 / 100% 100% no-repeat}.ui-icon-32{width:calc(32 * var(--px));height:calc(32 * var(--px))}.ui-frame-parchment,.ui-frame-embroidered{--ring: var(--c-outline)}.ui-frame-wood,.ui-frame-dark{--ring: var(--c-linen)}.ui-button:focus-visible,.ui-slot:focus-visible,.ui-tab:focus-visible,.ui-list-row:focus-visible,.ui .focus{outline:var(--px) solid var(--ring, var(--c-linen));outline-offset:calc(2 * var(--px))}.ui-bar{position:relative;width:calc(var(--w) * var(--px));height:calc(var(--h) * var(--px));--piece: var(--kit-bar);--slice: var(--kit-bar-slice);--fallback: var(--c-shadow);background:var(--c-shadow);background-clip:padding-box}.ui-bar-fill,.ui-bar-chunk,.ui-bar-ticks{position:absolute;left:0;top:0;height:100%}.ui-bar-fill{width:calc(var(--n) * var(--px));background:var(--fill)}.ui-bar-hp{--fill: var(--c-hp-red)}.ui-bar-mana{--fill: var(--c-mp-blue)}.ui-bar-xp{--fill: var(--c-xp-gold)}.ui-bar-chunk{width:calc(var(--n) * var(--px));background:var(--c-white);transition:width .4s steps(8)}.ui-bar-ticks{left:calc(var(--n) * var(--px));right:0;background:var(--kit-bar-ticks) calc(-1 * var(--n) * var(--px)) 0 / calc(8 * var(--px)) calc(8 * var(--px)) repeat}.ui-bar-text{position:absolute;inset:0;display:flex;justify-content:center;pointer-events:none}.ui-bar-num{font:var(--text-num) / var(--line-num) var(--font-body);color:var(--c-linen);text-shadow:var(--px) 0 0 var(--c-outline),calc(-1 * var(--px)) 0 0 var(--c-outline),0 var(--px) 0 var(--c-outline),0 calc(-1 * var(--px)) 0 var(--c-outline)}.ui-bar.low .ui-bar-fill{animation:ui-blink .6s steps(2,jump-none) infinite}@keyframes ui-blink{50%{background:var(--c-blood-red)}}.ui-slot{position:relative;display:grid;place-items:center;font-size:0;line-height:0;width:calc(var(--size) * var(--px));height:calc(var(--size) * var(--px));min-width:var(--tap);min-height:var(--tap);padding:0;--piece: var(--kit-slot);--slice: var(--kit-slot-slice);--fallback: var(--c-shadow);background:none;cursor:inherit;touch-action:none;-webkit-user-select:none;user-select:none}.ui-slot[data-rarity=white]{--piece: var(--kit-slot-white)}.ui-slot[data-rarity=green]{--piece: var(--kit-slot-green)}.ui-slot[data-rarity=blue]{--piece: var(--kit-slot-blue)}.ui-slot[data-rarity=yellow]{--piece: var(--kit-slot-yellow)}.ui-slot[data-rarity=purple]{--piece: var(--kit-slot-purple)}.ui-slot[data-rarity=gold]{--piece: var(--kit-slot-gold)}.ui-slot:active .ui-icon{position:relative;top:var(--px)}.profile-pointer .ui-slot:hover:not(:disabled,.selected){outline:var(--px) solid var(--c-xp-gold);outline-offset:calc(-1 * (var(--slice) + 1) * var(--px))}.ui-slot.selected{outline:var(--px) solid var(--c-xp-gold);outline-offset:var(--px)}.ui-slot-count,.ui-slot-tier,.ui-slot-key{position:absolute;padding:0 var(--gap-xs);background:var(--c-outline);font:var(--text-body) / calc(12 * var(--px)) var(--font-body);color:var(--c-linen);pointer-events:none}.ui-slot-count:empty,.ui-slot-tier:empty{display:none}.ui-slot-count{right:calc(-1 * var(--slice) * var(--px));bottom:calc(-1 * var(--slice) * var(--px))}.ui-slot-tier{right:calc(-1 * var(--slice) * var(--px));top:calc(-1 * var(--slice) * var(--px));color:var(--c-xp-gold)}.ui-slot-key{left:calc(-1 * var(--slice) * var(--px));top:calc(-1 * var(--slice) * var(--px));color:var(--c-xp-gold)}.profile-touch .ui-slot-key{display:none}.ui-slot-cd{position:absolute;inset:0;background:var(--kit-dither) 0 0 / calc(2 * var(--px)) calc(2 * var(--px)) repeat;mask:conic-gradient(var(--c-outline) var(--deg),transparent 0);-webkit-mask:conic-gradient(var(--c-outline) var(--deg),transparent 0);pointer-events:none}.ui-slot-cd-text{position:absolute;inset:0;display:grid;place-items:center;font:var(--text-body) / 1 var(--font-body);color:var(--c-linen);text-shadow:var(--px) 0 0 var(--c-outline),calc(-1 * var(--px)) 0 0 var(--c-outline),0 var(--px) 0 var(--c-outline),0 calc(-1 * var(--px)) 0 var(--c-outline),var(--px) var(--px) 0 var(--c-outline),calc(-1 * var(--px)) calc(-1 * var(--px)) 0 var(--c-outline),var(--px) calc(-1 * var(--px)) 0 var(--c-outline),calc(-1 * var(--px)) var(--px) 0 var(--c-outline);pointer-events:none}.ui-slot-cd-text:empty{display:none}.ui-drag-ghost{position:fixed;left:0;top:0;pointer-events:none;z-index:100}.ui-tabs{display:flex;flex-wrap:wrap;gap:var(--gap-xs)}.ui-tab{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-sm);min-width:var(--tap);min-height:var(--tap);padding:var(--gap-xs) var(--gap);--piece: var(--kit-tab);--slice: var(--kit-tab-slice);--fallback: var(--c-old-parchment);background:none;font:var(--text-display) / 1 var(--font-display);color:var(--c-outline);cursor:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none}.ui-tab[aria-selected=true]{--piece: var(--kit-tab-active);color:var(--c-outline)}.ui-tab.iconic{padding:var(--gap-xs) var(--gap-sm)}.ui-tab.iconic:not([aria-selected=true]) .ui-text{display:none}.profile-pointer .ui-tab:hover:not([aria-selected=true]){--piece: var(--kit-tab-hover)}.ui-toasts{position:fixed;left:50%;top:calc(52 * var(--px));transform:translate(-50%);display:flex;flex-direction:column;gap:var(--gap-sm);align-items:center;z-index:50;pointer-events:none}.ui-toast{display:flex;align-items:center;gap:var(--gap);padding:var(--gap-sm) calc(var(--inset) - var(--slice) * var(--px));max-width:min(calc(100vw - 2 * var(--gap)),var(--toast-max, 100vw));pointer-events:auto;animation:ui-enter .12s steps(4,jump-end) both}.ui.leaving{animation:ui-leave 80ms steps(2,jump-end) both}.ui-toast:before{content:"";flex:none;align-self:stretch;width:var(--gap-sm);min-height:var(--line-body);background:var(--rule, transparent)}.ui-toast-critical{--rule: var(--c-hp-red)}.ui-toast-important{--rule: var(--c-xp-gold)}.ui-toast-social{--rule: var(--c-mp-blue)}.ui-toast-info{--rule: var(--c-steel)}.ui-list{list-style:none;margin:0;padding:0}.ui-list-row{display:flex;align-items:center;gap:var(--gap);min-height:var(--tap);padding:0 var(--gap-sm);border-bottom:var(--px) solid var(--row-line, var(--c-old-parchment))}.ui-frame-wood .ui-list-row,.ui-frame-dark .ui-list-row{--row-line: var(--c-shadow)}.ui-list-row[aria-selected=true]{background:var(--c-tan);color:var(--c-outline)}.profile-pointer .ui-list-row[tabindex]:hover:not([aria-selected=true]){background:var(--c-linen)}.profile-pointer :is(.ui-frame-wood,.ui-frame-dark) .ui-list-row[tabindex]:hover:not([aria-selected=true]){background:var(--c-oak)}.ui-frame-wood .ui-list-row[aria-selected=true],.ui-frame-dark .ui-list-row[aria-selected=true]{background:var(--c-dark-oak);color:var(--c-linen)}.ui-scroll{position:relative;display:flex;overflow:hidden;height:calc(var(--h) * var(--px))}.ui-scroll-view{flex:1;min-width:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.ui-scroll-view::-webkit-scrollbar{display:none}.ui-scroll-track{position:relative;flex:none;width:calc(8 * var(--px));--piece: var(--kit-scroll-track);--slice: var(--kit-scroll-track-slice);--fallback: var(--c-shadow)}.ui-scroll-thumb{position:absolute;left:0;width:100%;top:calc(var(--y) * var(--px));height:calc(var(--n) * var(--px));--piece: var(--kit-scroll-thumb);--slice: var(--kit-scroll-thumb-slice);--fallback: var(--c-oak)}@keyframes ui-enter{0%{translate:0 calc(-4 * var(--px))}}@keyframes ui-leave{to{translate:0 calc(-2 * var(--px))}}.ui-frame.titled>.ui-frame-body{animation:ui-enter .12s steps(4,jump-end) both;animation-delay:40ms}@media(prefers-reduced-motion:reduce){.ui-toast,.ui.leaving,.ui-frame.titled>.ui-frame-body{animation:none}}.hud{position:fixed;inset:0;display:grid;gap:var(--gap);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));pointer-events:none}.hud.demo{position:relative;height:100vh}.hud>*{pointer-events:auto}.hud>.hud-actions,.hud>.hud-town,.hud>.hud-bar,.hud>.hud-toolbar,.hud>.hud-side,.hud .hud-minimap,.hud .hud-fight{pointer-events:none}.hud-actions>*,.hud-town>*,.hud-bar>*,.hud-toolbar>*,.hud-side>*,.hud .hud-minimap>*,.hud .hud-fight>*{pointer-events:auto}.hud>:not(.ui-button){min-width:0;min-height:0}.hud-vitals{grid-area:vitals;justify-self:start;align-self:start}.hud-target{grid-area:target;justify-self:center;align-self:start}.hud-minimap{grid-area:minimap;justify-self:end;align-self:start}.hud-stick{grid-area:stick;align-self:end}.hud-actions{grid-area:actions;justify-self:end;align-self:end;transition:opacity .2s steps(4,jump-none)}.hud-town{grid-area:actions;justify-self:end;align-self:end;display:none}.hud-ticker{grid-area:ticker;align-self:end}.hud-bag{grid-area:bag;justify-self:end;align-self:end}.hud-side{grid-area:side;display:contents}.hud-bar{grid-area:bar;justify-self:center;align-self:end;display:none}.profile-touch .hud{grid-template:"vitals target minimap" auto "stick world actions" 1fr "stick ticker bag" auto / 40% 1fr auto}.profile-touch .left-handed .hud,.left-handed.profile-touch .hud{grid-template:"minimap target vitals" auto "actions world stick" 1fr "bag ticker stick" auto / auto 1fr 40%}.profile-pointer .hud{grid-template:"vitals target side tools" auto "world world world tools" 1fr "ticker ticker ticker tools" auto "bar bar bar tools" auto / auto 1fr auto auto}.profile-pointer .hud-stick,.profile-pointer .hud-actions,.profile-pointer .hud-town,.profile-pointer .hud-bag{display:none}.profile-pointer .hud-side{display:flex;flex-direction:column;align-items:center;gap:var(--gap);justify-self:end;align-self:start}.profile-pointer .hud-bar{display:flex;gap:var(--gap)}.profile-pointer .hud-ticker,.profile-pointer .hud-bar{justify-self:center}.profile-pointer #log{bottom:calc(2 * var(--gap) + 40 * var(--px))!important}.mode-explore .hud-actions{opacity:.6}.mode-town .hud-actions,.rotate-hint{display:none}@media(orientation:portrait){.profile-touch .rotate-hint{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:calc(var(--px) * 6);background:#0b0b0d;color:#ddd;text-align:center;touch-action:none}}