:root{color-scheme:dark;--ink: #02080c;--cyan: #75f4df;--cyan-soft: #9ddfd4;--warm: #e8c996;--line: rgba(172, 236, 225, .22);--panel: rgba(3, 15, 20, .78);--mono: "DM Mono", ui-monospace, monospace;--serif: "Cormorant Garamond", Georgia, serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink)}body{color:#d9eeea;font-family:var(--mono)}button{color:inherit;font:inherit}button:focus-visible{outline:1px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}#ocean{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:grab}#ocean:active{cursor:grabbing}#ocean.lamp-off{filter:saturate(.78) brightness(.73)}body:after{content:"";position:fixed;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at center,transparent 48%,rgba(0,4,7,.34) 100%);box-shadow:inset 0 0 120px #000205b3;mix-blend-mode:multiply}.glass{position:fixed;inset:14px;z-index:9;pointer-events:none;border:1px solid rgba(165,223,212,.08)}.glass:before,.glass:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--line),transparent);opacity:.45}.glass:before{left:31%}.glass:after{right:31%}.glass i{position:absolute;width:36px;height:36px;border-color:#93e5d559}.glass i:nth-child(1){left:-1px;top:-1px;border-left:1px solid;border-top:1px solid}.glass i:nth-child(2){right:-1px;top:-1px;border-right:1px solid;border-top:1px solid}.glass i:nth-child(3){left:-1px;bottom:-1px;border-left:1px solid;border-bottom:1px solid}.glass i:nth-child(4){right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}.hud{position:fixed;z-index:10;transition:opacity .5s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.micro{color:#b4ddd6a6;font:300 9px/1.5 var(--mono);letter-spacing:.22em;text-transform:uppercase}.top-hud{top:36px;left:43px;right:43px;display:flex;justify-content:space-between;align-items:flex-start}.identity strong{display:block;margin-top:8px;font:500 18px/1 var(--serif);letter-spacing:.23em}.identity strong em{color:var(--cyan-soft);font-weight:400}.instruments{display:flex;gap:28px;align-items:center}.instruments div{display:grid;grid-template-columns:auto auto;min-width:78px;column-gap:4px;align-items:baseline}.instruments div span{grid-column:1 / -1;color:#afd4cf80;font-size:8px;letter-spacing:.19em}.instruments b{color:#e5f7f3;font:300 17px var(--mono);letter-spacing:.08em}.instruments small{color:#b7dad394;font-size:8px}.text-button{border:0;border-bottom:1px solid rgba(157,225,213,.3);padding:6px 0;background:none;color:#bde1db8c;font-size:8px;letter-spacing:.17em;cursor:pointer}.text-button:hover{color:var(--cyan)}.zone-card{left:44px;top:32%;width:270px;padding-left:18px;border-left:1px solid rgba(114,238,217,.45)}.zone-card h2,.contact-card h2,.log-panel h2{margin:9px 0 6px;color:#f0f4ee;font:400 32px/.95 var(--serif)}.zone-card p{color:#d1e4dfa3;font:italic 400 15px/1.5 var(--serif)}.zone-card.out{opacity:0;transform:translate(-15px)}.contact-card{right:42px;top:23%;width:min(330px,calc(100vw - 48px));padding:23px 27px 26px;background:linear-gradient(135deg,#05181de0,#020b10c2);border:1px solid rgba(130,232,212,.2);box-shadow:0 26px 70px #00000059;backdrop-filter:blur(15px)}.contact-card:before{content:"";position:absolute;left:-7px;top:22px;height:54px;border-left:1px solid var(--cyan)}.contact-card .close{position:absolute;right:14px;top:9px;border:0;background:none;font:300 22px var(--mono);opacity:.6;cursor:pointer}.contact-card h2{color:#effbf7;font-size:37px}.contact-card .latin{margin:0 0 18px;color:var(--cyan-soft);font:italic 14px var(--serif)}.contact-card>p:not(.latin){color:#ddede8ba;font:400 15px/1.55 var(--serif)}.finding{margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}.finding span{color:#8feddca6;font-size:8px;letter-spacing:.2em}.finding p{margin:7px 0 0;color:#dcece8;font-size:10px;line-height:1.7}.reticle{position:fixed;z-index:8;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);border:1px solid rgba(151,228,214,.12);border-radius:50%;pointer-events:none;transition:border-color .3s,transform .3s}.reticle:before,.reticle:after{content:"";position:absolute;background:#b5ece159}.reticle:before{width:7px;height:1px;left:18px;top:21px}.reticle:after{width:1px;height:7px;left:21px;top:18px}.reticle.contact{border-color:#6df4dabf;box-shadow:0 0 22px #29e3c426;transform:translate(-50%,-50%) scale(1.2)}.reticle i{position:absolute;inset:-8px;border:1px dashed transparent;border-radius:50%}.reticle.contact i{border-color:#70eed64d;animation:spin 8s linear infinite}.reticle span{position:absolute;top:53px;left:50%;transform:translate(-50%);white-space:nowrap;color:#a4eadcad;font-size:8px;letter-spacing:.14em}.bottom-hud{left:43px;right:43px;bottom:36px;display:flex;justify-content:space-between;align-items:flex-end}.sonar-wrap{display:flex;gap:13px;align-items:center;min-width:245px}.sonar-wrap p{margin:5px 0 0;color:#cfe6e0;font-size:10px;letter-spacing:.12em}.sonar{position:relative;width:52px;height:52px;border:1px solid rgba(135,220,204,.25);border-radius:50%;overflow:hidden;background:radial-gradient(circle,rgba(45,163,144,.15),transparent 65%)}.sonar:before,.sonar:after{content:"";position:absolute;background:#82dccc26}.sonar:before{width:1px;height:100%;left:50%}.sonar:after{height:1px;width:100%;top:50%}.sonar i{position:absolute;left:50%;top:50%;width:25px;height:25px;transform-origin:0 0;background:conic-gradient(from -40deg,rgba(89,236,208,.35),transparent 55deg);animation:sweep 4s linear infinite}.sonar span,.sonar b{position:absolute;width:3px;height:3px;background:var(--cyan);border-radius:50%;opacity:0;box-shadow:0 0 5px var(--cyan)}.sonar span{left:15px;top:27px}.sonar b{right:10px;top:15px}.sonar.active span,.sonar.active b{animation:blip 2.2s ease-out}.hint{margin:0 20px 7px;color:#acd2cc73;font-size:8px;letter-spacing:.18em;text-align:center}.actions{display:flex;gap:8px}.actions button{min-width:77px;height:36px;border:1px solid rgba(135,220,204,.2);background:#030f138c;color:#cae6e0b8;font-size:8px;letter-spacing:.12em;cursor:pointer;backdrop-filter:blur(8px)}.actions button:hover:not(:disabled),.actions button[aria-pressed=true]{border-color:#7aefd999;color:var(--cyan)}.actions button:disabled{opacity:.3;cursor:not-allowed}.actions button span{color:var(--cyan);margin-right:6px}.intro{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(16,60,64,.25),transparent 43%),linear-gradient(#02090d,#01070a 65%,#000406);transition:opacity 1.8s ease,visibility 1.8s}.intro:before{content:"";position:absolute;inset:0;opacity:.6;background-image:radial-gradient(circle,rgba(111,221,204,.45) 0 1px,transparent 1.5px);background-size:87px 103px;mask-image:linear-gradient(to bottom,black,transparent 75%)}.intro:after{content:"";position:absolute;left:50%;top:-18%;width:1px;height:73%;transform:perspective(200px) rotateX(-18deg);box-shadow:0 0 90px 30px #75ebd81c,0 0 240px 100px #4eaea50d;background:linear-gradient(rgba(164,248,230,.2),transparent)}.intro.leaving{opacity:0;visibility:hidden;pointer-events:none}.intro-copy{position:relative;z-index:2;text-align:center}.intro h1{margin:24px 0 15px;color:#e8f3ee;font:400 clamp(64px,10vw,126px)/.64 var(--serif);letter-spacing:.1em;text-shadow:0 0 45px rgba(110,222,205,.12)}.intro h1 em{color:#86dbcc;font-weight:400;font-size:.78em;letter-spacing:.4em;margin-left:.36em}.prologue{margin:35px 0 25px;color:#dbe8e1a1;font:italic 400 18px/1.45 var(--serif)}.intro #begin{width:205px;height:48px;border:1px solid rgba(116,232,211,.42);background:#07191d6b;color:#d8f0eb;font-size:9px;letter-spacing:.21em;cursor:pointer;transition:background .25s,border-color .25s}.intro #begin:hover{background:#2882762e;border-color:var(--cyan)}.intro #begin span{margin-left:12px;color:var(--cyan)}.intro-copy small{display:block;margin-top:12px;color:#adcdc559;font-size:8px;letter-spacing:.1em}.intro-depth{position:absolute;left:42px;top:15%;bottom:15%;display:flex;flex-direction:column;align-items:center;z-index:2;color:#a9d5cc59;font-size:8px;letter-spacing:.16em}.intro-depth i{flex:1;width:1px;margin:12px 0;background:linear-gradient(#7be4d259,#7be4d20a)}.coordinates{position:absolute;right:42px;bottom:38px;color:#a4ccc459;text-align:right;font-size:8px;line-height:1.8;letter-spacing:.13em}.log-panel{position:fixed;z-index:25;inset:28px;padding:clamp(26px,5vw,65px);background:#01090df0;border:1px solid var(--line);backdrop-filter:blur(24px);overflow:auto}.log-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.log-panel h2{font-size:52px;margin-bottom:0}.log-head button{align-self:flex-start;border:0;background:none;font-size:28px;cursor:pointer;opacity:.6}.log-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;margin-top:30px;background:var(--line)}.log-entry{min-height:190px;padding:24px;background:#031015}.log-entry span{color:var(--cyan);font-size:8px;letter-spacing:.16em}.log-entry h3{margin:14px 0 4px;font:400 27px var(--serif)}.log-entry em{color:#b2dcd48c;font:italic 13px var(--serif)}.log-entry p{color:#d2e7e2a6;font:400 14px/1.55 var(--serif)}.empty{padding:70px 0;color:#b9d9d273;font:italic 18px/1.6 var(--serif);text-align:center}.loading{position:fixed;inset:0;z-index:50;display:grid;place-content:center;background:#010609;transition:opacity .8s,visibility .8s}.loading.ready{opacity:0;visibility:hidden}.loading span{width:145px;height:1px;background:#6ee7d126;overflow:hidden}.loading span:after{content:"";display:block;width:40%;height:100%;background:var(--cyan);animation:load 1.3s ease-in-out infinite}.loading p{margin-top:14px;color:#a4d5cc80;font-size:8px;letter-spacing:.22em;text-align:center}.mobile-controls{display:none}@keyframes sweep{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blip{0%{opacity:0}30%,60%{opacity:1}to{opacity:0}}@keyframes load{0%{transform:translate(-110%)}to{transform:translate(370%)}}body.cinematic .zone-card,body.cinematic .top-hud,body.cinematic .bottom-hud{opacity:.28}@media (max-width: 760px){.glass{inset:7px}.top-hud{top:20px;left:20px;right:20px}.identity .micro,.identity strong{display:none}.instruments{width:100%;justify-content:space-between;gap:10px}.instruments div{min-width:auto}.instruments div:nth-child(2){display:none}.instruments b{font-size:14px}.zone-card{left:21px;top:20%;width:215px}.zone-card h2{font-size:27px}.contact-card{right:18px;top:18%}.bottom-hud{left:20px;right:20px;bottom:18px;display:grid;grid-template-columns:1fr auto;gap:12px}.sonar-wrap{min-width:0}.hint{display:none}.actions{grid-column:1 / -1;justify-content:center}.actions button{min-width:65px}.actions #lamp{display:none}.intro h1{font-size:64px}.intro-depth,.coordinates{display:none}.prologue{font-size:16px}.mobile-controls{position:fixed;z-index:12;right:18px;bottom:120px;display:grid;grid-template-columns:repeat(3,35px);gap:5px}.mobile-controls button{width:35px;height:35px;border:1px solid rgba(130,220,204,.2);background:#020d118c;color:#b4e2da99;border-radius:50%;touch-action:none}.mobile-controls button:nth-child(4){grid-column:2}.mobile-controls button:nth-child(5){grid-column:2}.log-panel{inset:8px;padding:27px 19px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.hud,.intro{transition-duration:.1s}}