@font-face{font-family:OceanSerif;src:local("Iowan Old Style"),local("Palatino Linotype"),local("Book Antiqua"),local("Georgia");font-display:swap}
:root{color-scheme:dark;--cream:#f5f1e4;--muted:#b9d0ce;--teal:#073e49;--mint:#b5e5d6;--orange:#efb581;--line:rgba(237,246,232,.22);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--cream);background:#073e49;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#ocean{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}#ocean:focus-visible{outline-offset:-4px}.ocean-shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,32,40,.63) 0%,rgba(3,37,46,.14) 57%,transparent 80%),linear-gradient(0deg,rgba(2,30,38,.65),transparent 25%,transparent 80%,rgba(2,30,38,.35))}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.topbar{position:fixed;z-index:5;top:0;left:0;width:100%;padding:32px 4.2%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.topbar>*{pointer-events:auto}.wordmark{display:flex;align-items:center;gap:13px}.wordmark>svg{width:58px;height:42px}.wordmark>span{font-size:13px;letter-spacing:2.5px;font-weight:750;line-height:1.25}.byline{display:block;font-size:7px;letter-spacing:1.8px;font-weight:400;margin-top:6px;opacity:.6}.nav-actions{display:flex;align-items:center;gap:24px}.text-button{border:0;background:none;padding:10px 0;color:var(--cream);font-size:12px;letter-spacing:.3px}.text-button:hover{color:var(--orange)}.keycap{font-family:inherit;border:1px solid rgba(237,246,232,.3);border-radius:4px;padding:2px 5px;margin-left:8px;font-size:10px;opacity:.75}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:rgba(4,42,51,.24);font-size:23px;line-height:1;transition:background .2s}.icon-button:hover{background:rgba(172,220,204,.16)}.icon-button svg{width:20px;height:20px}.sound-waves{display:none}#sound-button[aria-pressed=true] .sound-waves{display:block}#sound-button[aria-pressed=true] .sound-slash{display:none}.mivanela-link{font-size:12px;border-left:1px solid var(--line);padding-left:24px}.mivanela-link span{margin-left:18px;color:var(--mint)}.welcome{position:absolute;inset:0;z-index:2;display:flex;align-items:center;pointer-events:none}.welcome-copy{margin:0 0 32px 8.2%;max-width:690px;pointer-events:auto}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.1px;line-height:1.6;margin:0;text-transform:uppercase}.welcome .eyebrow{font-size:9px;letter-spacing:2.7px;display:flex;align-items:center;gap:10px}.eyebrow>span:empty{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--orange);box-shadow:0 0 16px #eabb85}h1,h2,p{margin-top:0}h1{font-family:OceanSerif,Georgia,serif;font-weight:400;font-size:clamp(64px,7.3vw,114px);line-height:.99;letter-spacing:-4px;margin:30px 0 26px}h1 em,h2 em{font-weight:400;color:var(--mint)}.intro{font-size:14px;line-height:1.9;font-weight:350;color:#d1e0d9;letter-spacing:.1px;margin-bottom:31px}.start-actions{display:flex;align-items:flex-start;flex-direction:column;gap:12px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:42px;background:var(--orange);color:#183b3d;border:0;border-radius:3px;padding:18px 23px;min-width:214px;font-size:13px;font-weight:650;letter-spacing:.2px;transition:background .2s,transform .2s}.primary-button:hover:not(:disabled){background:#f6c69a;transform:translateY(-2px)}.primary-button>span:last-child{font-size:21px;line-height:1}.primary-button #start-label{font-size:13px}.start-caption{font-size:10px;color:#c2d5cd;letter-spacing:.2px}.welcome-details{display:flex;align-items:center;gap:13px;margin-top:41px;font-size:8px;letter-spacing:1.4px;color:#b5ccc6}.detail-line{width:32px;height:1px;background:var(--line)}.scene-caption{position:absolute;right:9%;bottom:24%;display:flex;gap:13px;align-items:center;font-size:9px;font-weight:500;letter-spacing:2px}.scene-caption>div>span{display:block;margin-top:8px;font-size:8px;letter-spacing:.6px;color:#b4d0c8;font-weight:400}.caption-dot{width:8px;height:8px;border:1px solid #e1eadc;border-radius:50%;outline:1px solid #d8e9db44;outline-offset:7px}.welcome-footer{position:absolute;bottom:0;width:100%;padding:23px 4.2%;border-top:1px solid #e8f5de1c;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:.5px;color:#cadbd1}.welcome-footer i{font-style:normal;margin:0 10px;opacity:.5}.tiny-wave{font-size:26px;vertical-align:middle;margin-right:10px;color:var(--mint)}.welcome-footer>span:last-child{color:#adc6bf;font-size:9px}.welcome-footer>span:last-child>span{margin-left:20px}.loading-indicator{position:fixed;z-index:6;left:50%;bottom:17px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:11px 18px;background:#073e49;border-radius:5px;font-size:11px}.loading-indicator p{margin:0}.loading-indicator>span{width:11px;height:11px;border:1px solid #ffffff33;border-top-color:var(--orange);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* The game keeps the ocean visible; the interface stays at the edges. */
body.playing .ocean-shade{background:linear-gradient(0deg,rgba(2,28,36,.52),transparent 25%,transparent 76%,rgba(2,28,36,.45))}body.playing .topbar{padding-top:24px}body.playing .nav-actions{display:none}body.playing .wordmark>svg{width:42px}body.playing .wordmark>span{font-size:10px}body.playing .byline{font-size:6px}.hud{position:fixed;z-index:3;inset:0;pointer-events:none}.hud button,.hud .joystick{pointer-events:auto}.location-panel{position:absolute;left:4.2%;top:120px}.location-panel .eyebrow{font-size:7px;color:#b9d4cc;letter-spacing:1.7px}.location-panel h2{font-family:OceanSerif,Georgia,serif;font-weight:400;font-size:27px;letter-spacing:-.3px;margin:7px 0 9px}.location-coordinate{font-size:8px;letter-spacing:1.8px;color:#b3d1c7}.compass{position:absolute;top:27px;left:50%;transform:translateX(-50%);text-align:center;font-size:12px;letter-spacing:2px}.compass>div{font-size:12px;color:#b2d5c380;margin-top:6px;white-space:nowrap}.compass>div>span{color:var(--orange);font-size:8px}.game-actions{position:absolute;right:4.2%;top:27px;display:flex;gap:10px;align-items:center}.glass-button{background:#083a4599;backdrop-filter:blur(10px);border:1px solid var(--line);padding:11px 16px;border-radius:25px;font-size:11px;display:flex;align-items:center;gap:12px}.glass-button>span:not(.keycap){font-size:9px;color:var(--mint)}.glass-button .keycap{margin-left:0}.objective-panel{position:absolute;left:4.2%;top:224px;display:flex;gap:12px;align-items:flex-start;max-width:285px}.objective-panel .eyebrow{font-size:6px;letter-spacing:1.35px;opacity:.65}.objective-icon{font-size:26px;color:var(--orange);line-height:1.2}.objective-panel p{font-size:11px;margin:5px 0 6px;line-height:1.6}.objective-panel>div>span:last-child{font-size:9px;color:#b8d3c7}.swim-stats{position:absolute;left:4.2%;bottom:62px;display:flex;align-items:flex-end;gap:28px}.depth-stat{display:flex;align-items:center;gap:5px}.depth-stat>span:first-child{font-size:39px;font-weight:300;letter-spacing:-1.8px;line-height:1}.depth-stat>span:last-child{font-size:12px;color:var(--mint);padding-top:5px}.stat-label{display:block;font-size:6px;letter-spacing:1.4px;margin-top:5px}.boost-stat{width:130px;margin-bottom:4px}.boost-stat>div:first-child{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;margin-bottom:10px;color:var(--muted)}.boost-track{height:3px;border-radius:3px;background:#ffffff28;overflow:hidden}.boost-track>div{height:100%;width:100%;background:var(--mint);transition:width .12s linear}.controls-hint{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);display:flex;gap:15px;font-size:8px;color:#d1e2d7;white-space:nowrap;transition:opacity 1s}.controls-hint>span{display:flex;align-items:center;gap:4px}kbd{font:inherit;font-size:9px;padding:3px 5px;border-radius:3px;border:1px solid #e8f4e143;min-width:18px;text-align:center}.minimap-wrap{position:absolute;right:4.2%;bottom:38px;width:152px;text-align:center}.minimap-wrap canvas{width:152px;height:152px;display:block}.minimap-wrap>span{font-size:6px;letter-spacing:2px;display:block;margin-top:9px;color:#b8d7c9}.save-status{position:absolute;left:4.2%;bottom:25px;color:#b2cfc1;font-size:8px;letter-spacing:.3px}.toast{position:fixed;z-index:12;left:50%;top:112px;transform:translateX(-50%);display:flex;align-items:center;gap:17px;padding:21px 28px;max-width:440px;width:calc(100% - 40px);background:#073d48ed;border:1px solid #beddd344;border-radius:5px;backdrop-filter:blur(16px);box-shadow:0 16px 50px #002b3638;pointer-events:none;animation:toast-in .4s ease-out}.toast>span{color:var(--orange);font-size:33px}.toast>div>span{display:block;font-size:7px;letter-spacing:2px;color:var(--mint);margin-bottom:7px}.toast strong{font:400 25px OceanSerif,Georgia,serif}.toast p{font-size:10px;line-height:1.6;color:var(--muted);margin:5px 0 0}@keyframes toast-in{from{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%,0)}}
/* Native dialogs give menus keyboard focus and pause the current adventure. */
.panel-dialog{color:var(--cream);background:#0b3c46;border:1px solid #a9d3c63d;border-radius:8px;padding:42px;width:460px;max-width:calc(100% - 32px);max-height:calc(100dvh - 40px);box-shadow:0 30px 100px #001b3280;overflow:auto}.panel-dialog::backdrop{background:#001d2d99;backdrop-filter:blur(9px)}.panel-dialog .eyebrow{font-size:8px;color:var(--mint);margin:0 0 19px}.panel-dialog h2{font:400 49px/.99 OceanSerif,Georgia,serif;letter-spacing:-1.5px;margin:0 0 22px}.panel-dialog>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#bfd3cc}.close-button{position:absolute;right:17px;top:13px;border:0;background:none;font-size:28px;color:#b6d0c8;width:32px;height:32px}.panel-dialog .primary-button{width:100%;margin-top:23px}.keyboard-instructions{margin:22px 0}.keyboard-instructions>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e5f5dc14;font-size:10px}.keyboard-instructions kbd{font-size:8px;margin-right:3px;display:inline-block}.keyboard-instructions>div>span:last-child{color:#b8d2c6}.panel-dialog .small-note{font-size:9px!important;color:#a1bdb6!important;line-height:1.7}.touch-instructions{display:none}.secondary-button{width:100%;border:1px solid var(--line);background:none;border-radius:3px;padding:14px;font-size:12px;margin-top:12px}.secondary-button:hover{background:#b2e5d615}.pause-dialog{text-align:center}.pause-dialog .primary-button{text-align:left}.pause-dialog>.text-button{margin-top:19px}.journal-dialog{width:500px}.journal-summary{display:flex;gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;font-size:10px;color:var(--muted);margin:26px 0}.journal-summary strong{font-size:21px;font-weight:400;color:var(--cream);margin-right:5px}.journal-entry{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid #d6eada18}.journal-entry>.entry-icon{font-size:27px;width:30px;flex-shrink:0;color:var(--entry-color)}.journal-entry h3{font:400 22px OceanSerif,Georgia,serif;margin:0 0 7px}.journal-entry .entry-kicker{font-size:6px;letter-spacing:1.8px;color:var(--mint);display:block;margin-bottom:7px}.journal-entry p{font-size:10px;line-height:1.75;color:var(--muted);margin:0}.journal-entry.undiscovered{opacity:.55}.journal-dialog>.small-note{margin-top:20px}.reset-button{font-size:9px;color:#b5cec7;margin-top:10px}.reset-confirm{border:1px solid var(--line);padding:15px;border-radius:4px;margin-top:10px;font-size:11px;line-height:1.6}.reset-confirm .text-button{font-size:10px;width:100%;margin-top:6px}.complete-dialog{text-align:center}.completion-mark{display:block;font-size:66px;color:var(--orange);margin:10px 0 25px}.error-panel{position:fixed;inset:0;background:#073e49;z-index:30;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:8%;gap:20px}.error-panel h1{font-size:clamp(40px,7vw,80px);margin:0;letter-spacing:-2px}.error-panel p{max-width:470px;font-size:15px;line-height:1.8;color:var(--muted)}.error-panel>a{font-size:12px;text-decoration:underline;text-underline-offset:5px}.touch-controls{display:none}
#game-sound-button[aria-pressed=true] .sound-waves{display:block}#game-sound-button[aria-pressed=true] .sound-slash{display:none}
@media(min-width:1500px){.welcome-copy{margin-left:10%}.welcome-footer{padding-left:5%;padding-right:5%}}
@media(max-width:1050px){.welcome-copy{margin-left:6%}h1{font-size:82px}.welcome-footer>span:last-child{display:none}.scene-caption{right:6%;bottom:19%}.controls-hint{bottom:24px}.swim-stats{bottom:61px}.minimap-wrap{bottom:30px;width:128px}.minimap-wrap canvas{width:128px;height:128px}}
@media(max-width:700px){.topbar{padding:23px 6%}.wordmark>svg{width:43px}.wordmark>span{font-size:10px;letter-spacing:2px}.byline{font-size:6px}.nav-actions{gap:12px}.mivanela-link{display:none}.nav-actions>.text-button{font-size:10px}.nav-actions .keycap{display:none}.icon-button{width:34px;height:34px}.welcome-copy{margin:0 6%;max-width:92%;padding-bottom:40px}.welcome .eyebrow{font-size:7px;letter-spacing:1.7px}h1{font-size:clamp(61px,12vw,82px);letter-spacing:-2.5px;margin:23px 0}.intro{font-size:12px;line-height:1.9;max-width:310px}.primary-button{padding:16px 20px;min-width:202px}.welcome-details{font-size:6px;letter-spacing:.8px;margin-top:28px;gap:10px}.detail-line{width:20px}.scene-caption{bottom:105px;right:7%;font-size:7px}.scene-caption>div>span{font-size:6px}.welcome-footer{padding:16px 6%;font-size:8px}.welcome-footer>span:nth-child(2){display:none}.welcome-footer>span:last-child{display:block;font-size:7px}.tiny-wave{font-size:22px}.ocean-shade{background:linear-gradient(90deg,#03252bb8,transparent),linear-gradient(0deg,#03252b80,transparent 70%)}body.playing .topbar{padding:20px 5%}body.playing .wordmark>svg{width:34px}body.playing .wordmark>span{font-size:8px}body.playing .byline{display:none}.location-panel{left:5%;top:87px}.location-panel h2{font-size:21px}.location-panel .eyebrow{font-size:6px}.location-coordinate{font-size:6px}.compass{top:26px;font-size:9px;left:49%}.game-actions{right:5%;top:22px;gap:7px}.glass-button{padding:9px 11px;font-size:9px;gap:7px}.glass-button .keycap{display:none}.game-actions #fullscreen-button{display:none}.game-actions .icon-button{width:31px;height:31px;font-size:18px}.objective-panel{left:5%;top:170px;max-width:200px;gap:8px}.objective-panel .eyebrow{font-size:5px;letter-spacing:1px}.objective-panel p{font-size:9px;margin-top:4px}.objective-panel>div>span:last-child{font-size:8px}.objective-icon{font-size:20px}.minimap-wrap{width:105px;right:5%;bottom:178px}.minimap-wrap canvas{width:105px;height:105px}.minimap-wrap>span{font-size:5px;margin-top:5px}.swim-stats{left:5%;bottom:184px;gap:16px}.depth-stat>span:first-child{font-size:29px}.depth-stat>span:last-child{font-size:10px}.boost-stat{width:97px}.boost-stat>div:first-child{font-size:5px}.controls-hint{display:none}.save-status{bottom:13px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:6px}.toast{top:104px;padding:15px 18px;max-width:360px;gap:12px}.toast strong{font-size:22px}.toast p{font-size:9px}.toast>div>span{font-size:6px}.panel-dialog{padding:31px 26px;max-height:calc(100dvh - 28px)}.panel-dialog h2{font-size:43px}.panel-dialog>p:not(.eyebrow){font-size:11px}.journal-dialog h2{font-size:39px}.journal-entry h3{font-size:20px}.journal-entry p{font-size:9px}}
@media(max-width:700px),(pointer:coarse){body.playing .touch-controls{display:block;position:absolute;inset:0;pointer-events:none}.touch-controls .joystick{pointer-events:auto;touch-action:none;position:absolute;left:max(7%,env(safe-area-inset-left));bottom:max(45px,calc(25px + env(safe-area-inset-bottom)));width:108px;height:108px;border-radius:50%;border:1px solid #c5e2d84d;background:#063b474d;box-shadow:inset 0 0 25px #002b3b26}.joystick:before,.joystick:after{content:"";position:absolute;background:#c5e2d82a;left:50%;top:50%;transform:translate(-50%,-50%)}.joystick:before{width:1px;height:70%}.joystick:after{height:1px;width:70%}.joystick>div{width:44px;height:44px;position:absolute;left:31px;top:31px;border-radius:50%;background:#c5e2d845;border:1px solid #d6eee182;z-index:1}.joystick>span{position:absolute;bottom:-19px;left:0;width:100%;text-align:center;font-size:6px;letter-spacing:1.8px;color:var(--muted)}.touch-buttons{position:absolute;right:max(5%,env(safe-area-inset-right));bottom:max(48px,calc(27px + env(safe-area-inset-bottom)));display:flex;gap:10px;align-items:center}.touch-buttons>button{width:48px;height:48px;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:50%;border:1px solid #c5e2d84d;background:#063b4780;color:var(--cream);font-size:22px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.touch-buttons>button>span{font-size:5px;letter-spacing:.8px}.touch-buttons .touch-boost{width:59px;height:59px;color:var(--orange);border-color:#efb58188}.touch-buttons>button.active{background:#b5e5d640}.touch-instructions{display:block}.keyboard-instructions{display:none}.controls-hint{display:none}.swim-stats{bottom:190px}.minimap-wrap{bottom:185px}}
@media(max-height:650px) and (min-width:701px){h1{font-size:68px;margin:20px 0}.welcome-copy{padding-top:40px;padding-bottom:0}.intro{margin-bottom:20px}.welcome-details{margin-top:20px}.scene-caption{bottom:20%}.location-panel{top:100px}.objective-panel{top:190px}}
@media(max-height:500px){.welcome-copy{padding-top:50px;padding-bottom:25px}h1{font-size:49px;letter-spacing:-1.8px;margin:14px 0}.welcome .eyebrow{font-size:6px}.intro{font-size:10px;margin-bottom:14px}.primary-button{padding:12px 17px;min-width:190px}.start-caption,.welcome-details,.welcome-footer,.scene-caption{display:none}.topbar{padding:16px 5%}.welcome{align-items:center}.location-panel{top:72px}.objective-panel{top:151px}.swim-stats{bottom:42px;left:23%}.minimap-wrap{bottom:32px;width:87px;right:23%}.minimap-wrap canvas{width:87px;height:87px}.touch-controls .joystick{width:90px;height:90px;bottom:30px;left:5%}.joystick>div{left:22px;top:22px}.touch-buttons{bottom:38px;right:5%;gap:7px}.touch-buttons>button{width:40px;height:40px}.touch-buttons .touch-boost{width:46px;height:46px}.save-status{display:none}.controls-hint{bottom:15px}.panel-dialog{max-height:calc(100dvh - 20px);padding:25px}.panel-dialog h2{font-size:36px}.toast{top:75px;max-width:350px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}