html,body{margin:0;height:100%;background:#05070a;overflow:hidden}canvas#view{display:block;image-rendering:pixelated}:root{--px: 3;--ink: #120e18;--ink-soft: #6b4a2c;--brass: #d9a948;--brass-hi: #fbe7a4;--brass-lo: #6b4512;--leather: #3a2416;--leather-dk: #1c0f07;--parch: #ead3a0;--ease-pop: cubic-bezier(.2, .9, .25, 1.12);--ease-out: cubic-bezier(.2, .8, .2, 1);--serif: Georgia, "Times New Roman", serif}#ui{position:fixed;inset:0;pointer-events:none;user-select:none;-webkit-user-select:none;font:0/0 a;color:transparent}#ui canvas.px,#ui canvas.icon,.px{image-rendering:pixelated;display:block}#ui .kit-bg{position:absolute;left:0;top:0;z-index:-1;pointer-events:none}.hud{position:absolute;top:10px;left:10px;z-index:12;pointer-events:auto;isolation:isolate;--px: 2}.hud.hidden{display:none}.hud-head{position:relative;cursor:pointer}.hud-body{position:relative;overflow:hidden auto;max-height:calc(100vh - 70px);scrollbar-width:none}.hud.collapsed .hud-body{display:none}.hud .grid2{display:grid;grid-template-columns:repeat(2,calc(var(--px) * 66px));gap:calc(var(--px) * 1px)}.hud button.kbtn{display:block;padding:0;margin:0;border:0;background:none;cursor:pointer}.hud .row{display:flex;align-items:center;gap:calc(var(--px) * 2px);margin:calc(var(--px) * 3px) 0}.hud .sect{margin:calc(var(--px) * 4px) 0 calc(var(--px) * 2px)}.hud .help{margin-top:calc(var(--px) * 4px)}.hud input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:calc(var(--px) * 7px);margin:0;background:transparent;cursor:pointer}.hud input[type=range]::-webkit-slider-runnable-track{height:calc(var(--px) * 3px);background:#22140e;border:calc(var(--px) * 1px) solid #120e18}.hud input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:calc(var(--px) * 5px);height:calc(var(--px) * 7px);margin-top:calc(var(--px) * -3px);background:#a06a3c;border:calc(var(--px) * 1px) solid #120e18;box-shadow:inset calc(var(--px) * 1px) calc(var(--px) * 1px) 0 #c79257,inset calc(var(--px) * -1px) calc(var(--px) * -1px) 0 #5a3622}.hud input[type=range]::-moz-range-track{height:calc(var(--px) * 3px);background:#22140e;border:calc(var(--px) * 1px) solid #120e18}.hud input[type=range]::-moz-range-thumb{width:calc(var(--px) * 5px);height:calc(var(--px) * 7px);border-radius:0;background:#a06a3c;border:calc(var(--px) * 1px) solid #120e18}.banner{position:absolute;top:14%;left:0;opacity:0;z-index:15}.banner.show{animation:banner 3.2s steps(40) forwards}@keyframes banner{0%{opacity:1;clip-path:inset(0 50% 0 50%)}10%{opacity:1;clip-path:inset(0 0 0 0)}80%{opacity:1;clip-path:inset(0 0 0 0)}to{opacity:0;clip-path:inset(0 0 0 0)}}.cbanner{position:absolute;left:0;top:0;z-index:15}.toasts{position:absolute;right:calc(var(--px) * 4px);bottom:calc(var(--px) * 4px);display:flex;flex-direction:column;gap:calc(var(--px) * 3px);align-items:flex-end}.toast{animation:toastIn .3s steps(4);transition:opacity .6s steps(4)}.toast.out{opacity:0}@keyframes toastIn{0%{opacity:0;transform:translateY(calc(var(--px) * 8px))}}.float{position:absolute;z-index:30;animation:floatUp .9s steps(12) forwards}.float>canvas{margin-left:var(--fx, 0)}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(calc(var(--px) * -12px))}}.map,#ui canvas.px.map{position:absolute;display:none;z-index:21}.map.show,#ui canvas.px.map.show{display:block;pointer-events:auto}.slot{position:absolute;box-sizing:border-box;cursor:pointer;touch-action:none}.slot.empty{cursor:default}.slot.pulse{animation:pulse .24s steps(3)}@keyframes pulse{40%{transform:translateY(calc(var(--px) * 1px))}}.tooltip{position:absolute;z-index:40;opacity:0;pointer-events:none}.tooltip.show{opacity:1}.drag-ghost{position:absolute;z-index:50;pointer-events:none;opacity:.9}.hotbar{position:absolute;bottom:calc(var(--px) * 4px);z-index:10;pointer-events:auto}.hotbar>canvas{position:absolute}.panel{position:absolute;z-index:20;opacity:0;visibility:hidden;transform:translateY(calc(var(--px) * 3px));transition:opacity .12s,transform .12s steps(3),visibility 0s .12s}.panel.open{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .12s,transform .12s steps(3),visibility 0s}.panel>.panel-bg{position:absolute;left:0;top:0}.panel-body{position:absolute;inset:0}.panel .close{position:absolute;z-index:4;cursor:pointer}.panel .grid{position:absolute}.panel.bag.open .bslot{animation:popIn .2s steps(3) backwards;animation-delay:calc(.04s + var(--i) * .02s)}@keyframes popIn{0%{opacity:0}}.panel.book canvas.book-c{cursor:pointer}.world-clock{position:absolute;top:calc(var(--px) * 4px);right:calc(var(--px) * 4px);image-rendering:pixelated;pointer-events:none}.leather{background:var(--tex-grain),radial-gradient(ellipse at 50% 30%,#8c5a3759,#0000 70%),var(--tex-leather),var(--leather);background-size:128px,100% 100%,256px,auto}.page{background:radial-gradient(ellipse at 50% 45%,#fff8e18c,#fff8e100 70%),var(--tex-parch),var(--parch);background-size:100% 100%,256px,auto;box-shadow:inset 0 0 26px #78461480,inset 0 0 3px #5a320f99,0 3px 6px #0000008c;border-radius:5px;color:var(--ink)}