:root{--ink:#eaf6ff;--ink-soft:rgba(234,246,255,0.72);--ink-faint:rgba(234,246,255,0.45);--line:rgba(234,246,255,0.18);--glass:rgba(4,18,38,0.55);--glow:#7fe3ff;--gold:#ffd479;--danger:#ff8a8a;--mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;color:var(--ink);font-family:var(--sans);background:rgb(30,108,156);transition:background .15s linear;-webkit-font-smoothing:antialiased;overflow-x:hidden}main{position:relative}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:clamp(2.6rem,8vw,5.5rem);line-height:1}h2{font-size:clamp(2rem,5vw,3.4rem);line-height:1.05}h3{font-size:1.15rem}p{line-height:1.6}.kicker{font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .6rem}.hud{position:fixed;top:16px;right:16px;z-index:20;text-align:right;pointer-events:none;max-width:min(360px,calc(100vw - 32px))}.readout{display:inline-block;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.depth{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:600;color:var(--glow);line-height:1.1}.zone-name{font-size:.9rem;margin-top:2px}.pressure{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.75rem;color:var(--ink-faint)}.milestone{margin-top:8px;font-size:.8rem;color:var(--ink-soft);line-height:1.4}.shelf{position:fixed;bottom:16px;right:16px;z-index:20;display:flex;gap:6px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.slot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);border:1px solid var(--line);color:var(--ink-faint)}.slot.earned{background:var(--gold);border-color:var(--gold);color:#3a2800;font-weight:700}.slot.paid{border:1.5px dashed var(--ink-soft);color:var(--ink-soft)}.toast{position:fixed;bottom:16px;left:16px;z-index:30;max-width:calc(100vw - 260px);line-height:1.4;padding:10px 14px;border-radius:10px;background:rgba(0,0,0,.75);border:1px solid var(--line);font-size:.85rem;display:flex;gap:12px;align-items:center}.toast a{color:var(--glow)}section{padding:0 16px}main>section{position:relative;z-index:1}h1,h2,h3,li,p{text-shadow:0 1px 2px rgba(0,8,20,.55),0 2px 14px rgba(0,8,20,.45)}.surface{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:18vh;max-width:1100px;margin:0 auto;padding-left:max(24px,6vw)}.surface h1{max-width:9ch}.surface .lede{font-size:1.3rem;color:var(--ink);max-width:30ch;margin:1.2rem 0 .4rem}.surface .rule{font-family:var(--mono);color:#ffe6ad;font-size:.95rem}.zone{max-width:600px;padding-top:16vh;padding-bottom:22vh}.zone.lead{margin:0 auto 0 max(290px,20vw)}.zone.trail{margin:0 max(24px,9vw) 0 auto}.block{margin:0 0 18vh}.zone .lede{font-size:1.2rem;color:var(--ink);max-width:44ch}.light{color:var(--ink-soft);font-style:italic;max-width:50ch}.meta{margin:.5rem 0 1rem;font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;color:var(--ink-faint)}.facts{list-style:none;padding:0}.facts li{padding:14px 0;border-top:1px solid var(--line);color:var(--ink-soft);font-size:1.05rem}.cards{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(2,14,30,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card p{margin:.4rem 0 0;color:var(--ink-soft);font-size:.95rem}.card .sci{font-style:italic;color:var(--ink-faint);margin-top:2px}.card.vessel{border-style:dashed}.landmark h3{font-size:clamp(1.6rem,4vw,2.4rem);color:var(--gold)}.gate{margin:10vh 0 30vh;padding:24px;border:1px solid rgba(127,227,255,.5);border-radius:16px;background:rgba(0,10,25,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 50px rgba(0,0,0,.45)}.gate .meta{color:var(--glow);margin-top:0}.gate h3{font-size:1.35rem;margin-bottom:16px}.options{display:grid;grid-gap:10px;gap:10px}.options button{text-align:left;padding:14px 16px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--ink);font:inherit;font-size:1rem;cursor:pointer;transition:background .15s,border-color .15s}@media (hover:hover){.options button:hover:not(:disabled){background:rgba(127,227,255,.14);border-color:var(--glow)}}.options button:active:not(:disabled){background:rgba(127,227,255,.2);border-color:var(--glow)}.options button:disabled{cursor:default;opacity:.6}.options button.pending{opacity:1;border-color:var(--glow)}.error{color:var(--danger);margin:12px 0 0;font-size:.95rem}.skip{display:block;margin:18px auto 0;background:none;border:none;color:var(--ink-faint);font:inherit;font-size:.9rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}@media (hover:hover){.skip:hover:not(:disabled){color:var(--ink-soft)}}.count{margin:16px 0 0;font-family:var(--mono);font-size:.78rem;color:var(--ink-faint)}.count,.floor{text-align:center}.floor{min-height:100vh;max-width:900px;margin:0 auto;padding-top:25vh;padding-bottom:20vh}.collection{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px;margin:40px 0 24px}.badge{aspect-ratio:1;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px}.badge.earned{background:var(--gold);color:#3a2800}.badge.paid{border:2px dashed var(--ink-faint);color:var(--ink-faint)}.badge .num{font-family:var(--mono);font-size:1.6rem;font-weight:700}.badge .label{font-size:.72rem;line-height:1.2}.badge .state{font-family:var(--mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.verdict{font-size:1.3rem}.verdict span{color:var(--ink-soft)}.earn-back{text-align:left;max-width:640px;margin:0 auto}.earn-back .gate{margin:12px 0 24px}.earn-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:28px}.earn-nav p{margin:0;font-family:var(--mono);font-size:.8rem;color:var(--ink-soft);text-align:center}.earn-nav button{min-height:44px;min-width:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:rgba(2,14,30,.7);color:var(--ink);font:inherit;font-size:.85rem;cursor:pointer;white-space:nowrap}.earn-nav button:disabled{opacity:.35;cursor:default}.earn-nav button:active:not(:disabled){background:rgba(127,227,255,.14);border-color:var(--glow)}@media (hover:hover){.earn-nav button:hover:not(:disabled){border-color:var(--glow)}}.again{margin-top:32px;padding:12px 22px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;cursor:pointer}@media (max-width:640px){.hud{top:10px;right:10px}.readout{padding:8px 12px}.milestone{display:none}.shelf{top:auto;bottom:10px;right:50%;transform:translateX(50%)}.toast{bottom:64px;left:10px;right:10px;max-width:none}.collection{gap:6px}.badge .label{display:none}.gate{padding:18px}}@media (prefers-reduced-motion:reduce){.hint{animation:none}body{transition:none}}.ocean{position:fixed;inset:0;width:100vw;z-index:0;opacity:0;transition:opacity 1.2s ease;pointer-events:none}.ocean.live{opacity:1}.surface:before{content:"";position:absolute;left:0;bottom:6vh;width:min(980px,90vw);height:62vh;background:radial-gradient(ellipse 60% 55% at 32% 62%,rgba(0,22,48,.42),transparent 72%);z-index:-1;pointer-events:none}@media (max-width:1100px){.zone.lead,.zone.trail{margin:0 auto}}@media (max-width:640px){.zone{padding-top:12vh}.surface{padding-left:20px;padding-bottom:14vh}}.eiffel{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.tower-img{will-change:transform;opacity:var(--tower-o,.75)}.diver-tag,.tower-img{position:absolute;left:0;top:0}.diver-tag{white-space:nowrap;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em}.diver{position:absolute;left:0;top:0;display:flex;align-items:center;gap:6px;margin-top:calc(var(--diver-h, 16px) / -2)}.diver-body{height:var(--diver-h,16px);width:calc(var(--diver-h, 16px) / 3);overflow:visible}.diver-tag{position:static;color:var(--gold)}.diver-tag:before{content:"";display:inline-block;width:16px;height:1px;margin-right:6px;vertical-align:middle;background:var(--gold)}.eiffel-count{position:absolute;left:16px;bottom:16px;margin:0;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--mono);font-size:.8rem;color:var(--gold)}@media (max-width:640px){.eiffel-count{top:10px;left:10px;bottom:auto;font-size:.72rem}.diver-tag{display:none}}.skip.demo{margin-top:6px}.zone{display:flex;flex-direction:column;min-height:330vh}.zone .gate{margin-top:auto}main>section{pointer-events:none}main>section>*{pointer-events:auto}.callouts{position:fixed;inset:0;z-index:0;pointer-events:none}.callout-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.callout-lines line{stroke:rgba(234,246,255,.6);stroke-width:1;opacity:0;transition:opacity .3s}.callout-lines circle{fill:var(--gold)}.callout,.callout-lines circle{opacity:0;transition:opacity .3s}.callout{position:absolute;left:0;top:0;width:250px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(2,14,30,.8);box-shadow:0 10px 30px rgba(0,0,0,.35);pointer-events:none;will-change:transform}.callout p{text-shadow:none}.c-name{margin:0;font-weight:600;font-size:.98rem}.c-meta{margin:2px 0 6px;font-family:var(--mono);font-size:.68rem;color:var(--ink-faint)}.c-note{margin:0;font-size:.82rem;line-height:1.45;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.callout a{display:inline-block;margin-top:8px;font-size:.8rem;color:var(--glow);text-decoration:none}@media (hover:hover){.callout a:hover{text-decoration:underline}}@media (max-width:640px){.callouts{z-index:2}.callout{width:auto;max-width:70vw;padding:6px 12px;border-radius:999px;display:flex;align-items:center;gap:10px;background:rgba(2,14,30,.88)}.c-meta,.c-note{display:none}.c-name{font-size:.82rem;white-space:nowrap}.callout a{margin:0;font-size:.74rem;white-space:nowrap}}.callouts.compact .callout{width:auto;max-width:70vw;padding:6px 12px;border-radius:999px;display:flex;align-items:center;gap:10px;background:rgba(2,14,30,.88)}.callouts.compact .c-meta,.callouts.compact .c-note{display:none}.callouts.compact .c-name{font-size:.82rem;white-space:nowrap}.callouts.compact .callout a{margin:0;font-size:.74rem;white-space:nowrap}.callout.on{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ocean{height:100vh;height:100lvh}@media (max-width:700px),(pointer:coarse){*,:after,:before{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.eiffel-count,.readout,.shelf{background:rgba(3,14,30,.86)}.card{background:rgba(2,14,30,.82)}.gate{background:rgba(0,10,25,.94)}.callout,.gate{box-shadow:none}.callout{background:rgba(2,14,30,.92)}h1,h2,h3,li,p{text-shadow:0 1px 3px rgba(0,8,20,.7)}.options button{min-height:50px}}@media (min-width:701px) and (pointer:fine){.tower-img{filter:sepia(.35) hue-rotate(160deg) saturate(.9)}}@media (max-width:700px){.eiffel .tower-img{opacity:calc(var(--tower-o, .6) * .45)}.surface:before{left:0;width:100%;bottom:4vh;height:75vh;background:radial-gradient(ellipse 75% 60% at 40% 55%,rgba(0,20,44,.62),transparent 78%)}.shelf{padding:5px 8px;gap:5px}.slot{width:24px;height:24px;font-size:.68rem}main>section{padding-bottom:64px}}body,html{max-width:100%}body,html,main{overflow-x:clip}.callout a{padding:14px 8px;margin:-14px -8px}.callout.on{pointer-events:auto}.skip{min-height:44px;padding:10px 14px;margin-top:10px;border-radius:8px}.skip.demo{margin-top:0}.skip:active:not(:disabled){color:var(--ink);background:rgba(127,227,255,.08)}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--glow);outline-offset:3px;border-radius:6px}.hud{top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right))}.shelf{bottom:calc(16px + env(safe-area-inset-bottom))}@media (max-width:640px){.hud{right:calc(10px + env(safe-area-inset-right))}.eiffel-count,.hud{top:calc(10px + env(safe-area-inset-top))}.eiffel-count{font-size:.78rem}.shelf{bottom:calc(10px + env(safe-area-inset-bottom))}.callout a{font-size:.8rem}}.slot{font-size:.75rem}.shelf{transition:opacity .25s}@media (max-width:700px){.shelf.at-floor{opacity:0;visibility:hidden}.toast{font-size:.85rem;bottom:calc(64px + env(safe-area-inset-bottom))}}