:root{color-scheme:dark;font-family:Avenir Next,Segoe UI,sans-serif;background:#0a3144;color:#f1f7f5;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:#0a3144}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:#0a3144}body.is-observing{overflow:hidden}button,a{font:inherit}.page{position:relative;min-height:280vh;background:#0a3144}.scene-frame{position:fixed;top:0;left:0;z-index:10;width:100%;height:100vh;min-height:560px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#a7ccda,#8fb8c8 37%,#3b8197 71%,#0c4259)}.scene-frame.is-descent{background:linear-gradient(180deg,#528f9f,#1c6078 42%,#07354d)}#scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}#scene-canvas:active{cursor:grabbing}.atmosphere,.vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.atmosphere{background:radial-gradient(circle at 50% 15%,rgba(255,245,202,.22),transparent 20%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 45%,rgba(2,24,37,.08));mix-blend-mode:screen}.scene-frame.is-descent .atmosphere{background:radial-gradient(circle at 50% 10%,rgba(143,226,219,.22),transparent 26%),linear-gradient(180deg,#158b9d47,#001f3957);mix-blend-mode:normal}.vignette{background:linear-gradient(90deg,rgba(2,27,40,.28),transparent 24%,transparent 76%,rgba(2,27,40,.22)),linear-gradient(180deg,rgba(2,27,40,.12),transparent 25%,transparent 76%,rgba(2,27,40,.42))}.scene-frame.is-descent .vignette{background:linear-gradient(90deg,rgba(0,20,36,.35),transparent 24%,transparent 76%,rgba(0,20,36,.35)),linear-gradient(180deg,rgba(0,31,50,.12),transparent 25%,transparent 72%,rgba(0,13,28,.56))}.flat-dive{--dive-progress: 0;--line-height: 18%;--hook-y: 18%;--surface-opacity: 1;--surface-opacity-secondary: .62;--surface-scene-opacity: 1;--surface-scene-y: 0px;--fish-opacity: 0;--turtle-opacity: 0;--jelly-opacity: 0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;background:#003d78;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility .32s ease}.flat-dive.is-active{opacity:1;visibility:visible}.flat-dive__water,.flat-dive__sky,.flat-dive__surface-glow,.flat-dive__particles,.flat-dive__sun-shaft{position:absolute;top:0;right:0;bottom:0;left:0}.flat-dive__water{background:linear-gradient(180deg,rgba(143,184,200,.3),transparent 33%),linear-gradient(180deg,#0b6f9a,#003d78 46%,#031d3f);transform:scale(1.05) translateY(var(--water-y, 0px));transition:filter .32s ease}.flat-dive__sky{z-index:1;right:0;bottom:auto;height:20%;background:linear-gradient(180deg,#a7ccda,#8fb8c8 72%,#8fb8c800);opacity:var(--surface-scene-opacity);transform:translateY(var(--surface-scene-y));transition:opacity .26s ease,transform .26s ease}.flat-dive__sky-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 36%,rgba(255,240,194,.52),transparent 30%),linear-gradient(90deg,rgba(255,255,255,.08),transparent 28%,transparent 72%,rgba(255,255,255,.05))}.flat-dive__surface-glow{background:radial-gradient(ellipse at 50% -8%,rgba(195,236,230,.76),transparent 30%),radial-gradient(ellipse at 50% 0%,rgba(142,208,228,.3),transparent 54%);opacity:var(--surface-opacity);mix-blend-mode:screen}.flat-dive__surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:var(--surface-scene-opacity);transform:translateY(var(--surface-scene-y));transition:opacity .26s ease,transform .26s ease}.flat-dive__surface-band{position:absolute;top:13%;left:-6%;width:112%;height:14%;background:linear-gradient(180deg,transparent 0%,rgba(255,240,194,.14) 34%,rgba(0,61,120,.46) 62%,transparent 100%),radial-gradient(ellipse at 50% 54%,rgba(195,236,230,.38),transparent 52%);clip-path:polygon(0 20%,12% 8%,30% 18%,50% 4%,70% 17%,88% 7%,100% 19%,100% 82%,82% 72%,63% 86%,43% 75%,22% 88%,0 76%)}.flat-dive__surface-line{position:absolute;left:-8%;width:116%;height:12px;border-top:1px solid rgba(231,250,237,.92);border-radius:50%;filter:blur(.2px);opacity:.8}.flat-dive__surface-line--one{top:16%;transform:rotate(-1.2deg);box-shadow:0 -3px 22px #c3ece67a,0 3px 14px #003d7847}.flat-dive__surface-line--two{top:20%;left:-3%;width:106%;opacity:.52;transform:rotate(1.8deg) scaleY(.7)}.flat-dive__surface-waves{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.flat-dive__surface-wave{position:absolute;height:14px;border-top:1px solid rgba(216,241,230,.62);border-radius:50%;filter:blur(.2px);opacity:.72}.flat-dive__surface-wave--far-left{top:11.5%;left:4%;width:29%;opacity:.34;transform:rotate(-2deg) scaleY(.68)}.flat-dive__surface-wave--far-right{top:12.5%;right:3%;width:30%;opacity:.32;transform:rotate(2deg) scaleY(.72)}.flat-dive__surface-wave--near{top:22.5%;left:27%;width:47%;opacity:.42;transform:rotate(-1deg) scaleY(.72);box-shadow:0 -5px 12px #c3ece629}.flat-dive__boat-wake{position:absolute;top:16%;left:50%;z-index:2;width:154px;height:21px;border:1px solid rgba(216,241,230,.62);border-right-color:transparent;border-left-color:transparent;border-radius:50%;box-shadow:0 4px 0 -1px #c3ece647,0 7px 13px #003d7838;opacity:.78;transform:translate(-50%,-50%) rotate(-2deg)}.flat-dive__boat-wake:after{position:absolute;top:5px;left:15px;width:122px;height:12px;border-top:1px solid rgba(216,241,230,.38);border-radius:50%;content:""}.flat-dive__boat{position:absolute;top:calc(16% - 52px);left:50%;z-index:3;width:104px;height:62px;color:#203843e0;filter:drop-shadow(0 5px 7px rgba(32,56,67,.28));transform:translate(-50%) rotate(-2deg)}.flat-dive__boat-hull{position:absolute;right:3px;bottom:10px;left:3px;height:17px;border-radius:8px 8px 45% 45%;background:linear-gradient(180deg,#b86f4cfa,#7a4639f5);clip-path:polygon(0 0,100% 0,86% 100%,14% 100%)}.flat-dive__boat-deck{position:absolute;top:32px;left:21px;width:62px;height:7px;border-radius:50%;background:#d6a16cdb;box-shadow:0 0 10px #f2c58c33}.flat-dive__boat-person{position:absolute;top:12px;left:47px;width:9px;height:20px;border-radius:5px 5px 3px 3px;background:#315a62f5}.flat-dive__boat-person:before{position:absolute;top:-8px;left:1px;width:7px;height:7px;border-radius:50%;background:#c77c59f5;content:""}.flat-dive__boat-person:after{position:absolute;top:-11px;left:-1px;width:11px;height:3px;border-radius:50%;background:#e07d55f0;content:""}.flat-dive__boat-rod{position:absolute;top:1px;left:55px;width:1px;height:47px;background:#2b3e44e6;transform:rotate(17deg);transform-origin:bottom center}.flat-dive__boat-rod:after{position:absolute;right:-18px;bottom:-14px;width:28px;height:12px;border-bottom:1px solid rgba(216,241,230,.62);border-radius:50%;content:""}.flat-dive__sun-shaft{width:24%;left:35%;right:auto;background:linear-gradient(180deg,rgba(255,240,194,.2),transparent 75%);filter:blur(8px);opacity:var(--surface-opacity);transform:skew(-11deg) translateY(var(--shaft-y, 0px))}.flat-dive__sun-shaft--two{left:58%;width:12%;opacity:var(--surface-opacity-secondary);transform:skew(16deg) translateY(var(--shaft-y, 0px))}.flat-dive__particles{opacity:.58;background-image:radial-gradient(circle at 16% 22%,rgba(216,241,230,.6) 0 1px,transparent 1.6px),radial-gradient(circle at 74% 38%,rgba(216,241,230,.48) 0 1px,transparent 1.8px),radial-gradient(circle at 48% 67%,rgba(216,241,230,.42) 0 1px,transparent 1.6px),radial-gradient(circle at 86% 82%,rgba(216,241,230,.38) 0 1px,transparent 1.8px);background-size:138px 176px,194px 226px,168px 204px,224px 252px;transform:translateY(var(--particles-y, 0px))}.flat-dive__observation-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:radial-gradient(ellipse at 50% 48%,transparent 0 18%,rgba(0,12,30,.18) 48%,rgba(0,8,22,.64) 100%);opacity:0;pointer-events:none;transition:opacity .42s ease}.flat-dive.is-observing .flat-dive__observation-shade{opacity:1}.flat-dive.is-observing .flat-dive__water{filter:brightness(.72) saturate(1.18);transform:scale(1.1) translateY(calc(var(--water-y, 0px) - 1vh))}.flat-dive.is-observing .flat-dive__particles{opacity:.28;transform:scale(1.12) translateY(var(--particles-y, 0px))}.flat-dive__line{position:absolute;top:16%;left:50%;width:1px;height:max(0%,calc(var(--line-height) - 16%));background:linear-gradient(180deg,#f1f8e014,#f1f8e0f0);box-shadow:0 0 8px #d9f6de57;opacity:.88;transform:translate(-50%);z-index:3}.flat-dive__hook{position:absolute;top:var(--hook-y);left:50%;width:16px;height:22px;border:1px solid rgba(242,248,225,.9);border-top:0;border-left-color:transparent;border-radius:0 0 12px 12px;box-shadow:0 0 12px #e4fada70;transform:translate(-50%,-4px) rotate(22deg)}.flat-dive__hook span{position:absolute;top:-5px;left:-3px;width:7px;height:7px;border:1px solid rgba(242,248,225,.9);border-radius:50%}.flat-dive__fish,.flat-dive__turtle,.flat-dive__jelly{position:absolute;opacity:0;transition:opacity .42s ease,transform .42s ease;transform-origin:center center}.flat-dive__creature{margin:0;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;cursor:zoom-in;pointer-events:auto;z-index:3}.flat-dive__creature:hover{filter:brightness(1.32) saturate(1.15)}.flat-dive__creature:focus-visible{outline:1px solid rgba(245,217,155,.9);outline-offset:7px}.flat-dive.is-observing .flat-dive__creature:not(.is-selected){opacity:.08!important;filter:blur(2px);pointer-events:none}.flat-dive.is-observing .flat-dive__fish.is-selected{z-index:6;opacity:1!important;transform:translate3d(22vw,24vh,0) scale(3.4)}.flat-dive.is-observing .flat-dive__turtle.is-selected{z-index:6;opacity:1!important;transform:translate3d(-8vw,4vh,0) rotate(-8deg) scale(2.7)}.flat-dive.is-observing .flat-dive__jelly.is-selected{z-index:6;opacity:1!important;transform:translate3d(13vw,-18vh,0) scale(3.1)}.flat-dive__fish{width:42px;height:15px;border-radius:80% 42% 42% 80%;background:#102d479e;opacity:var(--fish-opacity);transform:translate3d(var(--fish-x, 0px),var(--fish-y, 0px),0)}.flat-dive__fish:after{position:absolute;top:2px;right:-12px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:13px solid rgba(16,45,71,.62);content:""}.flat-dive__fish--school{top:27%;left:22%;box-shadow:60px 20px #102d477a,116px -10px #102d478f,172px 28px #102d4766}.flat-dive__turtle{top:43%;left:58%;width:72px;height:37px;border-radius:52% 48% 45% 50%;background:#19434eb8;opacity:var(--turtle-opacity);transform:translate3d(var(--turtle-x, 0px),var(--turtle-y, 0px),0) rotate(-8deg)}.flat-dive__turtle:before,.flat-dive__turtle:after{position:absolute;width:42px;height:13px;border-radius:80% 20%;background:#19434ead;content:""}.flat-dive__turtle:before{top:-7px;left:-22px;transform:rotate(-24deg)}.flat-dive__turtle:after{right:-24px;bottom:-4px;transform:rotate(18deg)}.flat-dive__jelly{width:38px;height:28px;border-radius:50% 50% 36% 36%;background:#b8f1ed8a;box-shadow:0 0 18px #8bf2e35c;opacity:var(--jelly-opacity)}.flat-dive__jelly:after{position:absolute;right:5px;bottom:-22px;left:5px;height:25px;border-right:1px solid rgba(184,241,237,.7);border-left:1px solid rgba(184,241,237,.7);content:""}.flat-dive__jelly--one{top:70%;left:30%;transform:translateY(var(--jelly-y, 0px))}.flat-dive__jelly--two{top:77%;left:68%;width:27px;height:21px;transform:translateY(var(--jelly-y, 0px))}.flat-dive__caption{position:absolute;right:34px;bottom:28px;color:#e5faeeb8;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.flat-dive.is-entry .flat-dive__fish,.flat-dive.is-entry .flat-dive__turtle,.flat-dive.is-entry .flat-dive__jelly{opacity:0}.creature-info{position:absolute;right:34px;bottom:25%;z-index:5;width:min(300px,calc(100% - 48px));padding:17px 18px 16px;border-top:1px solid rgba(243,251,247,.7);background:#031c30b8;opacity:0;visibility:hidden;transform:translateY(14px);pointer-events:none;transition:opacity .32s ease,visibility .32s ease,transform .32s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.creature-info.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.creature-info__kicker,.creature-info__latin,.creature-info__stats span{color:#f3fbf794;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.creature-info h2{margin:8px 0 3px;color:#f7f8e8;font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:400;letter-spacing:-.04em}.creature-info__latin{color:#f5d99bd1;font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic;letter-spacing:0;text-transform:none}.creature-info__stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0 13px;padding:10px 0;border-top:1px solid rgba(243,251,247,.16);border-bottom:1px solid rgba(243,251,247,.16)}.creature-info__stats div{display:grid;gap:4px}.creature-info__stats strong{color:#f6fae8;font-size:12px;font-weight:500}.creature-info p{margin:0 0 16px;color:#f3fbf7c7;font-size:12px;line-height:1.55}.creature-info__close{padding:0;border:0;background:transparent;color:#f5d99b;cursor:pointer;font-size:9px;font-weight:700;letter-spacing:.14em}.creature-info__close span{margin-left:4px;font-size:12px}.hud,.scene-hint,.target-card,.loading-state,.fallback-state{position:absolute;z-index:2}.hud-top{top:28px;left:34px;right:34px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.eyebrow,.hud-label,.target-kicker,.state-chip,.bottom-note,.scroll-meter,.target-action{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.eyebrow{color:#f3fbf7b8}h1{margin:10px 0 0;color:#f4faf4;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,5vw,74px);font-weight:400;letter-spacing:-.055em;line-height:.9}.state-chip{padding:9px 12px;border:1px solid rgba(243,251,247,.33);color:#f3fbf7d1;line-height:1}.depth-panel{top:50%;left:34px;transform:translateY(-50%);pointer-events:none}.hud-label{margin-bottom:7px;color:#f3fbf799}.depth-value{color:#f6fae8;font-family:Georgia,Times New Roman,serif;font-size:clamp(52px,7vw,108px);font-variant-numeric:tabular-nums;letter-spacing:-.07em;line-height:.88}.depth-value span{margin-left:6px;color:#f6fae89e;font-family:Avenir Next,Segoe UI,sans-serif;font-size:.23em;letter-spacing:.08em;vertical-align:.2em}.zone-value{margin-top:14px;color:#f3fbf7c2;font-size:11px;font-weight:700;letter-spacing:.19em}.scene-hint{bottom:18%;left:50%;width:max-content;max-width:calc(100% - 48px);transform:translate(-50%);color:#f6fae8e0;font-size:11px;font-weight:700;letter-spacing:.18em;text-align:center;text-transform:uppercase;transition:opacity .22s ease,transform .22s ease;pointer-events:none}.target-card{right:34px;bottom:28%;width:220px;padding:15px 16px 17px;border-top:1px solid rgba(243,251,247,.62);background:#0526365c;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .32s ease,transform .32s ease,background .22s ease;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.target-card.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.target-card.is-cast{background:#05263694}.target-kicker{color:#f3fbf794}.target-title{margin-top:8px;color:#f7f8e8;font-family:Georgia,Times New Roman,serif;font-size:28px;letter-spacing:-.04em}.target-card p{margin:9px 0 15px;color:#f3fbf7b8;font-size:12px;line-height:1.45}.target-action{color:#f5d99b;font-size:9px}.target-action span{display:inline-block;margin-left:7px;font-size:14px;letter-spacing:0}.hud-bottom{right:34px;bottom:28px;left:34px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.bottom-note{color:#f3fbf791}.scroll-meter{display:flex;align-items:center;gap:11px;color:#f3fbf7a3;white-space:nowrap}.meter-track{width:80px;height:1px;overflow:hidden;background:#f3fbf740}.meter-fill{width:0%;height:100%;background:#f5d99b;transition:width .1s linear}.loading-state,.fallback-state{top:50%;left:50%;padding:11px 15px;border:1px solid rgba(243,251,247,.35);background:#05263685;color:#f3fbf7c7;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;transform:translate(-50%,-50%);transition:opacity .3s ease;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loading-state.is-hidden{opacity:0}.fallback-state{max-width:min(420px,calc(100% - 40px));color:#fff4d2;font-size:12px;line-height:1.5;text-align:center;text-transform:none}.scroll-space{height:180vh}@media(max-width:700px){.page{min-height:240vh}.scene-frame{min-height:520px}.hud-top,.hud-bottom{right:18px;left:18px}.hud-top{top:20px}.depth-panel{top:47%;left:18px}.target-card{right:18px;bottom:22%;width:195px}.creature-info{right:18px;bottom:18%;width:min(280px,calc(100% - 36px))}.scene-hint{bottom:14%;max-width:calc(100% - 36px);font-size:9px}.bottom-note{max-width:150px;font-size:8px;line-height:1.4}.scroll-meter{gap:7px;font-size:8px}.meter-track{width:42px}}@media(prefers-reduced-motion:reduce){.target-card,.scene-hint,.loading-state{transition:none}}