html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#10261a;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#game{position:fixed;inset:0}#game canvas{display:block;image-rendering:pixelated}.safe-area-probe{position:fixed;top:0;left:0;width:0;height:0;visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}#fullscreen-btn{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);z-index:10;width:44px;height:44px;display:grid;place-items:center;padding:0;border:2px solid rgba(255,255,255,.55);border-radius:10px;background:#00000059;color:#fff;cursor:pointer;touch-action:manipulation}#fullscreen-btn[hidden]{display:none}#fullscreen-btn:active{background:#0009}#fullscreen-btn:focus-visible{outline:3px solid #ffe066;outline-offset:2px}#fullscreen-btn svg{width:22px;height:22px}#fullscreen-btn .icon-exit,#fullscreen-btn.is-active .icon-enter{display:none}#fullscreen-btn.is-active .icon-exit{display:block}#fullscreen-toast{position:fixed;top:calc(env(safe-area-inset-top,0px) + 62px);right:calc(env(safe-area-inset-right,0px) + 10px);z-index:10;max-width:min(280px,calc(100% - 20px));box-sizing:border-box;padding:6px 10px;border-radius:8px;background:#000000b3;color:#fff;font:14px/1.3 system-ui,sans-serif;pointer-events:none}#fullscreen-toast[hidden]{display:none}#action-btn{position:fixed;right:calc(env(safe-area-inset-right,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 24px);z-index:10;min-width:64px;height:64px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:6px;border:3px solid #ffe066;border-radius:32px;background:#1a1420c7;color:#fff;font:700 16px/1 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}#action-btn[hidden]{display:none}#action-btn:active{background:#1a1420f2;transform:scale(.96)}#action-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}#action-btn .key-hint{min-width:18px;padding:2px 4px;border:1px solid rgba(255,255,255,.6);border-radius:4px;font-size:12px;text-align:center}@media(pointer:coarse){#action-btn .key-hint{display:none}}#dialogue{position:fixed;left:calc(env(safe-area-inset-left,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);bottom:calc(env(safe-area-inset-bottom,0px) + 100px);z-index:9;max-width:640px;margin:0 auto;box-sizing:border-box;padding:10px 14px 18px;border:3px solid #f1ede2;border-radius:8px;background:#1a1430eb;color:#fff;font:17px/1.4 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}#dialogue[hidden]{display:none}#dialogue p{margin:0}#dialogue #dialogue-speaker{margin-bottom:4px;color:#ffe066;font-weight:700;font-size:15px}#dialogue-more{position:absolute;right:10px;bottom:4px;font-size:12px;animation:dialogue-blink 1s steps(2,start) infinite}@keyframes dialogue-blink{to{visibility:hidden}}@media(orientation:landscape){#dialogue{right:calc(env(safe-area-inset-right,0px) + 136px);bottom:calc(env(safe-area-inset-bottom,0px) + 16px);font-size:16px}}#quest-tracker{position:fixed;top:calc(env(safe-area-inset-top,0px) + 40px);left:calc(env(safe-area-inset-left,0px) + 10px);z-index:8;max-width:min(300px,calc(100% - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 188px));box-sizing:border-box;padding:6px 10px;border-left:3px solid #ffe066;border-radius:6px;background:#1a1420b8;color:#fff;font:14px/1.3 system-ui,sans-serif;pointer-events:none}#quest-tracker[hidden]{display:none}#quest-tracker p{margin:0}#quest-tracker #quest-title{color:#ffe066;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}#quest-tracker.is-done{border-left-color:#7ee07a}#quest-tracker.is-done #quest-objective:before{content:"✓ ";color:#7ee07a;font-weight:700}#menu-btn{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 62px);z-index:10;width:44px;height:44px;display:grid;place-items:center;padding:0;border:2px solid rgba(255,255,255,.55);border-radius:10px;background:#00000059;color:#fff;cursor:pointer;touch-action:manipulation}#menu-btn:active{background:#0009}#menu-btn:focus-visible,#inventory-btn:focus-visible,.menu-action:focus-visible{outline:3px solid #ffe066;outline-offset:2px}#menu-btn svg{width:22px;height:22px}#menu-panel{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:#08060e99;touch-action:manipulation}#menu-panel[hidden],#menu-panel [hidden]{display:none}.menu-card{width:min(340px,calc(100% - 32px));box-sizing:border-box;padding:16px;border:3px solid #f1ede2;border-radius:10px;background:#1a1430f7;color:#fff;font:16px/1.4 system-ui,sans-serif}.menu-card>div{display:grid;gap:10px}.menu-card p{margin:0}.menu-title{color:#ffe066;font-weight:700;font-size:17px}.menu-note{font-size:14px;color:#ffffffd9}.menu-note.is-off{color:#ffb3a8}.menu-action{min-height:48px;padding:0 14px;border:2px solid rgba(255,255,255,.55);border-radius:8px;background:#ffffff14;color:#fff;font:600 16px/1 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}.menu-action.is-primary{border-color:#ffe066}.menu-action.is-danger{border-color:#ff7a6b;background:#d83a3a59}.menu-action:active{transform:scale(.98)}#save-notice{position:fixed;top:calc(env(safe-area-inset-top,0px) + 62px);right:calc(env(safe-area-inset-right,0px) + 10px);z-index:10;max-width:min(280px,calc(100% - 20px));box-sizing:border-box;padding:6px 10px;border-radius:8px;background:#000000b3;color:#fff;font:14px/1.3 system-ui,sans-serif;pointer-events:none}#save-notice[hidden]{display:none}#inventory-btn{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 114px);z-index:10;width:44px;height:44px;display:grid;place-items:center;padding:0;border:2px solid rgba(255,255,255,.55);border-radius:10px;background:#00000059;color:#ffe066;cursor:pointer;touch-action:manipulation}#inventory-btn[hidden]{display:none}#inventory-btn:active{background:#0009}#inventory-btn svg{width:24px;height:24px}#inventory-panel{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:#08060e99;touch-action:manipulation}#inventory-panel[hidden],#inventory-panel [hidden]{display:none}.inventory-card{display:flex;flex-direction:column;gap:10px;max-height:calc(100% - 32px)}.inventory-card>*{flex:none}#inventory-list{margin:0;padding:0;list-style:none;display:grid;gap:6px;max-height:50vh;flex:0 1 auto;min-height:0;overflow-y:auto;touch-action:pan-y}.inventory-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 12px;border:2px solid rgba(255,255,255,.25);border-radius:6px;background:#ffffff0f;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}.inventory-row:focus-visible{outline:3px solid #ffe066;outline-offset:2px}.inventory-row.is-selected{border-color:#ffe066;background:#ffe0662e;box-shadow:inset 0 0 0 1px #ffe066}.inventory-row.is-selected .inventory-name:before{content:"▶ ";color:#ffe066}.inventory-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-action:disabled{opacity:.45;cursor:default}.menu-action:disabled:active{transform:none}#inventory-message{color:#fff}.inventory-name{overflow-wrap:anywhere}.inventory-quantity{flex:none;color:#ffe066;font-weight:700;font-variant-numeric:tabular-nums}#inventory-list li.is-quest .inventory-row:not(.is-selected){border-color:#ffe06699}#inventory-list li.is-equipped .inventory-row:not(.is-selected){border-color:#ff9d8acc}#inventory-list li.is-equipped .inventory-tag{background:#ff9d8a33;color:#ff9d8a}.inventory-tag{padding:1px 6px;border-radius:4px;background:#ffe06633;color:#ffe066;font-size:12px;font-weight:700;white-space:nowrap}#health-bar{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);left:calc(env(safe-area-inset-left,0px) + 10px);z-index:8;display:flex;gap:3px;padding:3px 6px;border-radius:6px;background:#1a142099;pointer-events:none}#health-bar[hidden]{display:none}#health-bar .heart{display:block;width:20px;height:18px}#health-bar svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(1px 0 0 #1a1420) drop-shadow(-1px 0 0 #1a1420) drop-shadow(0 1px 0 #1a1420) drop-shadow(0 -1px 0 #1a1420)}#health-bar path{fill:#4a3440}#health-bar .is-full path,#health-bar .is-half .heart-left{fill:#e8443a}#health-bar.is-hurt{animation:health-hurt .35s ease-out}@keyframes health-hurt{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){#health-bar.is-hurt{animation:none}}#test-damage-btn{position:fixed;top:calc(env(safe-area-inset-top,0px) + 62px);right:calc(env(safe-area-inset-right,0px) + 10px);z-index:9;min-width:44px;height:44px;padding:0 10px;border:2px dashed #ff9d8a;border-radius:10px;background:#3c0a0ab3;color:#fff;font:700 14px/1 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}#test-damage-btn[hidden]{display:none}#attack-btn{position:fixed;right:calc(env(safe-area-inset-right,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 102px);z-index:10;width:64px;height:64px;display:grid;place-items:center;padding:0;border:3px solid #ff9d8a;border-radius:50%;background:#1a1420c7;color:#e8f2ff;cursor:pointer;touch-action:none}#attack-btn[hidden]{display:none}#attack-btn:active{background:#1a1420f2;transform:scale(.94)}#attack-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}#attack-btn svg{width:30px;height:30px}#attack-btn .key-hint{position:absolute;right:-2px;bottom:-2px;min-width:14px;padding:1px 3px;border:1px solid rgba(255,255,255,.6);border-radius:4px;background:#1a1420f2;color:#fff;font:700 11px/1.2 system-ui,sans-serif;text-align:center}@media(pointer:coarse){#attack-btn .key-hint{display:none}}#attack-weapon{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);max-width:120px;padding:3px 8px;border:1px solid rgba(255,157,138,.7);border-radius:6px;background:#1a1420c7;color:#fff;font:700 12px/1.2 system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}