@font-face{font-family:ProximaNova;src:url(/ProximaNova.woff) format("woff");font-display:swap}:root{font-family:ProximaNova,Arial,sans-serif;color:#fff;background:#171b20;font-synthesis:none;--slot-bg:rgba(2,2,2,.4);--accent:#d6b488}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%}body{overflow:hidden;-webkit-user-select:none;user-select:none}button,input{font:inherit;color:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.inventory{--u:1vh;--w:1vw;position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;font-size:calc(1.2 * var(--u));text-align:center}.player-panel,.stash-panel{position:absolute;top:calc(7 * var(--u));height:calc(82 * var(--u));width:calc(50 * var(--u))}.player-panel{left:calc(33.3 * var(--w) - 50 * var(--u))}.stash-panel{left:calc(66.6 * var(--w))}header{height:calc(6.1 * var(--u));padding:calc(.2 * var(--w));display:flex;align-items:flex-start;justify-content:space-between;padding-top:calc(.8 * var(--u))}header>span:first-child{padding-top:calc(1 * var(--u))}.tabs,.header-right{display:flex;align-items:center;gap:calc(.5 * var(--w))}.tabs button,.header-right button{display:flex;align-items:center;justify-content:center;padding:calc(.6 * var(--u));width:calc(3.5 * var(--u));height:calc(3.5 * var(--u));border-radius:10%;background:var(--slot-bg);border:calc(.15 * var(--u)) solid transparent}.tabs button.active{border-color:var(--accent);background:#50311580}.tabs img,.header-right img{width:100%;height:100%;object-fit:contain}.tabs button:disabled img,.header-right button:disabled img{opacity:.9}.weight{display:flex;align-items:center;justify-content:center;width:calc(3.5 * var(--u));height:calc(3.5 * var(--u));border:calc(.25 * var(--u)) solid #101418;border-radius:50%;background:#14191d}.weight img{width:45%;height:45%}.player-panel .weight{border-left-color:#358e75}.grid{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:calc(9.1 * var(--u));gap:calc(.3 * var(--w));width:100%;max-height:calc(75.9 * var(--u));overflow-y:auto;scrollbar-gutter:stable;padding:calc(.15 * var(--w));scrollbar-width:thin;scrollbar-color:#414952 transparent}.grid::-webkit-scrollbar{width:10px}.grid::-webkit-scrollbar-thumb{background:#414952}.slot{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--slot-bg);border-radius:calc(.1 * var(--w));padding:0;outline:none}.slot[draggable=true]{cursor:grab}.slot:hover{transform:scale(1.03)}.slot.selected{box-shadow:inset 0 0 0 2px var(--accent)}.slot.quick:after{content:"";position:absolute;top:0;left:0;width:100%;height:calc(.15 * var(--w));background:var(--accent)}.item-image{width:100%;height:100%;padding:20%;object-fit:contain;transform:translateY(-3px);pointer-events:none}.item-name{position:absolute;bottom:0;left:0;width:100%;background:var(--slot-bg);font-size:calc(.8 * var(--u));line-height:1.1;padding:calc(.1 * var(--u)) 0;pointer-events:none}.amount{position:absolute;left:5%;top:5%;font-size:calc(1 * var(--u));pointer-events:none}.quick-number{position:absolute;right:0;top:0;width:3.5ch;height:3.5ch;background:var(--accent);font-size:calc(.88 * var(--u));border-radius:0 0 0 15%;display:flex;align-items:center;justify-content:center;pointer-events:none}.clothing-panel{position:absolute;left:calc(35.6 * var(--w));top:calc(11.5 * var(--u));height:calc(77.5 * var(--u));width:calc(23.7 * var(--w) + 9 * var(--u));display:flex;justify-content:space-between}.cloth-column{width:calc(9 * var(--u));display:grid;grid-template-rows:repeat(8,calc(9 * var(--u)));align-content:space-between;flex-shrink:0}.placeholder{width:50%;height:50%;opacity:.4;pointer-events:none}.middle{position:relative;flex:1;margin:0 calc(1 * var(--w))}.need{position:absolute;bottom:calc(2 * var(--u));width:calc(3 * var(--u));height:calc(3 * var(--u));border:calc(.3 * var(--u)) solid;border-radius:50%;padding:calc(.5 * var(--u))}.need img{width:100%;height:100%;object-fit:contain}.need.food{left:calc(.5 * var(--w));border-color:#c96e06}.need.water{right:calc(.5 * var(--w));border-color:#63bad4}footer{position:absolute;left:0;right:0;bottom:calc(1.4 * var(--u));display:flex;align-items:center;flex-direction:column;gap:calc(.4 * var(--u))}.quantity{position:relative;width:calc(10 * var(--u));height:calc(3.8 * var(--u));background:var(--slot-bg);border-radius:calc(.2 * var(--w));font-size:calc(2 * var(--u))}.quantity input{width:100%;height:100%;background:none;border:0;text-align:center;padding:0 20%;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.quantity input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.quantity button{position:absolute;z-index:1;top:0;height:100%;background:none;padding:0}.quantity button:first-child{left:0}.quantity button:last-child{right:0}.craft{width:calc(3.8 * var(--u));height:calc(3.8 * var(--u));background:var(--slot-bg);font-size:calc(2 * var(--u))}.tooltip,.context{position:fixed;z-index:50;width:255px;background:#0f0f0ff0;border:1px solid #ffffff12;border-radius:4px;padding:12px;font:13px/1.4 ProximaNova,Arial,sans-serif;box-shadow:0 8px 24px #0005;text-align:left}.tooltip{pointer-events:none}.tooltip p{margin:5px 0;color:#c1c2c5;overflow-wrap:anywhere}.context{width:240px;display:flex;flex-direction:column;gap:3px}.context button{padding:9px;text-align:left;background:transparent;font-size:12px}.context button:hover:not(:disabled){background:#ffffff12}.context button:disabled{color:#ffffff59}#demo-controls{position:fixed;right:18px;bottom:16px;z-index:100;display:flex;flex-direction:column;gap:7px;padding:13px 16px;max-width:calc(100vw - 68px);background:#101318ed;border:1px solid #3a414d;border-radius:8px;color:#e8edf5;font:13px/1.4 system-ui,sans-serif;box-shadow:0 8px 28px #0005}#demo-controls strong{font-size:15px}#demo-controls span,#demo-controls small{color:#aab7c7}#demo-controls div{display:flex;gap:7px;flex-wrap:wrap}#demo-controls button{border:1px solid #49586b;border-radius:4px;background:#263446;padding:7px 11px;color:#f1f5f9}#demo-controls button:hover{background:#354962}@media(max-width:900px){body{overflow:auto}.inventory{--u:5.4px;--w:9.6px;width:960px;height:540px}#app{min-width:960px;min-height:700px}#demo-controls{right:8px;bottom:8px;font-size:11px;padding:9px;max-width:calc(100vw - 34px)}.tooltip,.context{max-width:calc(100vw - 20px)}}