:root{color-scheme:dark;--ink:#eff8f3;--muted:#96aaa4;--accent:#f1c76d;--line:#dcefe72e}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--ink);background:#061a1f;margin:0;font-family:Inter,Manrope,system-ui,sans-serif;overflow:hidden}button{font:inherit}#game-shell{background:radial-gradient(circle at 67% 14%,#347b7d,#061a1f 76%);width:100%;height:100%;min-height:520px;position:relative;overflow:hidden}#dive-canvas{outline:0;width:100%;height:100%;display:block}.is-hidden{display:none!important}.screen{z-index:10;background:linear-gradient(90deg,#031114f2,#031114ad 48%,#0311140d 79%),linear-gradient(#0000 48%,#031114bd);flex-direction:column;justify-content:center;padding:clamp(24px,7vw,110px);display:flex;position:absolute;inset:0}.eyebrow{color:#9ce4d1;letter-spacing:.18em;align-items:center;gap:11px;margin:0;font:600 10px/1 ui-monospace,monospace;display:flex}.eyebrow i{background:currentColor;width:30px;height:1px}h1,h2{letter-spacing:-.06em;max-width:950px;margin:18px 0 14px;font-size:clamp(50px,7.7vw,108px);font-weight:500;line-height:.86}h1 em,h2 em{color:var(--accent);font-style:normal;font-weight:400}.lede{color:#b7c9c4;max-width:650px;margin:8px 0 25px;font-size:clamp(15px,1.35vw,19px);line-height:1.62}.briefing{border-block:1px solid var(--line);gap:clamp(22px,5vw,65px);width:min(660px,100%);margin-bottom:30px;padding:17px 0;display:flex}.briefing span,.hud>div,.metrics span{gap:6px;display:grid}small{color:var(--muted);letter-spacing:.14em;font:600 9px/1 ui-monospace,monospace}.briefing b{font-size:12px}.screen>button{color:#182019;background:var(--accent);cursor:pointer;border:0;flex:0 0 58px;justify-content:space-between;align-items:center;block-size:58px;inline-size:min(270px,100%);padding:0 20px 0 22px;font-size:13px;font-weight:750;display:flex}.screen>button b{font-size:22px;font-weight:400}.controls,.safety{color:#829b95;max-width:760px;margin:20px 0 0;font:500 9px/1.8 ui-monospace,monospace}.safety{color:#687f7b;margin-top:9px}kbd{font:inherit;color:#dbeae5;background:#d6eee414;border:1px solid #d6eee433;border-radius:3px;padding:3px 6px}.hud{z-index:5;pointer-events:none;background:linear-gradient(#020d0fb8,#0000);grid-template-columns:1fr auto 1fr;padding:28px 32px;display:grid;position:absolute;inset:0 0 auto}.hud strong{letter-spacing:.05em;font-size:12px}.objective{text-align:center}.metrics{text-align:right;grid-auto-flow:column;justify-self:end;gap:24px;display:flex!important}.metrics strong{font:500 15px/1 ui-monospace,monospace}.metrics i{color:var(--muted);font-size:9px;font-style:normal}.reticle{z-index:4;pointer-events:none;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle:before,.reticle:after{content:"";background:#effff9b3;position:absolute}.reticle:before{width:1px;height:22px;left:10px}.reticle:after{width:22px;height:1px;top:10px}.reticle span{border:1px solid #f1c76db3;border-radius:50%;position:absolute;inset:7px}.interaction{z-index:6;border:1px solid var(--line);background:#031314d6;grid-template-columns:auto auto;align-items:center;gap:4px 9px;padding:11px 14px;display:grid;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.interaction kbd{grid-row:span 2}.interaction span{color:var(--muted);font:600 8px/1 ui-monospace,monospace}.interaction strong{font-size:11px}.toast{z-index:7;opacity:0;border-left:2px solid var(--accent);pointer-events:none;background:#031314d6;max-width:360px;padding:14px 18px;font-size:12px;line-height:1.45;transition:all .3s;position:absolute;bottom:32px;left:32px;transform:translateY(8px)}.toast.show{opacity:1;transform:none}.tip{z-index:5;color:#91a6a0;font:500 9px/1.4 ui-monospace,monospace;position:absolute;bottom:28px;right:32px}.complete-screen{text-align:center;background:#031113e8;align-items:center}.complete-screen h2{font-size:clamp(46px,6.8vw,90px)}.field-log{flex-wrap:wrap;justify-content:center;gap:8px;max-width:750px;margin:20px 0;display:flex}.field-log span{border:1px solid var(--line);padding:8px 11px;font:500 9px/1 ui-monospace,monospace}.reef-cam-monitor{z-index:8;letter-spacing:.13em;opacity:0;transform-origin:100% 100%;pointer-events:none;background:#071413;border:1px solid #94eeda6b;border-radius:5px;width:min(350px,34vw);padding:8px;font:600 8px/1 ui-monospace,monospace;transition:opacity .3s,transform .42s cubic-bezier(.18,.85,.2,1);position:absolute;bottom:clamp(22px,5vw,54px);right:clamp(18px,3vw,42px);transform:translateY(22px)scale(.94);box-shadow:0 16px 45px #0000008a,0 0 0 5px #030d0dbd}.reef-cam-monitor.is-live{opacity:1;transform:none}.reef-cam-monitor header,.reef-cam-monitor footer{color:#9bd7ca;justify-content:space-between;align-items:center;height:24px;display:flex}.reef-cam-monitor header i{background:#f47664;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 8px #f47664}.reef-cam-monitor header b{color:#f47664}.reef-cam-monitor footer{color:#698d87;height:30px;font-size:7px}.reef-cam-monitor footer b{color:#d2eadf}.reef-cam-feed{aspect-ratio:16/10;background:radial-gradient(circle at 54% 44%,#3a979966,#0000 34%),linear-gradient(#1a7377,#0a343b 68%,#243c31);border:1px solid #aceadc33;position:relative;overflow:hidden;box-shadow:inset 0 -34px 42px #04191980}.reef-cam-feed:before{content:"";z-index:6;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 3px,#000f1224 3px 4px),radial-gradient(circle,#0000 52%,#02101278);position:absolute;inset:0}.reef-cam-feed:after{content:"";filter:blur(1.5px);background:linear-gradient(#465b4814,#374c3e94 28%,#263f35 70%);border-radius:50% 50% 0 0/24% 24% 0 0;height:26%;position:absolute;bottom:-10%;left:-5%;right:-5%;box-shadow:0 -6px 18px #304d402e}.reef-cam-depth{z-index:7;color:#dbf5eead;position:absolute;top:10px;left:11px}.reef-diver{z-index:4;filter:drop-shadow(0 8px 12px #00000061);width:58%;height:58%;position:absolute;top:25%;left:50%;transform:translate(-50%)}.reef-head{z-index:5;aspect-ratio:.86;background:radial-gradient(circle at 50% 43%,#655b50 0 34%,#1a282a 36% 68%,#101b1d 70%);border:3px solid #101b1d;border-radius:49% 49% 44% 44%;width:24%;position:absolute;top:7%;left:50%;transform:translate(-50%)}.reef-head:before{content:"";background:linear-gradient(100deg,#509a9ec7,#c7e2d680 48%,#25676ec7);border:3px solid #142023;border-radius:34% 34% 40% 40%;height:37%;position:absolute;top:23%;left:6%;right:6%;box-shadow:0 0 9px #72dcd147}.reef-head:after{content:"";z-index:3;background:#243437;border:3px solid #0d1718;border-radius:45%;width:25%;height:18%;position:absolute;top:61%;left:50%;transform:translate(-50%)}.reef-head i{z-index:2;background:#081315;border-radius:50%;width:6%;height:6%;position:absolute;top:38%;left:26%;box-shadow:26px 0 #081315}.reef-head b{z-index:4;border:2px solid #0c1618;border-top:0;border-radius:0 0 50% 50%;width:7px;height:12px;position:absolute;top:67%;left:50%;transform:translate(-50%)}.reef-shoulders{z-index:2;background:radial-gradient(at 50% 25%,#334747,#192a2b 58%,#101d1f);border-radius:48% 48% 44% 44%;height:27%;position:absolute;top:43%;left:12%;right:12%;box-shadow:-32px 5px 0 -16px #182829,32px 5px 0 -16px #182829}.reef-tank{z-index:1;background:linear-gradient(90deg,#2d4240,#82958d 47%,#334945);border-radius:48% 48% 20% 20%;width:14%;height:45%;position:absolute;top:28%;left:43%;box-shadow:-18px 0 0 -2px #536a64,18px 0 0 -2px #536a64,0 0 0 3px #142223}.reef-fins{z-index:0;position:absolute;inset:0}.reef-fins:before,.reef-fins:after{content:"";clip-path:polygon(0 28%,100% 0,76% 100%,8% 78%);background:linear-gradient(#293c3d,#122426);width:31%;height:16%;position:absolute;top:57%}.reef-fins i{background:#152527;border-radius:45%;height:20%;position:absolute;top:61%;left:26%;right:26%}.reef-bubble{z-index:3;border:1px solid #cdf7eebf;border-radius:50%;animation:2.4s ease-in infinite reef-bubble;position:absolute}.bubble-a{width:9px;height:9px;top:7%;right:29%}.bubble-b{width:5px;height:5px;animation-delay:-.8s;top:-4%;right:20%}.bubble-c{width:4px;height:4px;animation-delay:-1.5s;top:17%;right:17%}.reef-fish{z-index:2;opacity:.82;background:#a7bda8;border-radius:42% 60% 60% 42%;width:11%;height:9%;animation:8s linear infinite reef-fish;position:absolute}.reef-fish i{background:inherit;clip-path:polygon(100% 50%,0 0,0 100%);width:42%;height:75%;position:absolute;top:13%;left:-38%}.reef-fish-a{top:34%;left:-15%}.reef-fish-b{opacity:.58;width:8%;animation-duration:10s;animation-delay:-3.8s;top:58%;left:-14%}.reef-fish-c{opacity:.48;width:6%;animation-duration:12s;animation-delay:-6s;top:20%;left:-12%}.reef-cam-brackets{z-index:7;border:1px solid #a1eada4d;border-width:1px 0;position:absolute;inset:18%}.reef-cam-brackets:before,.reef-cam-brackets:after{content:"";border:solid #a1eada99;width:16px;position:absolute;top:-1px;bottom:-1px}.reef-cam-brackets:before{border-width:1px 0 1px 1px;left:0}.reef-cam-brackets:after{border-width:1px 1px 1px 0;right:0}@keyframes reef-fish{0%{transform:translate(0)}to{transform:translate(430px)}}@keyframes reef-bubble{0%{opacity:0;transform:translateY(10px)scale(.7)}30%{opacity:1}to{opacity:0;transform:translate(10px,-55px)scale(1.3)}}.reef-cam-monitor{--reef-cam-bg-x:54%;--reef-cam-bg-y:44%;--reef-cam-canvas-x:0px;--reef-cam-canvas-y:0px;--reef-cam-diver-x:0px;--reef-cam-diver-y:0px}.reef-cam-feed{background:radial-gradient(circle at var(--reef-cam-bg-x) var(--reef-cam-bg-y),#3a979966,transparent 34%),linear-gradient(#1a7377,#0a343b 68%,#243c31)}#reef-cam-3d{z-index:2;width:100%;height:100%;transform:translate(var(--reef-cam-canvas-x),var(--reef-cam-canvas-y));filter:saturate(.78)contrast(.94);position:absolute;inset:0}.reef-cam-feed:after{z-index:1}.reef-diver{width:52%;height:66%;transform:translate(calc(-50% + var(--reef-cam-diver-x)),var(--reef-cam-diver-y));transition:transform 80ms linear;top:21%}.reef-head{aspect-ratio:.78;width:21%;box-shadow:none;background:radial-gradient(at 50% 46%,#8a7564 0 51%,#1b292a 53% 67%,#0000 69%);border:0;border-radius:46% 46% 42% 42%;top:4%}.reef-head:before{background:linear-gradient(90deg,#488b91c7 0 44%,#0b1719 45% 55%,#a8d3cca3 56%);border:3px solid #0b1719;border-radius:26% 26% 32% 32%;height:34%;top:25%;left:-8%;right:-8%;box-shadow:0 0 7px #72dcd138}.reef-head:after{background:#253839;border:3px solid #0b1719;border-radius:38%;width:31%;height:16%;top:66%}.reef-head i{width:5%;height:5%;top:36%;left:24%;box-shadow:24px 0 #081315}.reef-head b{border-top:3px solid #111d1e;border-bottom:3px solid #0000;border-left:0;border-right:3px solid #111d1e;border-radius:0 60% 0 0;width:24px;height:23px;top:70%;left:66%;transform:none}.reef-shoulders{background:linear-gradient(90deg,#152628,#304344 48%,#142426);border-radius:34% 34% 26% 26%;height:30%;top:39%;left:17%;right:17%;box-shadow:-31px 7px 0 -13px #1a2d2e,31px 7px 0 -13px #1a2d2e}.reef-tank{opacity:.72;border-radius:45% 45% 18% 18%;width:12%;height:32%;top:31%;left:44%;box-shadow:0 0 0 3px #142223}.reef-fins:before,.reef-fins:after{clip-path:polygon(17% 0,100% 30%,78% 100%,0 72%);background:linear-gradient(#1d3032,#0f2022);width:27%;height:19%;top:65%}.reef-fins:before{left:19%;transform:rotate(18deg)}.reef-fins:after{right:19%;transform:scaleX(-1)rotate(18deg)}.reef-fins i{display:none}.reef-fish{z-index:3;opacity:.42}@media (width<=700px){.screen{justify-content:flex-end;padding:26px 20px 32px}.briefing span:last-child,.controls,.safety{display:none}.hud{grid-template-columns:1fr auto;padding:18px}.objective{width:90%;position:absolute;top:68px;left:50%;transform:translate(-50%)}.metrics span:nth-child(2),.tip{display:none}.reef-cam-monitor{width:min(280px,76vw);bottom:18px;right:14px}.reef-cam-monitor footer span{display:none}}@media (prefers-reduced-motion:reduce){.reef-cam-monitor,.reef-fish,.reef-bubble{transition:none!important;animation:none!important}}