*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0a1628;width:100%;height:100%;overflow:hidden}html.pwa-standalone body,html.pwa-standalone #hud-root{padding-top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0)}#canvas{touch-action:none;width:100%;height:100%;display:block}#intro-overlay{z-index:100;pointer-events:auto;cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 24px 48px;animation:.8s ease-out intro-in;display:flex;position:fixed;inset:0}#intro-overlay.intro-out{pointer-events:none;animation:.65s ease-in forwards intro-out}@keyframes intro-in{0%{opacity:0}to{opacity:1}}@keyframes intro-out{to{opacity:0}}#intro-vignette{pointer-events:none;background:radial-gradient(70% 60% at 50% 45%,#0000 0%,#0a1e328c 100%);position:absolute;inset:0}#intro-copy{z-index:1;text-align:center;pointer-events:none;max-width:min(520px,92vw);margin-bottom:20px;position:relative}#intro-title{color:#fff8e1;text-shadow:0 2px #1a1a1a,0 4px 16px #00000073;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font:800 clamp(28px,6vw,44px)/1.1 Trebuchet MS,Segoe UI,sans-serif}#intro-subtitle{color:#e3f2fd;text-shadow:0 1px 4px #00000080;font:600 clamp(14px,3vw,18px)/1.35 Trebuchet MS,Segoe UI,sans-serif}#intro-title.intro-fade,#intro-subtitle.intro-fade{animation:.55s ease-out intro-copy-in}@keyframes intro-copy-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#intro-skip{z-index:2;color:#fff8e1;cursor:pointer;pointer-events:auto;background:#1a1a1aa6;border:3px solid #fff8e1;border-radius:999px;padding:10px 20px;font:700 13px/1 Trebuchet MS,Segoe UI,sans-serif;transition:background .2s,transform .15s;position:relative;box-shadow:3px 3px #1a1a1a}#intro-skip:hover{background:#c62828d9;transform:scale(1.03)}#intro-progress{background:#ffffff26;height:4px;position:absolute;bottom:0;left:0;right:0}#intro-progress-fill{background:linear-gradient(90deg,#c62828,#ffd54f);width:0%;height:100%;transition:width .15s linear;display:block}body.intro-active #hud-root,body.intro-active #day-night-toggle,body.intro-active #quest-log,body.intro-active #mobile-pad,body.intro-active #hud-guide,body.intro-active #user-guide,body.intro-active #game-toast{opacity:0;pointer-events:none}#epilogue-overlay{z-index:100;pointer-events:auto;cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 24px 48px;animation:.8s ease-out intro-in;display:flex;position:fixed;inset:0}#epilogue-overlay.epilogue-out{pointer-events:none;animation:.65s ease-in forwards intro-out}#epilogue-vignette{pointer-events:none;background:radial-gradient(70% 55% at 50% 40%,#0000 0%,#28120073 100%),linear-gradient(#ffc10714,#0000 40%,#00000059);position:absolute;inset:0}#epilogue-banner{z-index:1;letter-spacing:.35em;color:#ffecb3;text-shadow:0 1px #5d4037,0 0 18px #ffc1078c;pointer-events:none;margin-bottom:10px;font:800 clamp(12px,2.5vw,14px)/1 Trebuchet MS,Segoe UI,sans-serif;position:relative}#epilogue-copy{z-index:1;text-align:center;pointer-events:none;max-width:min(520px,92vw);margin-bottom:20px;position:relative}#epilogue-title{color:#fff8e1;text-shadow:0 2px #1a1a1a,0 4px 16px #00000073;letter-spacing:.03em;margin-bottom:8px;font:800 clamp(26px,5.5vw,40px)/1.1 Trebuchet MS,Segoe UI,sans-serif}#epilogue-subtitle{color:#ffe082;text-shadow:0 1px 4px #00000080;font:600 clamp(13px,2.8vw,17px)/1.35 Trebuchet MS,Segoe UI,sans-serif}#epilogue-title.epilogue-fade,#epilogue-subtitle.epilogue-fade{animation:.55s ease-out intro-copy-in}#epilogue-skip{z-index:2;color:#ffecb3;cursor:pointer;pointer-events:auto;background:#1a1a1ab3;border:3px solid #ffecb3;border-radius:999px;padding:10px 20px;font:700 13px/1 Trebuchet MS,Segoe UI,sans-serif;transition:background .2s,transform .15s;position:relative;box-shadow:3px 3px #1a1a1a}#epilogue-skip:hover{background:#c62828d9;transform:scale(1.03)}#epilogue-progress{background:#ffffff1f;height:4px;position:absolute;bottom:0;left:0;right:0}#epilogue-progress-fill{background:linear-gradient(90deg,#ff8f00,#ffd54f);width:0%;height:100%;transition:width .15s linear;display:block}#hud-root{z-index:10;color:#2b1d12;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-start;gap:8px;max-width:min(420px,100vw - 120px);font:12px/1.4 Trebuchet MS,Segoe UI,sans-serif;display:flex;position:absolute;top:16px;left:16px}#game-toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom,0px));z-index:20;box-sizing:border-box;text-align:center;color:#fff8e1;text-shadow:0 1px 2px #0000008c;pointer-events:none;opacity:0;visibility:hidden;background:#1a140cc7;border:1px solid #ffd54f73;border-radius:10px;width:min(360px,100vw - 32px);min-height:0;padding:6px 10px;font:600 11px/1.3 Trebuchet MS,Segoe UI,sans-serif;transition:opacity .18s,transform .18s,visibility .18s;position:fixed;transform:translate(-50%)translateY(8px);box-shadow:0 4px 12px #0000004d}#game-toast.toast-visible{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}#game-toast.toast-alert{background:#28160ae0;border-color:#ffca28}#game-toast.toast-hint{background:#0c1c2cd1;border-color:#81d4faa6}#quest-log{z-index:12;color:#2b1d12;pointer-events:none;background:#fff8e6eb;border:3px solid #c62828;border-radius:12px;max-width:min(280px,100vw - 32px);padding:10px 12px;font:12px/1.35 Trebuchet MS,Segoe UI,sans-serif;position:absolute;bottom:16px;left:16px;box-shadow:3px 3px #1a1a1a}#quest-log strong{color:#c62828;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:13px;display:block}#quest-log p{margin:0 0 4px;font-weight:600}#quest-progress{color:#1565c0;font-weight:700}#quest-log.quest-done{border-color:#2e7d32}#quest-log.quest-done strong{color:#2e7d32}#boss-hud{z-index:14;color:#fff8e1;opacity:0;pointer-events:none;background:#14101ad1;border:3px solid #6a1b9a;border-radius:14px;min-width:min(420px,100vw - 56px);padding:10px 12px;transition:opacity .2s,transform .2s,border-color .2s;position:absolute;top:16px;left:50%;transform:translate(-50%)translateY(-18px);box-shadow:3px 3px #1a1a1a}#boss-hud strong{letter-spacing:.08em;text-transform:uppercase;text-align:center;margin-bottom:6px;font:800 14px/1 Trebuchet MS,Segoe UI,sans-serif;display:block}#boss-hud.boss-hud-visible{opacity:1;transform:translate(-50%)translateY(0)}#boss-hud.boss-phase-rage{border-color:#ff6f00}#boss-bar{background:#ffffff1f;border:2px solid #fff8e1a6;border-radius:999px;height:16px;overflow:hidden}#boss-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#7b1fa2,#ef5350 68%,#ffca28);width:100%;height:100%;transition:width .12s linear;display:block;box-shadow:inset 0 -2px #00000038}#hit-flash{z-index:13;pointer-events:none;opacity:0;background:radial-gradient(circle,#ff5a5a14,#b400003d),linear-gradient(#ff000014,#ff000014);position:fixed;inset:0}#hit-flash.hit-flash-on{animation:.34s ease-out hit-flash}@keyframes hit-flash{0%{opacity:.75}to{opacity:0}}#day-night-toggle{z-index:12;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;border:3px solid #1a1a1a;border-radius:999px;align-items:center;gap:8px;padding:10px 14px 10px 12px;font:700 13px/1 Trebuchet MS,Segoe UI,sans-serif;transition:background .2s,color .2s,transform .15s;display:inline-flex;position:absolute;top:16px;right:16px;box-shadow:3px 3px #1a1a1a}#day-night-toggle:before{content:"";border-radius:50%;flex-shrink:0;width:18px;height:18px}#day-night-toggle[data-mode=day]{color:#5d4037;background:#fff3c4}#day-night-toggle[data-mode=day]:before{background:radial-gradient(circle at 35% 35%,#ffe082,#ff9800 70%);box-shadow:0 0 0 2px #ff980059}#day-night-toggle[data-mode=night]{color:#e3f2fd;background:#1a2744;border-color:#0d47a1;box-shadow:3px 3px #0a1028}#day-night-toggle[data-mode=night]:before{background:radial-gradient(circle at 30% 30%,#fffde7,#90caf9 55%,#1a237e);box-shadow:inset -4px -2px #1a2744}#day-night-toggle:hover{transform:translateY(-1px)}#day-night-toggle:active{transform:translateY(1px);box-shadow:1px 1px #1a1a1a}#hud-bar{pointer-events:auto;box-sizing:border-box;background:#fff8e6eb;border:3px solid #c62828;border-radius:14px;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;width:max-content;max-width:100%;height:40px;min-height:40px;padding:6px 10px;display:flex;overflow:hidden;box-shadow:4px 4px #1a1a1a}#hud-bar-main{flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}#hud-bar-actions{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:6px;display:flex}#hud-bar em{color:#1565c0;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;max-width:5.5em;font-style:normal;font-weight:700;overflow:hidden}#hud-bar span{color:#6d4c2f;white-space:nowrap;background:#ffd54f59;border-radius:999px;flex-shrink:0;padding:2px 8px;font-weight:700}#hud-bar #dive-air-mini{text-overflow:ellipsis;max-width:7.5em;overflow:hidden}#hud-open,#hud-spectate,#hud-guide{color:#fff8e1;cursor:pointer;white-space:nowrap;background:#c62828;border:2px solid #1a1a1a;border-radius:10px;flex-shrink:0;padding:6px 10px;font:700 12px/1 Trebuchet MS,Segoe UI,sans-serif;box-shadow:2px 2px #1a1a1a}#hud-spectate{background:#1565c0}#hud-guide{background:#ef6c00}#hud-open:hover{background:#e53935}#hud-spectate:hover{background:#1e88e5}#hud-guide:hover{background:#fb8c00}body.spectating #hud-spectate{background:#2e7d32}#hud-guide.hud-guide-active,#hud-open.hud-open-active{background:#5d4037}.ui-scroll,#hud-hint,.guide-body{scrollbar-width:thin;scrollbar-color:#c6282873 transparent}.ui-scroll::-webkit-scrollbar{width:6px;height:6px}#hud-hint::-webkit-scrollbar{width:6px;height:6px}.guide-body::-webkit-scrollbar{width:6px;height:6px}.ui-scroll::-webkit-scrollbar-track{background:0 0;margin:4px 0}#hud-hint::-webkit-scrollbar-track{background:0 0;margin:4px 0}.guide-body::-webkit-scrollbar-track{background:0 0;margin:4px 0}.ui-scroll::-webkit-scrollbar-thumb{background:#c6282866 padding-box padding-box;border:1px solid #0000;border-radius:999px}#hud-hint::-webkit-scrollbar-thumb{background:#c6282866 padding-box padding-box;border:1px solid #0000;border-radius:999px}.guide-body::-webkit-scrollbar-thumb{background:#c6282866 padding-box padding-box;border:1px solid #0000;border-radius:999px}.ui-scroll::-webkit-scrollbar-thumb:hover{background:#c62828b3}#hud-hint::-webkit-scrollbar-thumb:hover{background:#c62828b3}.guide-body::-webkit-scrollbar-thumb:hover{background:#c62828b3}.ui-scroll::-webkit-scrollbar-corner{background:0 0}#hud-hint::-webkit-scrollbar-corner{background:0 0}.guide-body::-webkit-scrollbar-corner{background:0 0}#hud-hint{pointer-events:auto;-webkit-overflow-scrolling:touch;background:#fff8e6f2;border:3px solid #c62828;border-radius:14px;flex-direction:column;gap:4px;max-width:100%;max-height:min(70vh,520px);padding:12px 16px;display:flex;overflow:hidden auto;box-shadow:4px 4px #1a1a1a}#hud-hint[hidden],#hud-hint.hud-closed{display:none!important}.hud-panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}#hud-close{color:#c62828;cursor:pointer;background:#fff8e1;border:2px solid #1a1a1a;border-radius:10px;flex-shrink:0;width:32px;height:32px;font:700 20px/1 Trebuchet MS,sans-serif;box-shadow:2px 2px #1a1a1a}#hud-close:hover{background:#ef9a9a}#hud-hint strong{letter-spacing:.03em;color:#c62828;text-transform:uppercase;font-size:16px;font-weight:800}#hud-hint span{opacity:.9}#hud-hint em{color:#1565c0;min-height:1.1em;margin-top:2px;font-style:normal;font-weight:700}#quest-hint-line{color:#2b1d12;background:#c6282814;border-left:3px solid #c62828;border-radius:4px;margin-top:6px;padding:6px 8px;font-weight:600;line-height:1.35;display:block}#quest-hint-line.quest-done{background:#2e7d321a;border-left-color:#2e7d32}#hud-stats{border-top:2px dashed #c6282859;flex-wrap:wrap;gap:8px 12px;margin-top:6px;padding-top:6px;display:flex}#hud-stats span{color:#6d4c2f;background:#ffd54f59;border-radius:999px;padding:2px 8px;font-weight:700}#crew-strip{pointer-events:auto;flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.crew-chip{color:#3e2723;cursor:pointer;background:#ffffffbf;border:2px solid #5d4037;border-radius:8px;padding:4px 7px;font:700 10px/1 Trebuchet MS,Segoe UI,sans-serif}.crew-chip.crew-active{color:#fff8e1;background:#c62828;border-color:#1a1a1a}.crew-chip.crew-call{background:#ffecb3;border-color:#f9a825;margin-left:4px}.crew-chip.crew-spec{background:#bbdefb;border-color:#1565c0}.crew-chip.crew-spec.crew-active{color:#fff8e1;background:#1565c0}.hud-info-actions{border-top:2px dashed #c6282859;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:8px;display:flex}.hud-info-btn,.guide-link-btn{cursor:pointer;pointer-events:auto;border:2px solid #1a1a1a;border-radius:10px;padding:8px 12px;font:700 12px/1 Trebuchet MS,Segoe UI,sans-serif;box-shadow:2px 2px #1a1a1a}#mute-toggle.hud-info-btn{color:#5d4037;background:#fff8e1}#mute-toggle.hud-info-btn[data-muted=true]{color:#eceff1;background:#455a64;border-color:#263238}#mute-toggle.hud-info-btn:hover{background:#ffe082}#mute-toggle.hud-info-btn[data-muted=true]:hover{background:#546e7a}.guide-link-btn{color:#fff8e1;background:#ef6c00}.guide-link-btn:hover{background:#fb8c00}#user-guide{z-index:40;pointer-events:auto;background:#0c14208c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#user-guide[hidden]{display:none!important}.guide-sheet{color:#2b1d12;background:#fff8e6;border:3px solid #c62828;border-radius:16px;flex-direction:column;width:min(560px,100%);max-height:min(78vh,640px);font:13px/1.45 Trebuchet MS,Segoe UI,sans-serif;display:flex;overflow:hidden;box-shadow:5px 5px #1a1a1a}.guide-head{color:#fff8e1;background:#c62828;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.guide-head h2{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:18px}#guide-close{color:#fff8e1;cursor:pointer;background:0 0;border:2px solid #fff8e1;border-radius:8px;width:32px;height:32px;font-size:20px;line-height:1}#guide-close:hover{background:#ffffff26}.guide-tabs{background:#c6282814;border-bottom:2px dashed #c628284d;flex-wrap:wrap;gap:4px;padding:8px 10px;display:flex}.guide-tab{color:#3e2723;cursor:pointer;background:#ffffffb3;border:2px solid #5d4037;border-radius:999px;padding:6px 10px;font:700 11px/1 Trebuchet MS,Segoe UI,sans-serif}.guide-tab-active{color:#fff8e1;background:#c62828;border-color:#1a1a1a}.guide-body{-webkit-overflow-scrolling:touch;padding:12px 14px 16px;overflow:auto}.guide-panel{display:none}.guide-panel-active{display:block}.guide-panel h3{color:#c62828;text-transform:uppercase;letter-spacing:.04em;margin:12px 0 6px;font-size:14px}.guide-panel h3:first-child{margin-top:0}.guide-panel p{margin:0 0 8px}.guide-panel ul,.guide-panel ol{margin:0 0 10px;padding-left:1.2em}.guide-panel li{margin-bottom:4px}.guide-panel kbd{color:#3e2723;background:#ffe082;border:1px solid #5d4037;border-radius:4px;padding:1px 6px;font:700 11px/1.4 Trebuchet MS,monospace;display:inline-block}.guide-reset-btn{color:#fff8e1;cursor:pointer;background:#c62828;border:2px solid #1a1a1a;border-radius:10px;margin-top:12px;padding:8px 12px;font:700 12px/1 Trebuchet MS,Segoe UI,sans-serif;box-shadow:2px 2px #1a1a1a}.guide-reset-btn:hover{background:#e53935}.guide-install-btn{color:#e3f2fd;cursor:pointer;background:#1565c0;border:2px solid #1a1a1a;border-radius:10px;margin-top:12px;padding:10px 14px;font:700 12px/1 Trebuchet MS,Segoe UI,sans-serif;box-shadow:2px 2px #1a1a1a}.guide-install-btn:hover{background:#1e88e5}.guide-install-btn[hidden]{display:none}body.guide-open #mobile-pad{pointer-events:none;opacity:.35}#mobile-pad{pointer-events:none;z-index:20;touch-action:none;display:none;position:fixed;inset:0}#mobile-pad.pad-visible{display:block}.pad-stick{pointer-events:auto;touch-action:none;background:#1e1e1e59;border:3px solid #fff8e68c;border-radius:50%;width:120px;height:120px;position:absolute;bottom:28px;left:24px}.pad-knob{background:#fff8e6d9;border:3px solid #c62828;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:2px 2px #1a1a1a}.pad-btns{pointer-events:auto;width:200px;height:180px;position:absolute;bottom:28px;right:8px}.pad-legend{color:#fff8e1;text-shadow:0 1px 2px #000;opacity:.85;pointer-events:none;max-width:42vw;font:700 10px/1.2 Trebuchet MS,sans-serif;position:absolute;bottom:8px;left:16px}.pad-btn{color:#2b1d12;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff8e6eb;border:3px solid #1a1a1a;border-radius:50%;width:52px;height:52px;font:700 14px/1 Trebuchet MS,sans-serif;position:absolute;box-shadow:2px 2px #1a1a1a}.pad-btn.pad-held,.pad-btn:active{background:#ffe082;transform:scale(.94)}.pad-atk{background:#ef9a9a;bottom:56px;right:8px}.pad-jump{background:#90caf9;bottom:8px;right:68px}.pad-use{background:#a5d6a7;bottom:68px;right:68px}.pad-dive{background:#4fc3f7;width:48px;height:48px;font-size:18px;bottom:8px;right:128px}.pad-dive.pad-held{color:#e3f2fd;background:#0288d1}.pad-gear{background:#fff59d;width:44px;height:44px;font-size:12px;bottom:116px;right:8px}.pad-run{background:#ce93d8;width:44px;height:44px;font-size:12px;bottom:56px;right:128px}.pad-cycle{background:#bcaaa4;width:44px;height:44px;font-size:14px;bottom:108px;right:128px}.pad-call{background:#ffe082;width:44px;height:44px;font-size:16px;bottom:8px;right:8px}.pad-spec{background:#81d4fa;width:44px;height:44px;font-size:16px;bottom:120px;right:68px}body.spectating .pad-spec{background:#66bb6a}@media (width<=700px){#boss-hud{min-width:calc(100vw - 24px);padding:8px 10px;top:8px}#boss-hud strong{font-size:12px}#boss-bar{height:14px}#hud-root{max-width:calc(100vw - 88px);top:8px;left:8px}#hud-bar{gap:6px;height:36px;min-height:36px;padding:4px 8px;font-size:10px}#hud-bar em{max-width:4.2em}#hud-open,#hud-spectate,#hud-guide{padding:5px 8px;font-size:11px}#hud-hint{max-height:min(55vh,420px);padding:8px 10px;font-size:10px}#hud-hint strong{font-size:13px}#hud-hint>span{display:none}#game-toast{bottom:max(128px, calc(env(safe-area-inset-bottom,0px) + 114px));width:min(300px,100vw - 24px);padding:5px 8px;font-size:10px}.guide-sheet{max-height:min(85vh,640px)}.guide-tab{padding:5px 8px;font-size:10px}.guide-head h2{font-size:15px}#day-night-toggle{padding:8px 12px 8px 10px;font-size:12px;top:10px;right:10px}#intro-overlay{padding-bottom:32px}#intro-skip{padding:8px 16px;font-size:12px}#quest-log{display:none}}