.key-legend{color:#fff;background:#140e249e;border-radius:10px;flex-direction:column;gap:3px;max-width:280px;padding:8px 10px;font-size:13px;font-weight:800;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.key-row{align-items:center;gap:8px;display:flex}.key-row kbd{text-align:center;min-width:58px;color:var(--ink);background:var(--cream);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:6px;flex:none;padding:1px 6px;font:800 12px/1.5 ui-monospace,Menlo,Consolas,monospace}.block-hp-stack{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:calc(50% + 26px);left:50%;transform:translate(-50%)}.block-hp-float{position:absolute;inset:0}.block-hp{color:#fff;text-shadow:1px 1px #000;white-space:nowrap;background:#140e249e;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:3px 8px 4px;font-size:13px;font-weight:900;display:flex}.block-hp.floating{position:absolute;top:0;left:0}.block-hp.attacked{border:2px solid #ff4d5e}.block-hp-track{background:#ffffff2e;border:1px solid #0009;border-radius:4px;width:92px;height:7px;overflow:hidden}.block-hp-track i{width:100%;height:100%;display:block}.block-hp-hint{color:#ffe58a;font-size:12px}.touch-hud{z-index:5;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}body.touch-mode,body.touch-mode .game,body.touch-mode .game-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}.touch-btn{min-width:72px;min-height:72px;font:inherit;color:#fff;touch-action:none;text-shadow:1px 1px #000;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#140e2461;border:3px solid #ffffff8c;border-radius:50%;padding:0 10px;font-size:17px;font-weight:900;position:relative}.touch-btn.down{background:#ffd23f8c;border-color:#fff}.touch-btn.on{border-color:var(--accent);background:#ffd23f66}.touch-right{right:calc(18px + env(safe-area-inset-right));bottom:calc(120px + env(safe-area-inset-bottom));pointer-events:none;width:330px;height:240px;position:absolute}.touch-right .touch-btn{pointer-events:auto;text-align:center;justify-content:center;align-items:center;line-height:1.05;display:flex;position:absolute}.touch-dig{border-color:#ffd23fbf;width:124px;height:124px;font-size:22px;bottom:14px;right:116px}.touch-jump{width:104px;height:104px;font-size:20px;bottom:0;right:0}.touch-use{width:88px;height:88px;bottom:116px;right:6px}.touch-interact{background:#3c8c2880;width:84px;height:84px;bottom:152px;right:106px}.touch-aim{width:76px;height:76px;bottom:152px;right:202px}.touch-sneak{width:72px;height:72px;font-size:15px;bottom:30px;right:254px}.touch-load{width:74px;height:74px;font-size:14px;bottom:112px;right:286px}.touch-reload{width:88px;height:88px;font-size:16px;bottom:116px;right:6px}.touch-brake{border-color:#ff5a46cc;width:104px;height:104px;font-size:20px;bottom:0;right:0}.touch-horn{width:72px;height:72px;font-size:15px;bottom:30px;right:254px}.touch-off{background:#3c8c2880;width:84px;height:84px;bottom:152px;right:106px}.touch-repair{background:#3c78c880;width:76px;height:76px;font-size:15px;bottom:30px;right:338px}.touch-aside{width:72px;height:72px;font-size:15px;bottom:116px;right:338px}.touch-hands{width:66px;height:66px;font-size:14px;bottom:214px;right:10px}.touch-top{left:calc(12px + env(safe-area-inset-left));top:calc(10px + env(safe-area-inset-top));pointer-events:none;gap:10px;display:flex;position:absolute}.touch-top .touch-btn{pointer-events:auto;border-radius:14px;min-width:72px;min-height:64px}.touch-stick{pointer-events:none;background:#ffffff1f;border:3px solid #ffffff73;border-radius:50%;width:150px;height:150px;margin:-75px 0 0 -75px;position:absolute}.touch-stick.idle{left:calc(130px + env(safe-area-inset-left));top:calc(100% - 170px - env(safe-area-inset-bottom));opacity:.55}.touch-stick.sprint{border-color:var(--accent)}.touch-knob{background:#ffffff80;border:3px solid #140e2480;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute;top:50%;left:50%}body.touch-mode .hud .hotbar{pointer-events:auto;z-index:6;touch-action:none;bottom:calc(10px + env(safe-area-inset-bottom));-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;gap:6px}body.touch-mode .hud .chat-input{z-index:6}body.touch-mode .hud .slot{width:68px;height:68px}body.touch-mode .hud .slot-icon{width:52px;height:52px}body.touch-mode .hud .vitals{width:min(460px,46vw);bottom:96px}body.touch-mode .hud.survival .chat-log{top:86px;bottom:auto;left:12px}body.touch-mode .hud .chat-log{top:86px;bottom:auto}body.touch-mode .hud .chat-input{top:86px;bottom:auto;transform:none}body.touch-mode .hud .need-hint{bottom:136px}body.touch-mode .hud .ammo{bottom:98px;left:auto;right:250px}body.touch-mode .hud .prompt,body.touch-mode .hud .key-legend{display:none}body.touch-mode .inventory .inv-panel{width:min(1180px,100%)}body.touch-mode .inv-grid{gap:6px}body.touch-mode .inv-slot{min-width:64px;min-height:64px}body.touch-mode .armor-slot{width:72px}body.touch-mode .inv-cursor{display:none}body.touch-mode .inv-actions button{min-height:64px;font-size:20px}.inv-close{font:inherit;border:3px solid var(--ink);background:var(--accent);color:var(--ink);cursor:pointer;border-radius:10px;padding:8px 18px;font-weight:900}body.touch-mode .craft-row{min-height:64px}body.touch-mode .palette-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}body.touch-mode .panel .btn{min-height:56px}body.touch-mode .keypad-key{min-height:64px}.compass{border:2px solid #140e24cc;border-radius:9px;width:360px;max-width:70vw;height:30px;position:absolute;top:6px;left:50%;transform:translate(-50%)}body.touch-mode .hud .compass{top:84px}body.touch-mode .hud .boss-bar{top:122px}.protect-count{color:#fff;text-shadow:1px 1px #000;white-space:nowrap;background:#286ec8bf;border:2px solid #9fd0ff;border-radius:10px;padding:4px 14px;font-size:17px;font-weight:900;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.map-screen{z-index:18;touch-action:none;-webkit-user-select:none;user-select:none;background:#1d2452;position:fixed;inset:0;overflow:hidden}.map-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.map-canvas:active{cursor:grabbing}.map-bar{background:#140e24b8;border-radius:12px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute;top:10px;left:12px}.map-title{color:#fff;margin-right:4px;font-size:20px;font-weight:900}.map-btn{min-width:40px}body.touch-mode .map-btn{min-width:64px;min-height:56px;font-size:18px}.map-legend{border:3px solid var(--ink);color:var(--ink);background:#fff8eceb;border-radius:12px;flex-direction:column;gap:2px;max-width:230px;padding:8px 12px;font-size:13px;font-weight:800;display:flex;position:absolute;bottom:12px;left:12px}.map-legend-title{font-size:15px}.map-legend-row{align-items:center;gap:6px;display:flex}.map-legend-row canvas{flex:none;width:22px;height:22px}.map-legend-hint{color:#6b6280;margin:4px 0 0;font-size:12px}.map-coords{color:#fff;background:#140e24b8;border-radius:9px;min-height:1.4em;padding:3px 12px;font:800 15px ui-monospace,Menlo,Consolas,monospace;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.map-coords:empty{display:none}.map-status{color:#fff;background:#140e24bf;border-radius:12px;padding:10px 18px;font-size:20px;font-weight:900;position:absolute;top:45%;left:50%;transform:translate(-50%)}.craft-row[data-key]:before{content:attr(data-key);text-align:center;color:#6b6280;flex:none;width:16px;font-size:13px;font-weight:900}.craft-row:focus-visible{outline-offset:1px;background:#ffe9a8;outline:3px solid #2f6fd6}.inv-slot:focus-visible{outline-offset:-2px;outline:3px solid #2f6fd6}.block-hp-latch{color:#ffe58a;align-items:center;gap:4px;font-size:13px;display:flex}.block-hp-latch canvas{width:22px;height:22px;image-rendering:pixelated}.whos-on{pointer-events:none;align-items:flex-end;gap:4px;max-width:70vw;display:flex;position:absolute;top:42px;left:50%;transform:translate(-50%)}.whos-head{width:24px;height:32px;position:relative}.whos-head canvas{width:24px;height:32px;image-rendering:pixelated;filter:drop-shadow(0 1px #000000b3)}.whos-head.dead canvas{filter:grayscale();opacity:.6}.whos-tag{color:#fff;white-space:nowrap;z-index:1;background:#140e24cc;border-radius:5px;padding:0 4px;font-size:11px;font-weight:800;line-height:14px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.whos-more{color:#fff;background:#140e249e;border-radius:8px;align-self:center;padding:1px 6px;font-size:12px;font-weight:900}.hud.whos-shown .boss-bar{top:80px}.hud.whos-shown .horde-left{top:126px}body.touch-mode .hud .whos-on{max-width:min(70vw,100vw - 24px);top:120px}body.touch-mode .hud.whos-shown .boss-bar{top:158px}body.touch-mode .hud.whos-shown .horde-left{top:204px}.horde-left{color:#ffd23f;text-shadow:1px 1px #000;white-space:nowrap;background:#140e249e;border:2px solid #ff8a3a;border-radius:12px;padding:4px 12px;font-size:14px;font-weight:900;position:absolute;top:96px;left:50%;transform:translate(-50%)}body.touch-mode .hud .horde-left{top:168px}html,body{overscroll-behavior:none}@supports (height:100dvh){html,body{height:100dvh}}.touch-rotate,.tt-rotate{z-index:60;color:#fff;text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;background:#140e24f0;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:24px;font-size:30px;font-weight:900;display:none;position:fixed;inset:0}.touch-rotate p,.tt-rotate p{margin:0}.touch-rotate-icon{border:7px solid #fff;border-radius:14px;width:78px;height:116px;animation:1.8s ease-in-out infinite turn-sideways}@keyframes turn-sideways{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation:portrait){body.touch-mode .touch-rotate,.tt-rotate{display:flex}.tt-panel{visibility:hidden}}.tt-overlay{z-index:21;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;padding:8px}.tt-panel{align-items:center;gap:8px;max-width:100%;padding:12px 16px;overflow:hidden}.tt-panel h2{margin:0;font-size:28px;line-height:1.2}.tt-frame{border:3px solid var(--ink);box-sizing:content-box;border-radius:12px;flex:none;position:relative;overflow:hidden}.tt-screen{transform-origin:0 0;pointer-events:none;background:linear-gradient(#8fc8ff 0,#bfe3ff 52%,#6fbf4a 52%,#5aa83a 60%,#8a5a2b 60%,#74471f 100%);position:absolute;top:0;left:0;overflow:hidden}.tt-screen *{pointer-events:none!important}.tt-zone{position:absolute;top:0;bottom:0}.tt-move{background:#ffffff29;border-right:5px dashed #fffc;width:33.333%;left:0}.tt-look{left:33.333%;right:0}.tt-cross{width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%}.tt-cross:before,.tt-cross:after{content:"";background:#fff;position:absolute;box-shadow:0 0 0 1px #00000080}.tt-cross:before{width:4px;height:34px;top:0;left:15px}.tt-cross:after{width:34px;height:4px;top:15px;left:0}.tt-screen .touch-btn{text-align:center;line-height:1.05;font-size:calc(var(--cap) * .78);background:#140e24a8;justify-content:center;align-items:center;display:flex}.tt-screen .touch-top .touch-btn{font-size:calc(var(--cap) * .72)}.tt-screen .touch-dig{font-size:calc(var(--cap) * .9)}.tt-hotbar{left:50%;bottom:calc(10px + env(safe-area-inset-bottom));background:#140e248c;border:3px solid #140e24cc;border-radius:10px;gap:6px;padding:4px;display:flex;position:absolute;transform:translate(-50%)}.tt-slot{background:#ffffff1f;border:2px solid #ffffff4d;border-radius:6px;width:68px;height:68px}.tt-cap{font-size:var(--cap);color:#fff;text-align:center;text-shadow:1px 1px #000;border:3px solid var(--accent);background:#140e24cc;border-radius:.5em;padding:.2em .5em;font-weight:900;line-height:1.15;position:absolute}.tt-cap-move{width:27%;top:38%;left:3%}.tt-cap-look{white-space:nowrap;top:22%;left:66.6%;transform:translate(-50%)}.tt-cap-hit{width:31%;top:calc(50% + 34px);left:50%;transform:translate(-50%)}.tt-cap-jump{right:calc(8px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));width:150px;font-size:calc(var(--cap) * .72)}.tt-cap-bar{left:50%;bottom:calc(100px + env(safe-area-inset-bottom));white-space:nowrap;transform:translate(-50%)}.tt-actions{align-items:center;gap:28px;display:flex}.tt-ok{min-width:200px;min-height:60px;font-size:26px}.tt-later{min-height:48px;font:inherit;color:#2f4fa0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0 8px;font-size:18px;font-weight:800;text-decoration:underline}