:root{--ink:#172b36;--cream:#fff7e5;--blue:#a6d7f7;--water:#69b9e9;--deep:#244f7e;--line:3px solid var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);background:var(--cream);font-family:'Trebuchet MS',Verdana,sans-serif;font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px dashed #d96f35;outline-offset:6px}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p{margin:0}h2,h3,h4{letter-spacing:-.055em;line-height:1.02}h2{font-size:clamp(42px,5.6vw,76px);font-weight:900}h3{font-size:clamp(27px,3vw,43px)}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--cream);padding:10px}.skip:focus{top:5px}.topbar{min-height:83px;border-bottom:var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 4.5%;background:var(--cream);position:relative;z-index:5;gap:20px}.brand{display:flex;align-items:center;font-size:29px;font-weight:900;letter-spacing:-2px;line-height:1;gap:7px}.brand span{font-size:11px;letter-spacing:-.3px;align-self:flex-end;margin-bottom:4px;font-weight:normal}.brand img{object-fit:contain}.topbar nav{display:flex;gap:30px;font-size:14px;font-weight:bold}.topbar nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:55px;padding:12px 25px;border:var(--line);border-radius:54% 46% 49% 51% / 23% 28% 26% 24%;background:var(--ink);color:var(--cream);font-weight:bold;font-size:15px;box-shadow:3px 4px 0 rgba(23,43,54,.18);transition:transform .18s,box-shadow .18s}.pill:hover{transform:translateY(-3px);box-shadow:4px 7px 0 rgba(23,43,54,.18)}.pill:active{transform:translateY(1px)}.pill.small{min-height:42px;font-size:13px;padding:8px 18px;gap:16px}.pill.cream{background:var(--cream);color:var(--ink)}.text-link{font-weight:bold;font-size:14px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.18em;margin-bottom:20px;line-height:1.5}.hero{position:relative;min-height:760px;display:grid;grid-template-columns:47% 53%;overflow:hidden;background:#b0ddf8 url('lagoon.webp') no-repeat center 53%;background-size:cover;border-bottom:var(--line)}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,249,232,.94),rgba(255,249,232,.70) 31%,transparent 65%);pointer-events:none}.hero-copy{position:relative;z-index:2;padding:65px 0 108px 10%;}.hero h1{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-size:clamp(110px,15.6vw,220px);line-height:.76;font-weight:1000;letter-spacing:-.08em;color:var(--cream);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:4px 5px 0 var(--ink);margin:35px 0 28px;position:relative}.hero h1 .second{padding-left:7px;color:#8ac9f0}.tiny-star{display:inline-block;vertical-align:top;font-size:.25em;-webkit-text-stroke:0;letter-spacing:0;color:var(--ink);text-shadow:none;transform:rotate(12deg);margin:15px 0 0 17px}.hero-line{font-size:clamp(18px,2vw,24px);line-height:1.35;font-weight:bold;letter-spacing:-.03em}.actions{display:flex;gap:28px;align-items:center;margin-top:26px;flex-wrap:wrap}.hero-world{position:relative;align-self:center;min-height:550px;z-index:1}.hero-blubbo{width:95%;position:absolute;left:-1%;top:12%;transform:rotate(-8deg);filter:drop-shadow(0 10px 0 rgba(31,85,125,.08));animation:bob 5s ease-in-out infinite}.orbit-label{border:var(--line);border-radius:50%;background:var(--cream);width:116px;height:116px;display:flex;align-items:center;justify-content:center;position:absolute;right:10%;top:0;z-index:2;font-size:16px;font-weight:bold;line-height:1.2;text-align:center;transform:rotate(12deg)}.hero-note{position:absolute;bottom:-3%;left:22%;font-size:16px;font-style:italic;transform:rotate(-7deg)}.splash{position:absolute;bottom:3%;left:20%;font-size:90px;letter-spacing:20px;color:#276391;transform:rotate(-6deg);opacity:.65}.bubble{border:3px solid var(--ink);border-radius:46% 54% 48% 52%;background:rgba(255,255,255,.30)}.bubble::after{content:'';display:block;width:26%;height:13%;border-radius:60%;background:var(--cream);transform:rotate(-40deg);margin:16%}.b-one{width:72px;height:72px;position:absolute;top:6%;left:10%;transform:rotate(10deg)}.b-two{width:36px;height:36px;position:absolute;bottom:15%;right:8%}.down-note{position:absolute;left:4.7%;right:4.7%;bottom:23px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.22em;font-weight:bold}.down-note span{font-size:25px;letter-spacing:0}.intro{padding:45px 5% 0;background:var(--cream);position:relative;overflow:hidden}.section-number{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:17px;font-size:12px;font-style:italic}.section-number span{font-size:28px;line-height:1}.intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;max-width:1300px;margin:auto;align-items:center;padding:50px 2% 70px}.intro-art{position:relative}.intro-art img{width:100%;transform:rotate(-8deg)}.scribble{display:block;font-family:'Comic Sans MS','Trebuchet MS',sans-serif;font-size:17px;line-height:1.3;font-style:italic;text-align:center;transform:rotate(-7deg)}.intro-art .scribble{margin-top:-15px}.intro-copy p:not(.eyebrow){max-width:420px;margin:22px 0;font-size:16px;line-height:1.8}.intro-copy h2{font-size:clamp(42px,5.3vw,70px)}.drift-strip{margin:0 -6%;border-top:var(--line);border-bottom:var(--line);padding:17px 4%;display:flex;justify-content:space-around;gap:20px;align-items:center;background:#b4dcf4;font-size:22px;line-height:1.2;transform:rotate(-1deg);width:112%}.drift-strip i{font-style:normal;font-size:28px}.play-section{padding:95px 5% 85px;background:#d7edfb}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.section-heading>p{font-size:14px;max-width:340px;padding-bottom:6px}.drift-game{border:var(--line);border-radius:28px 32px 27px 30px;overflow:hidden;background:var(--cream);box-shadow:7px 8px 0 #172b3622}.game-top{padding:25px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:var(--line)}.game-tag{display:block;font-size:10px;font-weight:bold;letter-spacing:.15em;line-height:1.5;margin-bottom:10px}.game-top h3{font-size:29px;letter-spacing:-.04em}.scoreboard{display:flex;gap:26px}.scoreboard span{display:flex;gap:8px;align-items:baseline;font-size:12px}.scoreboard b{font-size:26px;line-height:1}.canvas-wrap{position:relative;background:#acd5f4 url('underwater.webp') center center/cover}.canvas-wrap canvas{display:block;width:100%;height:auto;max-height:520px;touch-action:none}.game-overlay{position:absolute;inset:0;background:rgba(230,246,255,.89);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:20px}.game-overlay[hidden]{display:none}.game-overlay h4{font-size:clamp(27px,3vw,44px)}.game-overlay p{font-size:14px}.game-overlay .mini-caption{font-size:10px;letter-spacing:.16em;font-weight:bold}.game-bottom{display:flex;align-items:center;gap:20px;padding:14px 25px;border-top:var(--line);font-size:12px;flex-wrap:wrap}.game-bottom>span:first-child{margin-right:auto}.game-bottom #driftHearts{font-size:20px;letter-spacing:3px}.quiet{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:4px 10px;font-size:12px;font-weight:bold}.quiet:disabled{opacity:.5}.paddles{display:flex;gap:8px}.paddles button{width:40px;height:34px;border:2px solid var(--ink);border-radius:45%;background:#c7e6fa;font-size:21px;line-height:1;user-select:none;touch-action:none}.memory-game{display:grid;grid-template-columns:1fr 1fr;gap:4%;padding:70px 25px 0}.memory-copy{padding:15px 0 0 10px}.memory-copy h3{font-size:clamp(32px,4.1vw,53px)}.memory-copy>p{max-width:380px;margin-top:24px;font-size:15px}.memory-stats{display:flex;gap:35px;margin-top:22px;font-size:13px}.memory-stats b{font-size:22px;padding-left:6px}.memory-copy p.memory-status{font-size:13px;min-height:24px;margin:20px 0 14px;font-weight:bold}.memory-water{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center}.memory-bubbles{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:295px;position:relative;z-index:2;transform:rotate(-6deg)}.memory-bubble{height:125px;width:125px;border:var(--line);border-radius:49% 51% 46% 54% / 44% 49% 51% 56%;background:#85c5ee;color:var(--ink);font-size:45px;line-height:1;box-shadow:inset 10px 8px 0 rgba(255,255,255,.35),3px 4px 0 #172b3626;transition:background .12s,transform .12s}.memory-bubble:nth-child(2){background:#bad7ff}.memory-bubble:nth-child(3){background:#bde8dc}.memory-bubble:nth-child(4){background:#f1e5bc}.memory-bubble.lit{background:#fff!important;transform:scale(1.1);box-shadow:0 0 0 8px #fff8,inset 0 0 0 4px #78b9e5}.memory-bubble:disabled{opacity:1}.upside-blubbo{position:absolute;width:165px;right:-15px;top:-45px;transform:rotate(18deg);z-index:1}.airdrop-section{border-top:var(--line);padding:70px 5% 65px;background:#fff4d9 url('sandbar.webp') center 42%/cover}.drop-island{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2%;max-width:1250px;margin:auto}.drop-copy{padding:15px 0 20px 4%}.drop-copy h2{font-size:clamp(56px,7vw,94px)}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:2px solid var(--ink);border-radius:50px;font-size:10px;letter-spacing:.08em;font-weight:bold;background:var(--cream);margin:22px 0 0}.status-pill i{width:7px;height:7px;border-radius:50%;background:#d6913b}.drop-copy>p:not(.eyebrow){max-width:400px;font-size:15px;margin:20px 0}.drop-note{font-size:11px;margin-top:14px;max-width:410px}.drop-art{position:relative}.drop-art img{width:85%;margin:auto;transform:rotate(9deg)}.drop-art .scribble{margin-top:-25px}.lagoon-pass{margin-top:55px;padding:27px 30px;border:var(--line);background:#fff9eadd;border-radius:14px 35px 21px 28px;display:grid;grid-template-columns:1fr 1.5fr;gap:30px;align-items:center}.lagoon-pass h3{font-size:27px}.lagoon-pass p{font-size:12px;margin-top:10px}.stamps{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stamps li{text-align:center;opacity:.5}.stamps li.earned{opacity:1}.stamps li>span{display:flex;border:2px dashed var(--ink);width:54px;height:54px;border-radius:50%;align-items:center;justify-content:center;font-size:32px;margin:0 auto 7px;background:#fff7e5}.stamps li.earned>span{border-style:solid;background:#bbdfcd;transform:rotate(-10deg)}.stamps b{font-size:11px;display:block}.stamps small{font-size:10px;display:block;margin-top:4px}.chart-section{padding:80px 5% 70px;background:#224e7a url('moonwater.webp') center center/cover;color:var(--cream);border-top:var(--line)}.chart-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:20px}.chart-frame{border:3px solid var(--cream);border-radius:20px;overflow:hidden;background:#152f4be8;min-height:440px}.chart-pending{min-height:440px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:45px 25px}.chart-pending .moon{font-size:75px;line-height:1;transform:rotate(-15deg);margin-bottom:20px}.chart-pending h3{font-size:32px;letter-spacing:-.035em}.chart-pending p{max-width:430px;font-size:14px;margin-top:20px;color:#d9eaf6}.chart-pending .status-pill{color:var(--ink)}#dexChart{display:block;border:0;width:100%;height:530px}#dexChart[hidden],#chartPending[hidden]{display:none}.contract-bar{padding:18px 0;display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.12em;flex-wrap:wrap}.contract-bar code{font-size:12px;letter-spacing:0;word-break:break-all}.contract-bar button{color:var(--cream);margin-left:auto}footer{display:grid;grid-template-columns:43% 57%;align-items:center;padding:25px 5% 45px;background:var(--cream);border-top:var(--line);overflow:hidden;gap:4%}.footer-art img{width:100%;transform:rotate(-5deg)}.footer-copy h2{font-size:clamp(32px,4.5vw,60px)}.footer-links{display:flex;gap:25px;flex-wrap:wrap;margin:30px 0}.footer-links a,.footer-links button{font-size:12px;font-weight:bold;border:0;padding:0;background:none;text-decoration:underline;text-underline-offset:5px}.footer-copy>p{font-size:11px}dialog{border:var(--line);border-radius:25px 38px 30px 22px;padding:40px;max-width:470px;width:calc(100% - 35px);background:var(--cream);color:var(--ink);box-shadow:9px 10px 0 #172b3640}dialog::backdrop{background:#142e4b88;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:12px;top:6px;border:0;background:none;font-size:30px}dialog h3{font-size:33px}dialog>p:not(.eyebrow){margin:22px 0;line-height:1.7;font-size:15px}dialog .pill{margin-top:6px}@keyframes bob{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-13px) rotate(-5deg)}}
@media(min-width:1600px){.hero{min-height:850px}.hero-copy{padding-top:100px}.hero-world{min-height:640px}.hero-blubbo{width:85%}.intro-layout{gap:10%}.play-section,.airdrop-section,.chart-section{padding-left:max(5%,calc((100vw - 1420px)/2));padding-right:max(5%,calc((100vw - 1420px)/2))}}
@media(max-width:1000px){.topbar nav{gap:16px;font-size:12px}.topbar{padding:12px 4%}.hero{min-height:680px}.hero-copy{padding-top:55px}.hero h1{font-size:17vw}.hero-world{min-height:450px}.hero-note{bottom:1%;left:14%;font-size:13px}.orbit-label{width:90px;height:90px;font-size:13px}.hero .actions{gap:15px}.hero .pill{font-size:13px;padding:10px 17px;gap:12px}.hero .text-link{font-size:12px}.memory-game{padding-left:0;padding-right:0}.upside-blubbo{right:-20px;width:125px}.memory-bubbles{width:260px;gap:15px}.memory-bubble{width:110px;height:110px}.lagoon-pass{grid-template-columns:1fr}.stamps{gap:20px}.game-top{padding:23px}.scoreboard{gap:16px}.game-top h3{font-size:25px}}
@media(max-width:700px){html{scroll-padding-top:20px}.topbar{min-height:74px;flex-wrap:wrap;gap:10px;padding:13px 5%}.topbar .brand{font-size:25px}.brand img{width:35px;height:35px}.topbar nav{order:3;width:100%;justify-content:space-between;gap:10px;padding-top:8px;font-size:11px}.topbar .pill{font-size:11px;min-height:35px;padding:6px 12px;gap:10px}.hero{grid-template-columns:1fr;min-height:auto;background-position:65% bottom}.hero::before{background:linear-gradient(180deg,#fff7e5de 0%,#fff7e575 40%,transparent 85%)}.hero-copy{padding:36px 7% 0}.hero-copy .eyebrow{font-size:9px;margin-bottom:15px}.hero h1{font-size:128px;line-height:.74;margin:20px 0 24px;letter-spacing:-.075em;-webkit-text-stroke:2px;text-shadow:3px 4px 0 var(--ink)}.hero h1 br{display:none}.hero h1 .second{padding-left:0}.hero h1 .tiny-star{display:none}.hero-line{font-size:20px}.hero .actions{gap:20px;margin-top:22px}.hero .pill{font-size:13px;min-height:47px}.hero-world{min-height:350px;margin-top:0}.hero-blubbo{width:86%;max-width:420px;left:6%;top:0}.orbit-label{width:80px;height:80px;right:7%;top:13px;font-size:11px}.b-one{width:45px;height:45px;left:8%;top:20%}.b-two{bottom:14%;right:10%}.hero-note{left:40%;bottom:15%;font-size:12px}.splash{font-size:55px;bottom:12%;left:20%}.down-note{left:7%;right:7%;bottom:15px;font-size:8px}.intro{padding:30px 7% 0}.section-number{font-size:11px}.intro-layout{grid-template-columns:1fr;padding:40px 0 55px;gap:45px}.intro-art{order:2;margin:auto;max-width:380px}.intro-art .scribble{font-size:14px}.intro-copy h2{font-size:45px}.intro-copy p:not(.eyebrow){font-size:14px;line-height:1.8}.intro-copy .eyebrow{font-size:9px}.drift-strip{font-size:15px;gap:20px;justify-content:center;width:150%;margin-left:-25%;padding:14px 0;white-space:nowrap}.drift-strip i{font-size:19px}.play-section{padding:60px 5%}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:44px}.section-heading>p{margin-top:20px;font-size:13px}.game-top{padding:18px;display:block}.game-top h3{font-size:27px}.scoreboard{margin-top:17px;justify-content:space-between;gap:8px}.scoreboard span{font-size:11px;gap:6px}.scoreboard b{font-size:23px}.canvas-wrap{min-height:340px}.canvas-wrap canvas{height:340px}.game-overlay{gap:16px;padding:15px}.game-overlay h4{font-size:27px}.game-overlay p{font-size:12px}.game-overlay .pill{min-height:44px;font-size:13px}.game-overlay .mini-caption{font-size:8px}.game-bottom{gap:12px;padding:13px 14px}.game-bottom>span:first-child{width:100%;font-size:10px;margin-right:0}.game-bottom #driftHearts{margin-right:auto;font-size:18px}.memory-game{grid-template-columns:1fr;gap:20px;padding:55px 8px 0}.memory-copy{padding:0}.memory-copy h3{font-size:38px}.memory-copy>p{font-size:14px}.memory-water{min-height:330px}.memory-bubbles{width:255px;gap:18px;transform:rotate(-5deg)}.memory-bubble{width:115px;height:115px}.upside-blubbo{width:110px;top:10px;right:0}.airdrop-section{padding:55px 6% 45px;background-position:center center}.drop-island{grid-template-columns:1fr}.drop-copy{padding:0}.drop-copy .eyebrow{font-size:9px}.drop-copy h2{font-size:64px}.drop-copy>p:not(.eyebrow){font-size:14px}.drop-art{max-width:350px;margin:25px auto 0}.drop-art img{width:90%}.drop-art .scribble{font-size:14px}.lagoon-pass{padding:25px 18px;margin-top:35px;gap:25px}.lagoon-pass h3{font-size:28px}.stamps{gap:10px}.stamps li>span{width:43px;height:43px;font-size:26px}.stamps b{font-size:9px;line-height:1.3}.stamps small{font-size:8px;line-height:1.5}.chart-section{padding:55px 6% 40px}.chart-heading{align-items:start}.chart-heading h2{font-size:42px}.chart-heading .eyebrow{font-size:8px}.chart-heading .pill{font-size:10px;padding:10px;min-height:40px;white-space:nowrap;gap:4px;margin-top:32px}.chart-pending h3{font-size:28px}.chart-pending p{font-size:12px}.chart-pending,.chart-frame{min-height:370px}.contract-bar{gap:10px}.contract-bar code{font-size:11px}.contract-bar button{margin-left:0}footer{grid-template-columns:1fr;padding:45px 7% 35px;gap:10px}.footer-copy{order:1}.footer-art{order:2;max-width:370px;margin:auto}.footer-copy h2{font-size:42px}.footer-links{gap:20px}.footer-links a,.footer-links button{font-size:11px}.footer-copy>p{font-size:10px}.eyebrow{margin-bottom:17px}.pill{font-size:13px;min-height:49px}dialog{padding:32px 25px}dialog h3{font-size:30px}}
.hero-blubbo{height:520px;object-fit:contain;top:0}.splash{display:none}
@media(min-width:1600px){.hero-blubbo{height:600px}}
@media(max-width:1000px) and (min-width:701px){.hero-blubbo{height:430px}}
@media(max-width:700px){.hero h1{font-size:clamp(64px,21vw,110px)}.hero-blubbo{height:330px;max-width:420px}.hero-note{bottom:18%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}