@font-face{font-family:Kenney Mini;src:url(/assets/fonts/kenney-mini.ttf)format("truetype");font-display:block}@font-face{font-family:Kenney Pixel;src:url(/assets/fonts/kenney-pixel.ttf)format("truetype");font-display:block}:root{--ink:#f1e6d2;--muted:#b3a79c;--dim:#7d7070;--bg:#1b1720;--panel:#2c2431ee;--edge:#4a3c4c;--edge-hi:#6d5a6b;--red:#c53f47;--green:#7fb069;--amber:#e0a94a;--blue:#6c9fc9;--slot:54px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none;margin:0;font-family:Kenney Mini,ui-monospace,monospace;font-size:16px;overflow:hidden}#game{cursor:crosshair;position:fixed;inset:0}img,canvas{image-rendering:pixelated}[hidden]{display:none!important}.muted{color:var(--muted)}a{color:var(--amber)}.panel{background:var(--panel);border:3px solid var(--edge);padding:18px 20px;box-shadow:0 0 0 3px #120e14,0 8px 24px #0008}.btn{font:inherit;color:var(--ink);border:3px solid var(--edge-hi);cursor:pointer;background:#3b3040;border-bottom-color:#1f1922;border-right-color:#1f1922;padding:8px 14px}.btn:hover{background:#4a3d50}.btn:active{border-color:#1f1922 var(--edge-hi) var(--edge-hi) #1f1922}.btn.primary{background:var(--red);border-color:#e0747a #7a2229 #7a2229 #e0747a}.btn.primary:hover{background:#d24c54}.btn.small{padding:4px 10px;font-size:13px}input,select{font:inherit;color:var(--ink);border:3px solid var(--edge);background:#19141c;outline:none;padding:8px 10px}input:focus,select:focus{border-color:var(--amber)}.screen{z-index:20;background:radial-gradient(#1b172088,#0c090dee);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.menu-panel{flex-direction:column;gap:12px;width:min(460px,100%);max-height:100%;display:flex;overflow:auto}h1{color:var(--red);text-shadow:3px 3px #120e14,0 0 18px #c53f4755;letter-spacing:2px;margin:0;font-family:Kenney Pixel,monospace;font-size:64px;line-height:.9}h2{color:var(--red);margin:0 0 8px;font-family:Kenney Pixel,monospace;font-size:44px}.tagline{color:var(--muted);margin:0}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.menu-row{gap:8px;display:flex}.menu-row .btn{flex:1}.rooms{flex-direction:column;gap:4px;display:flex}.rooms button{text-align:left;justify-content:space-between;display:flex}.help{color:var(--muted);font-size:13px}.help summary{cursor:pointer;color:var(--ink)}.help ul{padding-left:18px;line-height:1.5}.help b{color:var(--amber);font-weight:400}.credits{margin:0;font-size:12px}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#hud .window,#hud #hotbar,#hud #chat-input,#hud .grid,#hud button{pointer-events:auto}#bars{flex-direction:column;gap:5px;width:190px;display:flex;position:absolute;top:12px;left:12px}.bar{height:18px;box-shadow:inset 0 0 0 1px var(--edge);background:#140f16cc;border:2px solid #120e14;position:relative}.bar i{transform-origin:0;width:calc(100% - 4px);transition:transform .15s linear;position:absolute;inset:2px auto 2px 2px}.bar span{text-shadow:1px 1px #000;padding-left:6px;font-size:12px;line-height:14px;position:relative}.bar.hp i{background:linear-gradient(#e0606a,#a8323a)}.bar.food i{background:linear-gradient(#e7b86a,#b8802f)}.bar.stamina i{background:linear-gradient(#8fc6e8,#4f86b0)}#status{flex-wrap:wrap;gap:6px;font-size:12px;display:flex}#status span{background:#140f16cc;border:2px solid #120e14;padding:2px 6px}#status .bad{color:#ff8a8a}#clock{text-align:right;text-shadow:2px 2px #000;font-size:15px;position:absolute;top:12px;right:12px}#clock small{color:var(--muted);font-size:12px;display:block}#feed{flex-direction:column;align-items:flex-end;gap:3px;width:min(360px,60vw);font-size:13px;display:flex;position:absolute;top:64px;right:12px}#feed div{background:#140f16bb;padding:3px 8px;animation:9s forwards fade}#toasts{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%)}#toasts div{color:var(--amber);text-shadow:2px 2px #000;font-size:18px;animation:3.5s forwards fade}@keyframes fade{0%,75%{opacity:1}to{opacity:0}}#hotbar{gap:4px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.slot{width:var(--slot);height:var(--slot);image-rendering:pixelated;cursor:pointer;background:url(/assets/art/UI/Inventory/Inventory-Cell.png) 50%/100% 100% no-repeat;place-items:center;display:grid;position:relative}.slot.active{filter:drop-shadow(0 0 4px #e0a94a);background-image:url(/assets/art/UI/Inventory/Inventory-Chosen.png)}.slot img{object-fit:contain;pointer-events:none;width:36px;height:36px}.slot .n{text-shadow:1px 1px #000;pointer-events:none;font-size:12px;position:absolute;bottom:3px;right:5px}.slot .key{color:var(--muted);pointer-events:none;font-size:11px;position:absolute;top:2px;left:5px}.slot.drag-over{outline:2px dashed var(--amber)}#ammo{left:50%;bottom:calc(var(--slot) + 20px);text-shadow:2px 2px #000;font-size:15px;position:absolute;transform:translate(-50%)}#prompt{background:#140f16cc;border:2px solid #120e14;padding:3px 8px;font-size:14px;position:absolute;top:60%;left:50%;transform:translate(-50%)}#prompt:empty{display:none}#prompt b{color:var(--amber);font-weight:400}#chat{flex-direction:column;gap:4px;width:min(380px,40vw);display:flex;position:absolute;bottom:12px;left:12px}#chat-log{flex-direction:column;justify-content:flex-end;gap:2px;max-height:30vh;font-size:13px;display:flex;overflow:hidden}#chat-log div{overflow-wrap:anywhere;background:#140f16aa;padding:2px 6px;animation:20s forwards fade}#chat-log b{color:var(--amber);font-weight:400}#chat-input{padding:6px 8px;font-size:14px}#net{color:var(--dim);font-size:11px;position:absolute;bottom:12px;right:12px}.window{max-height:calc(100% - 140px);padding:10px 12px 12px;position:absolute;top:50%;overflow:auto;transform:translateY(-50%)}.window header{margin:2px 0 8px;font-size:15px}.window header small{color:var(--dim);font-size:11px;display:block}#inventory{left:max(12px,50% - 440px)}#container{right:max(12px,50% - 440px)}.grid{grid-template-columns:repeat(5, var(--slot));gap:3px;margin-bottom:10px;display:grid}#container .grid{grid-template-columns:repeat(4, var(--slot))}#recipes{flex-direction:column;gap:4px;display:flex}.recipe{text-align:left;align-items:center;gap:6px;width:100%;font-size:12px;display:flex}.recipe img{object-fit:contain;width:22px;height:22px}.recipe:disabled{opacity:.45;cursor:default}#tooltip{z-index:30;border:2px solid var(--edge-hi);pointer-events:none;background:#140f16f0;max-width:240px;padding:6px 8px;font-size:12px;position:fixed}#tooltip b{color:var(--amber);margin-bottom:2px;font-size:14px;font-weight:400;display:block}#death .panel,#error .panel{text-align:center;max-width:420px}@media (width<=720px){:root{--slot:44px}.slot img{width:28px;height:28px}#bars{width:140px}#chat{display:none}.window{top:8px;transform:none;left:8px!important;right:8px!important}}