.ex-bell-rim{pointer-events:none;border:1px solid #c9efee1f;border-radius:44% 44% 28% 28%/12% 12% 9% 9%;position:absolute;inset:0;box-shadow:inset 0 0 70px #91ccd30b,inset 0 12px 34px #d0f2ee09}.ex-touch-controls{display:none}.ex-touch-button{min-width:44px;min-height:44px;color:var(--ex-cream);-webkit-backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#03040585;border:1px solid #f5f5ed2e;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:8px;display:inline-flex}.ex-hud .ex-touch-button{touch-action:none}.ex-touch-button[data-pressed=true],.ex-touch-button:active{color:var(--ex-green);background:#9ecdc71f;border-color:#9ecdc7a6}.ex-dpad{pointer-events:auto;grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,44px);gap:4px;display:grid}.ex-forward{grid-area:1/2}.ex-left{grid-area:2/1}.ex-back{grid-area:2/2}.ex-right{grid-area:2/3}.ex-left .ex-icon{transform:rotate(-90deg)}.ex-back .ex-icon,.ex-dive .ex-icon{transform:rotate(180deg)}.ex-right .ex-icon{transform:rotate(90deg)}.ex-touch-actions{pointer-events:auto;grid-template-rows:repeat(2,44px);grid-template-columns:repeat(2,64px);gap:4px;display:grid}.ex-touch-actions .ex-touch-button{font-size:10px}.ex-touch-actions .ex-icon{width:15px;height:15px}.ex-touch-hint{text-align:center;color:var(--ex-muted);align-self:center;font-size:10px;line-height:1.6}@media (width<=1150px) and (pointer:fine){.ex-readout{top:100px;bottom:auto}.ex-journey{bottom:86px}}@media (width<=760px){.ex-entry{top:calc(max(18px, env(safe-area-inset-top)) + 61px);right:max(16px, env(safe-area-inset-right))}.ex-toolbar{top:calc(max(18px, env(safe-area-inset-top)) + 61px);left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));gap:5px}.ex-toolbar .ex-button{gap:6px;min-height:40px;padding:8px 11px;font-size:11px}.ex-leave{margin-left:auto}.ex-map-toggle span{display:none}.ex-map-toggle{min-width:40px}.ex-map-panel{top:calc(max(18px, env(safe-area-inset-top)) + 113px);right:max(16px, env(safe-area-inset-right));border-radius:15px;width:228px;max-height:calc(100dvh - 310px)}.ex-map-header{padding-top:10px;padding-left:13px}.ex-map-header h2{font-size:18px}.ex-ocean-map{height:120px}.ex-destination{min-height:40px;font-size:11px}.ex-map-footer{padding-bottom:1px}.ex-readout{top:calc(max(18px, env(safe-area-inset-top)) + 119px);bottom:auto;left:max(18px, env(safe-area-inset-left));flex-direction:column;align-items:flex-start;gap:16px}.ex-readout-depth>strong{font-size:24px}.ex-readout-depth>span{max-width:75px;font-size:9px}.ex-readout-divider{display:none}.ex-found{flex-wrap:wrap;gap:4px;max-width:85px;font-size:10px}.ex-found>span:last-child{font-size:9px}}@media (pointer:coarse),(width<=760px){.ex-touch-controls{bottom:max(20px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));justify-content:space-between;align-items:flex-end;gap:8px;display:flex;position:absolute}.ex-instructions{display:none}.ex-journey{bottom:calc(max(20px, env(safe-area-inset-bottom)) + 112px);width:max-content;font-size:14px}}@media (pointer:coarse) and (width>=761px){.ex-readout{top:100px;bottom:auto}.ex-journey{bottom:144px}}@media (width<=420px){.ex-enter{gap:7px;padding:8px 11px;font-size:11px}.ex-entry-arrow{padding-left:0}.ex-touch-hint{display:none}.ex-map-panel{width:210px}.ex-toolbar .ex-button{padding-inline:9px}.ex-leave .ex-icon{display:none}}@media (width<=359px){.ex-entry{top:76px}.ex-map-panel{width:198px;right:10px}.ex-readout{left:12px}.ex-toolbar{left:12px;right:12px}.ex-toolbar .ex-button{gap:5px;padding-inline:8px;font-size:10px}}@media (height<=600px) and (width>=600px){.ex-toolbar{top:max(12px, env(safe-area-inset-top));left:auto}.ex-map-panel{width:220px;max-height:calc(100dvh - 185px);top:65px}.ex-ocean-map{height:95px}.ex-readout{top:90px;bottom:auto}.ex-journey{bottom:124px}}@media (prefers-reduced-motion:reduce){.ex-button{transition:none}}.ex-entry{right:110px}.ex-hud{text-transform:lowercase}.exploring .hint,.exploring .back{display:none}.exploring .dock{bottom:78px;left:auto;right:22px;transform:none}.ex-journey{letter-spacing:.025em;font:12px/1.5 system-ui,sans-serif}.ex-touch-controls{transition:opacity 1s}.quiet .ex-touch-controls{opacity:.3}.ex-touch-controls:focus-within,.ex-touch-controls:active{opacity:1}@media (width<=760px){.ex-entry{right:16px}.exploring .dock{gap:0;padding:2px;bottom:164px;right:16px}.exploring .dock button{padding:8px;font-size:10px}}.ex-hud button,.ex-entry button{text-transform:lowercase}.ex-bell-rim{background:radial-gradient(at 50% 5%,#0000 72%,#a0dae109);border:0;border-radius:0;box-shadow:inset 0 0 85px #00080c47}@media (pointer:coarse) and (width>=761px) and (height<=600px){.exploring .dock{top:70px;bottom:auto;right:22px}.exploring .dock button{padding:7px 10px;font-size:11px}}.ex-map-zones ellipse{fill:#69ae9b0e;stroke:#84c7b33b;stroke-width:.7px}.ex-map-zones .ex-zone-kelp{fill:#a3c36912;stroke:#a3c36959}.ex-map-zones .ex-zone-pearl{fill:#aa91d414;stroke:#aa91d44d}.ex-map-zones text{fill:#b6d3cf99;letter-spacing:.25px;font:6.5px system-ui,sans-serif}.ex-zone-future{fill:none;stroke:#a9cbd040;stroke-dasharray:2 3}.ex-hud{font-size:15px}.ex-toolbar{top:max(24px,env(safe-area-inset-top));gap:10px;right:90px}.ex-hud button,.ex-map-footer button{min-width:44px;min-height:44px;font-size:15px}.ex-toolbar .ex-button{min-height:48px;padding:10px 16px;font-size:15px}.ex-icon{width:20px;height:20px}.ex-touch-controls{left:50%;right:auto;bottom:max(42px,calc(env(safe-area-inset-bottom) + 28px));pointer-events:auto;align-items:center;gap:8px;display:flex;position:absolute;transform:translate(-50%)}.ex-touch-button{color:#e9f6ef;touch-action:none;background:#030c10b8;border:1px solid #bee1df40;border-radius:28px;justify-content:center;align-items:center;gap:8px;width:auto;height:auto;min-height:48px;padding:10px 16px;display:flex}.ex-touch-button.ex-swim{min-width:104px}.ex-touch-button:active,.ex-touch-button[data-pressed=true]{background:#327880a6}.ex-readout{font-size:15px;bottom:48px}.ex-readout-depth>span,.ex-bearing>span,.ex-found,.ex-found>span:last-child{font-size:13px}.ex-bearing strong{font-size:15px}.ex-journey{font-size:15px;bottom:110px}.ex-instructions{font-size:15px;top:104px;bottom:auto}.ex-map-panel{width:290px;max-height:calc(100dvh - 210px);top:86px}.ex-destination{min-height:48px;font-size:15px}.ex-toolbar,.ex-touch-controls,.ex-readout,.settings-toggle,.dock{transition:opacity .35s}.quiet .ex-toolbar,.quiet .ex-touch-controls,.quiet .ex-readout,.quiet .settings-toggle,.app.quiet .dock{opacity:.35}.quiet .ex-toolbar:hover,.quiet .ex-touch-controls:hover,.quiet .settings-toggle:hover,.app.quiet .dock:hover,.quiet .ex-toolbar:focus-within,.quiet .ex-touch-controls:focus-within,.app.quiet .dock:focus-within{opacity:1}@media (width<=760px){.ex-toolbar{top:max(82px,calc(env(safe-area-inset-top) + 68px));gap:8px;left:auto;right:76px}.ex-toolbar .ex-button{min-height:46px;padding:10px 14px;font-size:15px}.ex-map-toggle span{display:inline}.ex-readout{gap:12px;top:151px;bottom:auto;left:20px}.ex-touch-controls{bottom:max(34px,calc(env(safe-area-inset-bottom) + 24px));justify-content:center;gap:6px;width:calc(100% - 32px)}.ex-touch-button{gap:5px;min-height:52px;padding:10px}.ex-touch-button.ex-swim{min-width:90px}.ex-touch-button .ex-icon{width:17px}.ex-journey{max-width:calc(100% - 32px);font-size:14px;bottom:104px}.ex-map-panel{width:270px;max-height:calc(100dvh - 255px);top:142px;right:16px}.ex-instructions{text-align:center;width:100%;max-width:calc(100% - 40px);font-size:13px;display:block;top:138px;left:50%;transform:translate(-50%)}.ex-readout:has(~.ex-instructions){top:184px}}.ex-toolbar{right:90px}.ex-map-panel{z-index:4}.ex-hud button:focus-visible{outline-offset:4px;outline:2px solid #b7edf0}:is(.quiet:has(.ex-toolbar:hover,.ex-touch-controls:hover,.settings-toggle:hover,.dock:hover,.ex-map-panel:hover) .ex-toolbar,.quiet:has(.ex-toolbar:hover,.ex-touch-controls:hover,.settings-toggle:hover,.dock:hover,.ex-map-panel:hover) .ex-touch-controls,.quiet:has(.ex-toolbar:hover,.ex-touch-controls:hover,.settings-toggle:hover,.dock:hover,.ex-map-panel:hover) .ex-readout,.quiet:has(.ex-toolbar:hover,.ex-touch-controls:hover,.settings-toggle:hover,.dock:hover,.ex-map-panel:hover) .settings-toggle){opacity:1}.ex-journey{pointer-events:none}@media (width<=760px){.ex-toolbar{gap:6px;top:24px;left:auto;right:76px}.ex-toolbar .ex-button{padding:10px 12px}.ex-toolbar .ex-map-toggle span{display:none}.ex-readout{flex-direction:row;align-items:center;gap:14px;top:92px;left:20px}.ex-readout-depth>span{display:none}.ex-readout-depth>strong{font-size:24px}.ex-found{flex-wrap:nowrap;max-width:none;font-size:13px}.ex-found>span:last-child{font-size:12px}.ex-map-panel{width:min(310px,100% - 32px);max-height:calc(100dvh - 220px);top:88px}.ex-instructions{top:148px}.ex-readout:has(~.ex-instructions){top:92px}.ex-touch-controls{gap:6px}.ex-touch-button{gap:4px;padding:10px 9px}.ex-touch-button.ex-swim{min-width:86px}.ex-touch-controls .ex-icon{display:none}.ex-touch-controls .ex-swim .ex-icon{display:block}}.exploring .dock{align-content:start;align-items:center;height:auto;inset:86px 24px auto auto;transform:none}.exploring .dock button{height:44px;min-height:44px}.ex-touch-controls .ex-touch-button{min-height:48px}@media (width<=760px){.exploring .dock{width:270px;top:90px;bottom:auto;right:16px}.ex-touch-controls .ex-touch-button{min-height:52px}}.exploring .dock button{padding:10px 14px;font-size:15px}.quiet .ex-touch-controls,.quiet .ex-readout{opacity:.68}.ex-readout{background:#030c108c;border-radius:16px;padding:8px 12px}@media (width<=760px){:is(.ex-hud:has(.ex-map-panel) .ex-readout,.ex-hud:has(.ex-map-panel) .ex-instructions){visibility:hidden}}