@font-face{font-family:pixel;src:url(../media/PressStart2P_Regular-s.p.2z7v_ykrtpt8o.ttf)format("truetype");font-display:swap}@font-face{font-family:pixel Fallback;src:local(Arial);ascent-override:45.63%;descent-override:0.0%;line-gap-override:0.0%;size-adjust:219.15%}.pixel_1746f142-module__0ElwOa__className{font-family:pixel,pixel Fallback}.pixel_1746f142-module__0ElwOa__variable{--font-pixel:"pixel", "pixel Fallback"}
:root{--abyss:#0d2630;--deep:#12333f;--panel:#1a3f4d;--panel-2:#22505f;--line:#ffffff1f;--ocean:#5ba9b8;--cyan:#00d9ff;--cyan-soft:#6fd8ee;--foam:#e8f4f6;--ink:#0b1c22;--gold:gold;--coral:#c73e1d;--sand:#c9ae6e;--muted:#a9c6cd;--radius:10px;--max:1120px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--abyss);color:var(--foam);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--cyan-soft)}a:hover{color:var(--cyan)}.pixel{font-family:var(--font-pixel), monospace;letter-spacing:.02em;line-height:1.5}h1,h2,h3{font-family:var(--font-pixel), monospace;margin:0 0 .6em;font-weight:400;line-height:1.45}h1{color:var(--foam);text-shadow:0 3px 0 var(--ink);font-size:clamp(1.25rem,3vw,1.9rem)}h2{color:var(--cyan-soft);font-size:clamp(1rem,2.4vw,1.4rem)}h3{color:var(--gold);font-size:clamp(.85rem,1.8vw,1rem)}p{margin:0 0 1em}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 16px}.section{padding:56px 0}.section+.section{border-top:1px solid var(--line)}.lead{color:var(--foam);font-size:1.12rem}.muted{color:var(--muted)}.small{font-size:.88rem}.btn{font-family:var(--font-pixel), monospace;border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.72rem;text-decoration:none;transition:transform 80ms;display:inline-flex}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn-gold{background:var(--gold);color:var(--ink)}.btn-gold:hover{color:var(--ink);filter:brightness(1.06)}.btn-cyan{background:var(--cyan-soft);color:var(--ink)}.btn-cyan:hover{color:var(--ink);filter:brightness(1.06)}.btn-ghost{color:var(--foam);border-color:var(--line);box-shadow:none;background:0 0}.btn-ghost:hover{color:var(--cyan);border-color:var(--cyan)}.stores{flex-wrap:wrap;gap:12px;display:flex}.features{gap:40px;display:grid}.feature{grid-template-columns:1fr 1.2fr;align-items:center;gap:28px;display:grid}.feature:nth-child(2n) .feature-text{order:2}.feature img{border-radius:var(--radius);border:2px solid var(--ink)}@media (max-width:760px){.feature{grid-template-columns:1fr}.feature:nth-child(2n) .feature-text{order:0}}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--foam);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.card:hover{border-color:var(--cyan);color:var(--foam)}.card img{aspect-ratio:16/9;object-fit:cover;width:100%}.card-body{padding:14px 16px 18px}.card-body h3{margin-bottom:.4em}.tag{font-family:var(--font-pixel), monospace;background:var(--panel-2);color:var(--cyan-soft);border-radius:4px;margin:0 6px 8px 0;padding:4px 8px;font-size:.58rem;display:inline-block}.board{border-collapse:collapse;background:var(--panel);border-radius:var(--radius);width:100%;overflow:hidden}.board th,.board td{text-align:left;border-bottom:1px solid var(--line);padding:10px 14px}.board th{font-family:var(--font-pixel), monospace;color:var(--muted);background:var(--panel-2);font-size:.62rem;font-weight:400}.board td.num,.board th.num{text-align:right;font-variant-numeric:tabular-nums}.board tr.top1 td{color:var(--gold)}.board .rank{font-family:var(--font-pixel), monospace;width:3.5em;font-size:.7rem}.board-wrap{overflow-x:auto}.site-hero img{border-radius:var(--radius);border:2px solid var(--ink)}.two{grid-template-columns:1fr 1fr;gap:28px;display:grid}@media (max-width:760px){.two{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.checks{margin:0 0 1em;padding:0;list-style:none}.checks li{margin-bottom:6px;padding-left:26px;position:relative}.checks li:before{content:"✓";color:var(--cyan-soft);font-weight:700;position:absolute;left:0}.cta{background:linear-gradient(135deg, var(--panel-2), var(--panel));border:1px solid var(--cyan-soft);border-radius:var(--radius);padding:22px}.form{flex-wrap:wrap;gap:10px;max-width:520px;display:flex}.form input[type=email]{border:2px solid var(--line);background:var(--abyss);color:var(--foam);border-radius:8px;flex:240px;padding:12px 14px;font-size:1rem}.form input[type=email]:focus{border-color:var(--cyan);outline:none}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.footer{border-top:1px solid var(--line);background:var(--deep);padding:32px 0 48px;font-size:.92rem}.footer .links{flex-wrap:wrap;gap:8px 18px;margin-bottom:10px;display:flex}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{color:var(--cyan)}.consent{z-index:50;background:var(--panel-2);border:1px solid var(--cyan-soft);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:10px 14px;max-width:640px;margin:0 auto;padding:14px 16px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 10px 30px #00000080}.consent p{flex:260px;margin:0;font-size:.92rem}.prose{max-width:760px}.prose h2{margin-top:1.6em}.prose ul{padding-left:1.2em}.hero-anim{aspect-ratio:2200/1080;border-radius:var(--radius);border:3px solid var(--ink);background:var(--deep);position:relative;overflow:hidden;box-shadow:0 10px 30px #00000073}.hero-anim .hero-shot{object-fit:cover;width:100%;height:100%;box-shadow:none;border:0;border-radius:0;position:absolute;inset:0}.hero-anim canvas{opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.hero-anim canvas[data-ready="1"]{opacity:1}.stores{align-items:center}.badge{border-radius:9px;line-height:0;transition:transform 80ms;display:inline-block}.badge:hover{transform:translateY(-2px)}.badge img{width:auto;height:52px}.header{z-index:20;border-bottom:1px solid var(--line);background:#0d2630f0;position:sticky;top:0}.header-over{background:linear-gradient(#0b1c22bf,#0b1c2200);border-bottom:0;position:absolute;left:0;right:0}.header .wrap{justify-content:flex-end;align-items:center;gap:16px;height:72px;display:flex}.nav{align-items:center;gap:8px;display:flex}.nav a{text-transform:uppercase;font-family:var(--font-pixel), monospace;color:var(--foam);text-shadow:2px 2px 0 var(--ink);border:2px solid #0000;padding:10px 12px;font-size:11px;text-decoration:none}.nav a:hover,.nav a.on{border-color:var(--foam);color:var(--foam);background:#0b1c228c}.nav a.on:before{content:"▶";color:var(--gold);margin-right:6px}.nav .nav-cta{background:var(--gold);color:var(--ink);text-shadow:none;border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink)}.nav .nav-cta:hover{border-color:var(--ink);color:var(--ink);background:#ffe55c}.burger{cursor:pointer;background:0 0;border:0;display:none}.header-sub{background:linear-gradient(180deg, #2f7486 0%, #1d4f5f 45%, var(--abyss) 100%);padding:22px 0 34px;position:relative;overflow:hidden}.header-sub:before{content:"";pointer-events:none;opacity:.35;background:repeating-linear-gradient(100deg,#ffffff14 0 40px,#fff0 40px 160px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 80%);mask-image:linear-gradient(#000 0%,#0000 80%)}.bar{z-index:2;grid-template-columns:1fr auto 1fr;align-items:center;gap:64px;display:grid;position:relative}.bar .left{justify-content:flex-end}.bar .right{justify-content:flex-start}.home-link{line-height:0;display:block}.home-link img{filter:drop-shadow(0 5px #0b1c228c);width:170px;height:auto;transition:transform .15s;display:block}.home-link:hover img{transform:translateY(-3px)}.header-sub .bubbles i{border-color:#e8f4f68c;width:7px;height:7px;animation:7s linear infinite subrise}@keyframes subrise{0%{opacity:0;transform:translateY(60px)}20%{opacity:1}to{opacity:0;transform:translateY(-160px)}}.header-sub+main>.section:first-child{padding-top:64px}.header-sub .menu-panel{z-index:2;margin-top:14px;position:relative}h1.ph{align-items:center;gap:18px;display:flex}h1.ph .ic{border:3px solid var(--ocean);width:64px;height:64px;box-shadow:0 4px 0 var(--ink);background:linear-gradient(#5ba9b8,#2f7486);flex:none;place-items:center;display:grid}h1.ph .ic img{width:44px;height:auto;image-rendering:pixelated}h1.ph .ic img.wide{width:56px}.menu-panel{display:none}.hero{--logo:clamp(380px, 36vw, 520px);min-height:clamp(560px,82vh,760px);image-rendering:pixelated;background:-webkit-image-set(url(/hero/reef-scene.avif) 1x type("image/avif"),url(/hero/reef-scene.webp) 1x type("image/webp")) bottom/cover no-repeat;background:image-set("/hero/reef-scene.avif" 1x type("image/avif"),"/hero/reef-scene.webp" 1x type("image/webp")) bottom/cover no-repeat;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(at 50% 55%,#0d263073 0%,#0d263000 60%);position:absolute;inset:0}.hero .wrap{z-index:2;min-height:inherit;justify-content:center;align-items:flex-end;padding-top:96px;display:flex;position:relative}.copy{width:var(--logo);text-align:center;padding-bottom:64px}.copy h1{margin:0}.copy h1 img{filter:drop-shadow(0 6px #0b1c2299);width:100%;height:auto;margin:0 auto;display:block}.hero-tag{text-shadow:0 2px 6px #0009;max-width:36ch;margin:18px auto 20px;font-size:1.15rem;line-height:1.5}.copy .stores{justify-content:center}.mascot{z-index:2;aspect-ratio:400/162;width:min(560px,42vw);left:calc(50% - var(--logo) / 2 - 40px - min(560px, 42vw));image-rendering:pixelated;filter:drop-shadow(0 14px 14px #0000004d);background:url(/hero/diver-swim.png) 0 0/200% 100% no-repeat;animation:.7s step-end infinite flap,4s ease-in-out infinite bob;position:absolute;top:calc(50% - 60px)}@keyframes flap{50%{background-position:100% 0}}.swim{z-index:1;image-rendering:pixelated;max-width:none;position:absolute}.turtle{width:140px;left:calc(50% + var(--logo) / 2 + 60px);animation:5s ease-in-out infinite bob;bottom:110px}.manta{width:190px;left:calc(50% + var(--logo) / 2 + 40px);opacity:.85;animation:7s ease-in-out -2s infinite bob;top:120px}@media (max-width:1199px){.turtle,.manta{display:none}}@keyframes bob{50%{transform:translate(-14px,-12px)}}.bubbles{z-index:1;pointer-events:none;position:absolute;inset:0}.bubbles i{border:2px solid #e8f4f6b3;width:8px;height:8px;animation:9s linear infinite rise;position:absolute;bottom:-10px}@keyframes rise{to{transform:translateY(-110vh)}}main.dive{z-index:1;background:var(--dive-gradient,transparent);position:relative}main.dive>section[data-zone]:not(.hero){z-index:1;background:0 0;position:relative;overflow:hidden}main.dive>.section+.section{border-top:0}main.dive>section>.wrap{z-index:2;position:relative}#dive-snow{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}section[data-zone=abyss]:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(34% 55% at 26% 46%,#ffecaa21 0%,#ffecaa0d 45%,#0000 72%);position:absolute;inset:0}section[data-zone=stop]:before{content:"";z-index:1;pointer-events:none;opacity:.5;background:repeating-linear-gradient(100deg,#ffffff12 0 50px,#0000 50px 190px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}.dive-wreck{z-index:1;pointer-events:none;height:62%;image-rendering:pixelated;opacity:.22;background:url(/dive/layer-wreck-far.webp) bottom/auto 100% repeat-x;position:absolute;bottom:0;left:0;right:0}.dive-sprite{z-index:1;pointer-events:none;image-rendering:pixelated;will-change:transform;left:calc(50% - 560px - var(--w) - 24px);width:var(--w);opacity:var(--o,.9);position:absolute}.dive-sprite img{width:100%;animation:dive-drift var(--t,9s) ease-in-out infinite alternate;display:block}@keyframes dive-drift{to{transform:translate(var(--dx,14px), var(--dy,-10px))}}#dive-hud{z-index:30;border:2px solid var(--ocean);width:140px;box-shadow:0 4px 0 var(--ink);font-family:var(--font-pixel), monospace;color:var(--foam);opacity:0;pointer-events:none;background:#0b1c22d1;border-radius:6px;padding:12px 12px 14px;font-size:9px;line-height:1.5;transition:opacity .3s;position:fixed;top:50%;right:12px;transform:translateY(-50%)}#dive-hud.on{opacity:1}#dive-hud .depth{color:#00d9ff;text-shadow:2px 2px 0 var(--ink);margin:4px 0 10px;font-size:20px}#dive-hud .lbl{color:#a9c6cd;font-size:8px}#dive-hud .air{gap:2px;margin:4px 0 2px;display:flex}#dive-hud .air i{background:#00d9ff;flex:1;height:9px}#dive-hud .air i.off{background:#1a3f4d}#dive-hud .air.low i:not(.off){background:var(--gold)}#dive-hud ol{border-top:1px solid #ffffff1f;margin:12px 0 0;padding:10px 0 0;list-style:none}#dive-hud li{color:#5d8590;padding:3px 0 3px 14px;font-size:8px;position:relative}#dive-hud li.on{color:var(--gold)}#dive-hud li.on:before{content:"▶";position:absolute;left:0}@media (max-width:1429px){.dive-sprite{display:none}body:has(#dive-hud){padding-bottom:40px}#dive-hud{background:var(--ink);width:auto;box-shadow:none;border-width:2px 0 0;border-radius:0;align-items:center;gap:12px;padding:8px 14px;font-size:8px;display:flex;inset:auto 0 0;transform:none}#dive-hud .depth{margin:0;font-size:13px}#dive-hud .lbl,#dive-hud ol li:not(.on){display:none}#dive-hud ol{border:0;margin:0;padding:0}#dive-hud .air{width:80px;margin:0}}@media (prefers-reduced-motion:reduce){.dive-sprite img{animation:none}}.demo{max-width:min(960px,181.1svh - 57.952px);margin:0 auto}.dev{width:100%;container-type:inline-size}.dev .in{aspect-ratio:100/55.22;--s:1.1cqw;--bx:7cqw;--by:6.5cqw;--corner:#0a1822;filter:drop-shadow(0 1.4cqw #0b1c228c);width:100%;position:relative}.dev .body,.dev .body i.fill{clip-path:polygon(0 calc(var(--s)*2), var(--s) calc(var(--s)*2), var(--s) var(--s), calc(var(--s)*2) var(--s), calc(var(--s)*2) 0, calc(100% - var(--s)*2) 0, calc(100% - var(--s)*2) var(--s), calc(100% - var(--s)) var(--s), calc(100% - var(--s)) calc(var(--s)*2), 100% calc(var(--s)*2), 100% calc(100% - var(--s)*2), calc(100% - var(--s)) calc(100% - var(--s)*2), calc(100% - var(--s)) calc(100% - var(--s)), calc(100% - var(--s)*2) calc(100% - var(--s)), calc(100% - var(--s)*2) 100%, calc(var(--s)*2) 100%, calc(var(--s)*2) calc(100% - var(--s)), var(--s) calc(100% - var(--s)), var(--s) calc(100% - var(--s)*2), 0 calc(100% - var(--s)*2));position:absolute}.dev .body{background:var(--ink);inset:0}.dev .body i.fill{inset:var(--s);background:linear-gradient(180deg, #3b7d90 0 var(--s), #22505f var(--s) 45%, #1a3f4d 45% calc(100% - var(--s)*1.6), #102f3a calc(100% - var(--s)*1.6))}.dev .bump{background:linear-gradient(var(--corner), var(--corner)) 0 0 / 100% calc(var(--s)*2) no-repeat, linear-gradient(var(--corner), var(--corner)) 0 0 / calc(var(--s)*2) 100% no-repeat;width:9cqw;height:9cqw;position:absolute}.dev .bump.tl{left:var(--s);top:var(--s)}.dev .bump.tr{right:var(--s);top:var(--s);transform:scaleX(-1)}.dev .bump.bl{left:var(--s);bottom:var(--s);transform:scaleY(-1)}.dev .bump.br{right:var(--s);bottom:var(--s);transform:scale(-1)}.dev .screw{width:calc(var(--s)*1.6);height:calc(var(--s)*1.6);box-shadow:0 0 0 calc(var(--s)*.5) var(--ink), inset calc(var(--s)*-.5) calc(var(--s)*-.5) 0 #8a9aa2;background:#c8d3d8;position:absolute}.dev .screw.tl{top:3.2cqw;left:3.2cqw}.dev .screw.tr{top:3.2cqw;right:3.2cqw}.dev .screw.bl{bottom:3.2cqw;left:3.2cqw}.dev .screw.br{bottom:3.2cqw;right:3.2cqw}.dev .dev-home{width:2.4cqw;height:3.2cqw;box-shadow:0 0 0 calc(var(--s)*.6) var(--ink), inset 0 calc(var(--s)*.6) 0 #2c6577;background:#0f2a33;position:absolute;top:calc(50% - 1.6cqw);left:2.4cqw}.dev .spk{background:repeating-linear-gradient(180deg, var(--ink) 0 var(--s), transparent var(--s) calc(var(--s)*2));width:2.2cqw;height:7cqw;position:absolute;top:calc(50% - 3.5cqw);right:2.5cqw}.dev .screen{left:var(--bx);right:var(--bx);top:var(--by);aspect-ratio:2200/1080;background:var(--abyss);box-shadow:0 0 0 calc(var(--s)*.9) var(--ink), 0 0 0 calc(var(--s)*1.6) #3b7d90;position:absolute;overflow:hidden}.dev .screen iframe{border:0;width:100%;height:100%;display:block}.dev .screen .hero-anim{box-shadow:none;border:0;border-radius:0;height:100%}.tap-dive{z-index:2;background:#0b1c222e;place-items:center;text-decoration:none;display:grid;position:absolute;inset:0}.tap-dive span{font-family:var(--font-pixel), monospace;text-transform:uppercase;background:var(--gold);color:var(--ink);border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);padding:1.4cqw 2.4cqw;font-size:clamp(10px,2.2cqw,18px);animation:1.6s ease-in-out infinite tap-pulse}.tap-dive:hover span{background:#ffe55c}@keyframes tap-pulse{50%{transform:translateY(-3px)}}.demo-note{text-align:center;margin:22px 0 12px}.demo .stores{justify-content:center}.demo .badge img{height:48px}@media (max-width:420px){.demo .badge img{height:40px}}@media (prefers-reduced-motion:reduce){.tap-dive span{animation:none}}@media (max-width:900px){.header .wrap{height:60px}.header-sub{padding:14px 0 24px}.bar{grid-template-columns:44px 1fr 44px;gap:0}.bar .home-link{grid-column:2;justify-self:center}.bar .burger{grid-column:3;justify-self:end}.home-link img{width:124px}.header-sub+main>.section:first-child{padding-top:44px}h1.ph{gap:12px}h1.ph .ic{width:48px;height:48px}h1.ph .ic img{width:32px}h1.ph .ic img.wide{width:40px}.nav{display:none}.burger{flex-direction:column;gap:5px;padding:10px 4px;display:inline-flex}.burger b{background:var(--foam);width:24px;height:3px;box-shadow:2px 2px 0 var(--ink)}.menu-panel{border-bottom:2px solid var(--ink);background:#0b1c22f5;flex-direction:column;gap:4px;padding:8px 16px 16px;display:flex}.menu-panel a{text-transform:uppercase;font-family:var(--font-pixel), monospace;color:var(--foam);text-shadow:2px 2px 0 var(--ink);padding:12px 4px;font-size:12px;text-decoration:none}.hero{--logo:300px;background-position:42% bottom;min-height:790px}.hero:after{background:linear-gradient(#0d263080 0%,#0d263000 60%)}.hero .wrap{text-align:center;align-items:flex-start;padding-top:76px}.copy{width:100%;padding-bottom:0}.copy h1 img{width:300px;margin:0 auto}.hero-tag{margin:14px auto 16px;font-size:1rem}.copy .badge img{height:44px}.mascot{width:300px;top:auto;bottom:120px;left:6px}.turtle{width:84px;display:block;bottom:28px;left:auto;right:10px}.manta{display:none}}@media (prefers-reduced-motion:reduce){.mascot,.swim,.bubbles i{animation:none}.bubbles{display:none}}