*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:#141019;color:#f0eee6;font-family:Segoe UI,system-ui,sans-serif;overscroll-behavior:none}#app{height:100%}.stage{position:fixed;inset:0;touch-action:none;user-select:none;-webkit-user-select:none}canvas.game{width:100%;height:100%;display:block}.hud{position:fixed;top:env(safe-area-inset-top,0);left:0;right:0;display:flex;justify-content:space-between;padding:12px 16px;pointer-events:none;font-weight:800}.depth{font-size:20px;text-shadow:0 2px 4px rgba(0,0,0,.6)}.compass{font-size:20px;color:#f2b134;text-shadow:0 2px 4px rgba(0,0,0,.6)}.hud-left{display:flex;flex-direction:column;gap:2px}.hud-right{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.gear{font-size:11px;font-weight:800;letter-spacing:1px;color:#ffd24a;text-shadow:0 2px 4px rgba(0,0,0,.6)}.score{font-size:16px;font-weight:800;color:#ffd24a;text-shadow:0 2px 4px rgba(0,0,0,.6)}.viewbtn{pointer-events:auto;padding:6px 10px;border-radius:10px;border:2px solid rgba(255,255,255,.3);background:#14101999;color:#f0eee6;font-size:11px;font-weight:800;letter-spacing:1px;cursor:pointer}.rescue{pointer-events:auto;padding:8px 12px;border-radius:10px;border:2px solid rgba(140,200,255,.7);background:#14101999;color:#cfe8ff;font-size:12px;font-weight:800;letter-spacing:1px;cursor:pointer}.toast{position:fixed;top:18%;left:0;right:0;text-align:center;font-size:20px;font-weight:800;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6);pointer-events:none}.hearts{font-size:18px;color:#ff5d5d;text-shadow:0 2px 4px rgba(0,0,0,.6);letter-spacing:2px}.timer{font-size:18px;font-weight:800;color:#f0eee6;text-shadow:0 2px 4px rgba(0,0,0,.6)}.endscreen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0a080eb3;padding:16px;z-index:5}.end-text{color:#b9b0c4;margin:0 0 18px;line-height:1.5}.stage.flash:after{content:"";position:fixed;inset:0;background:#d6454559;pointer-events:none;animation:hurtflash .45s ease-out forwards}@keyframes hurtflash{0%{opacity:1}to{opacity:0}}.crosshair{position:fixed;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffff8c;box-shadow:0 0 4px #0009;pointer-events:none}.row-motion{margin-top:12px}.btn.small{padding:8px 12px;font-size:13px}.bone{color:#ff9d76;font-size:15px;text-shadow:0 2px 4px rgba(0,0,0,.6);animation:bonepulse .8s ease-in-out infinite}@keyframes bonepulse{0%,to{opacity:1}50%{opacity:.55}}.pad{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0) + 14px);display:flex;justify-content:space-between;align-items:flex-end;padding:0 18px;pointer-events:none}.dpad{display:grid;grid-template-columns:56px 56px 56px;grid-template-rows:56px 56px 56px;grid-template-areas:". up ." "left . right" ". down .";gap:6px}.pbtn{pointer-events:auto;border:2px solid rgba(255,255,255,.25);border-radius:14px;background:#1410198c;color:#f0eee6;font-size:20px;font-weight:800;touch-action:none}.pbtn.active{background:#f2b1348c}.pbtn.up{grid-area:up}.pbtn.left{grid-area:left}.pbtn.right{grid-area:right}.pbtn.down{grid-area:down}.action-btns{display:flex;flex-direction:column;gap:10px;align-items:center}.pbtn.dig{width:92px;height:92px;border-radius:50%;font-size:21px;letter-spacing:1px;border-color:#f2b134b3}.pbtn.jump{width:74px;height:74px;border-radius:50%;font-size:15px;letter-spacing:1px;border-color:#8cc8ff99}@media(hover:hover)and (pointer:fine){.pad{display:none}}.start{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0a080ea8;padding:16px}.start-panel{background:#1d1826;border:1px solid #3a3050;border-radius:14px;padding:26px;width:min(400px,94vw);text-align:center;box-shadow:0 12px 40px #00000080}h1{margin:0 0 6px;font-size:34px;letter-spacing:4px;color:#f2b134}.tagline{margin:0 0 18px;color:#b9b0c4}.btn{padding:14px 22px;border-radius:10px;border:1px solid #3a3050;background:#262033;color:#f0eee6;font-size:17px;font-weight:800;letter-spacing:1px;cursor:pointer}.btn.primary{background:#f2b134;border-color:#f2b134;color:#141019}.btn.primary:hover{background:#ffc85e}.hint{margin:16px 0 0;font-size:12.5px;color:#8d8499;line-height:1.6}