*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:system-ui,-apple-system,sans-serif;background:#0b0e14}#app{position:fixed;inset:0}#app canvas{display:block}#app .hidden,.touch-only{display:none}body.touch-mode .touch-only{display:block}body.touch-mode .desktop-only{display:none}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b0e14a6;cursor:pointer;z-index:10}#overlay-panel{text-align:center;color:#eef2f7;padding:1.75rem 2.5rem;border-radius:12px;background:#0b0e14cc;border:1px solid rgba(238,242,247,.15);max-width:min(560px,calc(100vw - 2rem))}#overlay-panel h1{margin:0 0 .5rem;font-size:1.75rem}#overlay-panel p{margin:.25rem 0}.controls-hint{font-size:.85rem;color:#9aa7b8}.controls-hint kbd{display:inline-block;padding:.1em .4em;margin:0 .1em;border:1px solid #9aa7b8;border-radius:4px;font-family:inherit;font-size:.9em}#overlay-buttons{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}#help-btn,#reset-world-btn{font:inherit;font-size:.85rem;color:#9aa7b8;padding:.35rem 1rem;border-radius:8px;border:1px solid rgba(154,167,184,.4);background:transparent;cursor:pointer}#help-btn:hover,#reset-world-btn:hover{color:#eef2f7;border-color:#eef2f780}#reset-world-btn.armed{color:#eef2f7;border-color:#e04b3a;background:#e04b3a59}.panel-close-btn{float:right;font:inherit;font-size:.9rem;line-height:1;color:#9aa7b8;padding:.3rem .55rem;margin-left:1rem;border-radius:6px;border:1px solid rgba(154,167,184,.4);background:transparent;cursor:pointer}.panel-close-btn:hover{color:#eef2f7;border-color:#eef2f780}#hotbar{position:absolute;bottom:calc(.75rem + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:4px;padding:4px;border-radius:8px;background:#0b0e148c;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:5}body.touch-mode #hotbar{pointer-events:auto;touch-action:none}.slot{position:relative;width:46px;height:46px;border:2px solid rgba(238,242,247,.25);border-radius:6px;background:#0b0e1473}.slot.selected{border-color:#eef2f7;background:#eef2f71f}.slot.pending{border-color:#f5c542}.slot-icon{position:absolute;inset:7px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;line-height:1}.slot-count{position:absolute;right:3px;bottom:1px;color:#eef2f7;font-size:.72rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.9)}.slot-durability{position:absolute;left:4px;bottom:3px;height:3px;max-width:calc(100% - 8px);border-radius:2px;display:none}#health-bar{position:absolute;bottom:calc(4.25rem + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:2px;font-size:1.15rem;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:5;color:#e04b3a;text-shadow:0 1px 2px rgba(0,0,0,.8)}.heart.half{opacity:.45}.heart.empty{opacity:.15}#damage-flash{position:absolute;inset:0;pointer-events:none;z-index:6;opacity:0;transition:opacity .25s ease-out;background:radial-gradient(ellipse at center,#c81e1400 55%,#c81e1473)}#damage-flash.active{opacity:1;transition:none}#death-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#5a0c0899;z-index:9}#death-panel{text-align:center;color:#eef2f7;padding:2rem 3rem;border-radius:12px;background:#0b0e14d9;border:1px solid rgba(238,242,247,.15);max-width:calc(100vw - 2rem)}#death-panel h1{margin:0 0 .75rem;font-size:2rem}#respawn-btn{font:inherit;font-size:1rem;color:#eef2f7;margin-top:1rem;padding:.5rem 1.5rem;border-radius:8px;border:1px solid rgba(238,242,247,.3);background:#eef2f71f;cursor:pointer}#respawn-btn:hover{background:#eef2f740}#inventory-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b0e14a6;z-index:8}#inventory-panel{color:#eef2f7;padding:1.25rem 1.5rem;border-radius:12px;background:#0b0e14eb;border:1px solid rgba(238,242,247,.15);max-width:calc(100vw - 1rem);max-height:calc(100vh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}#inventory-panel h2{margin:0 0 .75rem;font-size:1.2rem}#inventory-columns{display:flex;gap:1.5rem;align-items:flex-start}.inv-grid{display:grid;grid-template-columns:repeat(9,46px);gap:4px}.inv-grid .slot{cursor:pointer}.inv-hotbar-row{margin-top:10px}.inv-hint{margin:.75rem 0 0;font-size:.8rem;color:#9aa7b8;max-width:450px}#crafting-panel{min-width:280px}#crafting-panel h3{margin:0 0 .5rem;font-size:1rem}#recipe-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;max-height:60vh;overflow-y:auto}.recipe{display:flex;align-items:center;gap:.6rem;padding:3px 6px 3px 3px;border-radius:6px;background:#eef2f70d}.recipe .slot{flex:none;width:38px;height:38px}.recipe-info{flex:1}.recipe-name{font-size:.85rem}.recipe-needs{font-size:.72rem;color:#9aa7b8}.recipe-needs .missing{color:#e07a6b}.craft-btn{font:inherit;font-size:.8rem;color:#eef2f7;padding:.3rem .7rem;border-radius:6px;border:1px solid rgba(238,242,247,.3);background:#eef2f71f;cursor:pointer}.craft-btn:hover:not(:disabled){background:#eef2f740}.craft-btn:disabled{opacity:.35;cursor:default}#help-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b0e14b3;z-index:9}#help-panel{color:#eef2f7;padding:1.25rem 1.5rem;border-radius:12px;background:#0b0e14eb;border:1px solid rgba(238,242,247,.15);max-width:min(640px,calc(100vw - 1rem));max-height:calc(100vh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}#help-panel h2{margin:0 0 .5rem;font-size:1.2rem}.help-goal{margin:0 0 .75rem;font-size:.9rem;color:#cdd6e2}#help-columns{display:flex;gap:1.5rem;align-items:flex-start;flex-wrap:wrap}.help-scheme{flex:1 1 240px}.help-scheme h3{margin:0 0 .4rem;font-size:.95rem;color:#ffd75e}.help-scheme ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:#cdd6e2}.help-scheme kbd{display:inline-block;padding:.05em .35em;margin:0 .05em;border:1px solid #9aa7b8;border-radius:4px;font-family:inherit;font-size:.9em}body.touch-mode .help-touch{order:-1}#help-panel .controls-hint{margin:.9rem 0 0}#compass{position:absolute;top:calc(.75rem + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.3rem .9rem;border-radius:999px;background:#0b0e148c;border:1px solid rgba(255,215,94,.35);color:#ffd75e;font-size:.85rem;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:5}#compass-arrow{display:inline-block;font-size:1rem;line-height:1}#treasure-toast{position:absolute;top:calc(3.25rem + env(safe-area-inset-top));left:50%;transform:translate(-50%);padding:.5rem 1.25rem;border-radius:8px;background:#0b0e14d9;border:1px solid rgba(255,215,94,.6);color:#ffd75e;font-size:1rem;max-width:calc(100vw - 2rem);text-align:center;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:6;opacity:0;transition:opacity .4s ease-out}#treasure-toast.show{opacity:1;transition:none}#quest-log{position:absolute;top:calc(3rem + env(safe-area-inset-top));left:calc(.75rem + env(safe-area-inset-left));z-index:5;-webkit-user-select:none;user-select:none;pointer-events:none}#quest-log-panel{color:#eef2f7;padding:.9rem 1.1rem;border-radius:12px;background:#0b0e14cc;border:1px solid rgba(238,242,247,.15);max-width:min(340px,calc(100vw - 5.5rem))}#quest-log-panel h2{margin:0 0 .6rem;font-size:1rem;color:#ffd75e}#quest-progress{float:right;color:#9aa7b8;font-weight:400}#quest-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;font-size:.85rem}.quest-mark{color:#ffd75e;margin-right:.2rem}.quest-found{color:#9aa7b8}.quest-locked{color:#5d6878;font-style:italic}.quest-clue{margin:.25rem 0 0;color:#cdd6e2;font-style:italic}.quest-complete{margin-top:.25rem;padding:.5rem .6rem;border-radius:8px;border:1px solid rgba(255,215,94,.45);background:#ffd75e14;color:#ffd75e}#treasure-reveal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b0e14b3;z-index:9}#treasure-panel{text-align:center;color:#eef2f7;padding:2rem 3rem;border-radius:12px;background:#0b0e14e6;border:1px solid rgba(255,215,94,.55);box-shadow:0 0 60px #ffd75e40;max-width:min(480px,calc(100vw - 2rem))}#treasure-panel h1{margin:0 0 .75rem;font-size:2rem;color:#ffd75e}#treasure-sparkles{color:#ffd75e;font-size:1.25rem;margin-bottom:.5rem;animation:sparkle-pulse 1.6s ease-in-out infinite}@keyframes sparkle-pulse{0%,to{opacity:.5}50%{opacity:1}}#treasure-message{margin:0;font-size:1.1rem;line-height:1.5}#treasure-continue-btn{font:inherit;font-size:1rem;color:#eef2f7;margin-top:1.25rem;padding:.5rem 1.5rem;border-radius:8px;border:1px solid rgba(255,215,94,.5);background:#ffd75e26;cursor:pointer}#treasure-continue-btn:hover{background:#ffd75e4d}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffffd9;font-size:1.25rem;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:5}#touch-ui{position:absolute;inset:0;z-index:4;pointer-events:none;user-select:none;-webkit-user-select:none}#touch-ui>*{pointer-events:auto;touch-action:none}#touch-look{position:absolute;inset:0;z-index:0}#touch-joystick{position:absolute;left:calc(1.5rem + env(safe-area-inset-left));bottom:calc(7rem + env(safe-area-inset-bottom));z-index:1;border-radius:50%;background:#0b0e1459;border:2px solid rgba(238,242,247,.25)}#touch-joystick-nub{position:absolute;inset:0;margin:auto;width:44%;height:44%;border-radius:50%;background:#eef2f766;border:2px solid rgba(238,242,247,.55);pointer-events:none}#touch-actions{position:absolute;right:calc(1.25rem + env(safe-area-inset-right));bottom:calc(7rem + env(safe-area-inset-bottom));z-index:1;display:flex;flex-direction:column;gap:.75rem}.touch-action-btn{width:62px;height:62px;border-radius:50%;border:2px solid rgba(238,242,247,.35);background:#0b0e1473;color:#eef2f7;font-size:1.6rem;line-height:1;cursor:pointer}.touch-action-btn:active{background:#eef2f740}#touch-menu{position:absolute;top:calc(.75rem + env(safe-area-inset-top));right:calc(.75rem + env(safe-area-inset-right));z-index:1;display:flex;flex-direction:column;gap:.5rem}.touch-menu-btn{width:42px;height:42px;border-radius:10px;border:1px solid rgba(238,242,247,.3);background:#0b0e148c;color:#eef2f7;font-size:1.15rem;line-height:1;cursor:pointer}.touch-menu-btn:active{background:#eef2f740}@media(max-width:600px){#hotbar{gap:3px;padding:3px}#hotbar .slot{width:34px;height:34px}#hotbar .slot-icon{inset:4px;font-size:1.05rem}#health-bar{bottom:calc(3.6rem + env(safe-area-inset-bottom));font-size:1rem}#overlay-panel,#death-panel,#treasure-panel{padding:1.25rem}#inventory-columns{flex-direction:column;gap:1rem}#inventory-panel{padding:1rem}.inv-grid{grid-template-columns:repeat(9,34px);gap:3px}.inv-grid .slot{width:34px;height:34px}.inv-grid .slot-icon{inset:4px;font-size:1.05rem}#crafting-panel{min-width:0;width:100%}#recipe-list{max-height:none}#compass{font-size:.78rem;padding:.25rem .7rem;max-width:calc(100vw - 7rem);overflow:hidden;text-overflow:ellipsis}}