*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:#7ec8e3;font-family:Segoe UI,system-ui,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none}#game{display:block;width:100%;height:100%;touch-action:none}#game.is-camera{cursor:grab}#game.is-camera:active{cursor:grabbing}.hud-msg{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;z-index:2;max-width:min(420px,calc(100vw - 24px));margin:0;padding:0;transform:translate(-50%);font-size:13px;font-weight:700;text-align:center;color:#2b6b1d;pointer-events:none;opacity:0}.hud-msg.is-on{padding:8px 14px;background:#fff8e6f0;border:3px solid #2b1d12;border-radius:12px;box-shadow:3px 3px #2b1d12;opacity:1}@media(hover:hover)and (pointer:fine)and (min-width:901px){html,body{touch-action:auto;-webkit-user-select:auto;user-select:auto}}.inv{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;align-items:center;justify-content:center;background:#141c2459;touch-action:auto;-webkit-user-select:auto;user-select:auto}.inv.is-open{display:flex}.inv-panel{position:relative;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:44px 18px 14px;color:#1c140c;background:#e6d3a3;border:4px solid #2b1d12;box-shadow:inset 0 0 0 3px #f4e6c4,6px 6px #2b1d12}.inv-close{position:absolute;top:10px;right:10px;z-index:5;height:36px;padding:0 12px;font:800 13px/1 Segoe UI,sans-serif;color:#2b1d12;background:#f4e6c4;border:3px solid #2b1d12;box-shadow:2px 2px #2b1d12;cursor:pointer}.inv-footer-touch{display:block;margin:10px 6px 0;font-size:12px;color:#3a2a18}.inv-footer-desk{display:none}.inv-row{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:start;padding:10px 6px 12px}.inv-row+.inv-row{border-top:3px solid #2b1d12}.inv-equip{display:flex;flex-direction:column;align-items:center;gap:8px}.inv-label{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.inv-grid{display:grid;grid-template-columns:repeat(4,56px);grid-template-rows:repeat(2,56px);gap:8px;justify-content:start;padding-top:22px}.inv-slot{position:relative;width:56px;height:56px;padding:0;border:3px solid #2b1d12;background:#cbb57c;box-shadow:inset 2px 2px #f0e2b8,inset -2px -2px #9a8350;cursor:pointer}.inv-slot-hand{width:72px;height:72px;background:#d7c28a}.inv-slot.is-locked{background:#a89466;box-shadow:inset 0 0 0 1px #7d6a42;cursor:default;opacity:.55}.inv-slot.is-focused{box-shadow:inset 2px 2px #f0e2b8,0 0 0 3px #fff8e4}.inv-slot.is-held .inv-icon{opacity:.35}.inv-icon{display:grid;place-items:center;width:100%;height:100%}.inv-icon svg{width:72%;height:72%}.inv-qty{position:absolute;right:3px;bottom:1px;font-size:11px;font-weight:800;color:#1c140c;text-shadow:0 0 2px #f4e6c4}.inv-detail,.inv-msg{min-height:1.2em;margin:8px 6px 0;font-size:13px}.inv-detail{color:#3a2a18}.inv-msg{font-weight:700;color:#6b2b16;opacity:0}.inv-msg.is-on{opacity:1}.inv-footer{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin-top:10px;padding:10px 12px;font-size:12px;background:#d9c48f;border:3px solid #2b1d12}.inv-footer span{display:flex;gap:8px}.inv-footer kbd{min-width:42px;padding:1px 6px;font:700 11px/1.4 Segoe UI,sans-serif;text-align:center;background:#f4e6c4;border:2px solid #2b1d12}.inv-cursor,.inv-held{position:absolute;pointer-events:none;z-index:4}.inv-cursor{width:30px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23f4f0ea' stroke='%231c140c' stroke-width='1.6' d='M9 29V14.2c0-1.2.9-2.2 2-2.2h1.1V8.8c0-1.2.9-2.2 2-2.2s2 1 2 2.2V12h.8V7.4c0-1.2.9-2.2 2-2.2s2 1 2 2.2V12h.7V8.6c0-1.2.9-2.2 2-2.2s2 1 2 2.2V16l.8 1.2V12.8c0-1 .8-1.8 1.8-1.8s1.8.8 1.8 1.8V22c0 4.2-2.6 7-7.2 7H9z'/%3E%3C/svg%3E") center / contain no-repeat;filter:drop-shadow(1px 1px 0 #1c140c)}.inv-held{width:36px;height:36px}.inv-held svg{width:100%;height:100%;filter:drop-shadow(1px 1px 0 #1c140c)}@media(max-width:520px){.inv-row{grid-template-columns:72px 1fr;gap:10px}.inv-grid{grid-template-columns:repeat(4,minmax(44px,1fr));grid-template-rows:repeat(2,48px);gap:6px;padding-top:18px}.inv-slot{width:auto;height:48px}.inv-slot-hand{width:64px;height:64px}}@media(hover:hover)and (pointer:fine)and (min-width:901px){.inv-footer-desk{display:grid}.inv-footer-touch{display:none}}#mobile-controls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none}#mobile-controls.is-hidden{visibility:hidden}.pad-stick,.pad-actions,.pad-zoom{pointer-events:auto}.pad-stick{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:148px;height:148px;border-radius:50%;background:#2b1d1238;border:3px solid rgba(43,29,18,.55);box-shadow:inset 0 0 0 8px #fff8e61f}.pad-knob{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:#fff8e6eb;border:3px solid #2b1d12;box-shadow:3px 3px #2b1d12;will-change:transform}.pad-actions{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto auto;gap:8px;align-items:end;justify-items:end}.pad-side{display:flex;flex-direction:column;gap:8px;grid-column:1;grid-row:1 / 4}.pad-btn{display:grid;place-items:center;margin:0;padding:0 10px;color:#2b1d12;font:800 13px/1 Segoe UI,system-ui,sans-serif;letter-spacing:.02em;background:#fff8e6f0;border:3px solid #2b1d12;border-radius:18px;box-shadow:3px 3px #2b1d12;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pad-btn:active{transform:translate(1px,1px);box-shadow:2px 2px #2b1d12}.pad-btn-sm{min-width:64px;height:44px}.pad-btn-use{grid-column:2;grid-row:2 / 4;width:88px;height:88px;border-radius:50%;font-size:14px;background:#7ecf4a}.pad-zoom{display:none;position:absolute;left:max(12px,env(safe-area-inset-left));bottom:calc(178px + env(safe-area-inset-bottom,0px));flex-direction:row;gap:8px}#mobile-controls.is-camera .pad-zoom{display:flex}.pad-btn-zoom{width:44px;height:44px;border-radius:12px;font-size:22px}@media(hover:hover)and (pointer:fine)and (min-width:901px){#mobile-controls{display:none}}@media(orientation:landscape)and (max-height:520px){.pad-stick{width:112px;height:112px;bottom:max(10px,env(safe-area-inset-bottom))}.pad-knob{width:48px;height:48px;margin:-24px 0 0 -24px}.pad-actions{bottom:max(10px,env(safe-area-inset-bottom))}.pad-btn-use{width:68px;height:68px;font-size:12px}.pad-btn-sm{min-width:56px;height:38px}.pad-zoom{bottom:calc(132px + env(safe-area-inset-bottom,0px))}}@media(max-width:420px){.pad-stick{width:128px;height:128px}.pad-knob{width:54px;height:54px;margin:-27px 0 0 -27px}.pad-btn-use{width:76px;height:76px}}