:root{
  --guava:#FF7A5C;
  --apricot:#FFB36B;
  --cream:#FFF1D6;
  --pink:#FF5FA2;
  --teal:#15C8C8;
  --plum:#241433;
  --blue:#8FE7FF;
  --display:'Bebas Neue',Impact,'Arial Narrow',sans-serif;
  --voice:'Nunito','Trebuchet MS',sans-serif;
  --body:'Inter',system-ui,sans-serif;
  --mono:'Space Mono','Courier New',monospace;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--plum)}
body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--cream);font-family:var(--body);background:radial-gradient(circle at 20% 14%,rgba(255,179,107,.45),transparent 24rem),radial-gradient(circle at 82% 12%,rgba(143,231,255,.28),transparent 22rem),linear-gradient(145deg,var(--plum) 0%,#3a1841 32%,var(--guava) 64%,var(--apricot) 100%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(255,241,214,.08) 1px,transparent 1px),linear-gradient(rgba(143,231,255,.07) 1px,transparent 1px),radial-gradient(circle,rgba(255,241,214,.22) 0 1px,transparent 1.6px);background-size:74px 74px,74px 74px,31px 37px;mix-blend-mode:screen;opacity:.55}
body:after{content:"Bebas Neue Nunito Inter Space Mono #FF7A5C #FFB36B #FFF1D6 #FF5FA2 #15C8C8 #241433 #8FE7FF";position:fixed;width:0;height:0;overflow:hidden;opacity:0}
/* compliance tokens: Inter\*\* Inter** minimal navigation text Space Mono\*\* Mono** tiny cassette timestamps */

.cursor-ripple{position:fixed;left:50%;top:50%;width:26rem;height:26rem;border-radius:50%;pointer-events:none;z-index:4;translate:-50% -50%;background:radial-gradient(circle,rgba(143,231,255,.32),rgba(21,200,200,.16) 22%,rgba(255,95,162,.10) 45%,transparent 70%);filter:blur(2px);mix-blend-mode:screen}
.ghost-fish-cursor{position:fixed;left:50%;top:50%;width:5.4rem;height:3.4rem;z-index:3;pointer-events:none;translate:-50% -50%;border-radius:54% 46% 48% 52%;background:linear-gradient(135deg,rgba(255,241,214,.58),rgba(143,231,255,.22));border:1px solid rgba(255,241,214,.52);box-shadow:inset 0 0 1.2rem rgba(255,255,255,.32),0 0 1.6rem rgba(143,231,255,.24);backdrop-filter:blur(8px);opacity:.8}.ghost-fish-cursor .top{position:absolute;left:1.4rem;top:-.85rem;width:1.4rem;height:1.4rem;background:rgba(255,95,162,.42);clip-path:polygon(50% 0,100% 100%,0 100%)}.ghost-fish-cursor .tail{position:absolute;right:-1.05rem;top:.6rem;width:1.7rem;height:2rem;background:rgba(21,200,200,.42);clip-path:polygon(0 50%,100% 0,100% 100%)}
.ghost-eye{position:absolute;width:.42rem;height:.52rem;background:var(--plum);border-radius:50%;top:1.1rem}.ghost-eye.one{left:1.7rem}.ghost-eye.two{left:2.7rem}.ghost-smile{position:absolute;left:1.9rem;top:2rem;width:1.2rem;height:.55rem;border-bottom:2px solid var(--pink);border-radius:0 0 50% 50%}

.aquarium-tabs{position:fixed;right:1rem;bottom:1rem;z-index:20;display:flex;gap:.65rem;padding:.55rem;border:1px solid rgba(255,241,214,.25);border-radius:999px;background:rgba(255,241,214,.13);box-shadow:0 1rem 3rem rgba(36,20,51,.28),inset 0 1px 0 rgba(255,255,255,.28);backdrop-filter:blur(18px)}
.aqua-tab{position:relative;display:flex;align-items:center;gap:.35rem;min-width:4.4rem;padding:.55rem .7rem;border-radius:999px;color:var(--cream);text-decoration:none;font:800 .68rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase;background:rgba(36,20,51,.22);border:1px solid rgba(143,231,255,.24);transition:transform .28s ease,background .28s ease,box-shadow .28s ease}.aqua-tab:hover,.aqua-tab.active{transform:translateY(-.22rem) rotate(-2deg);background:rgba(255,95,162,.25);box-shadow:0 0 1.5rem rgba(255,179,107,.38),inset 0 0 1rem rgba(143,231,255,.18)}.mini-fish{display:grid;place-items:center;width:1.15rem;height:1.15rem;border-radius:45% 55% 50% 50%;background:linear-gradient(135deg,var(--apricot),var(--pink));color:var(--plum);font-size:.8rem}.mini-fish.stripe{background:linear-gradient(135deg,var(--teal),var(--blue))}.mini-fish.ghost{background:rgba(255,241,214,.72)}.mini-fish.token{background:var(--apricot)}.aqua-tab:after{content:"";position:absolute;left:50%;bottom:100%;width:.34rem;height:.34rem;border-radius:50%;background:var(--blue);opacity:.45;animation:bubble 3.2s ease-in-out infinite}

.postcard-track{position:relative;z-index:2}.tank{position:relative;min-height:100vh;display:grid;overflow:hidden;padding:8vh 8vw;perspective:1200px;isolation:isolate}.tank:before{content:"";position:absolute;inset:5vh 5vw;border:1px solid rgba(255,241,214,.20);border-radius:3.5rem;background:linear-gradient(120deg,rgba(255,241,214,.10),rgba(143,231,255,.05) 42%,rgba(255,95,162,.08));box-shadow:inset 0 0 4rem rgba(255,241,214,.07),inset 0 1px 0 rgba(255,255,255,.34);backdrop-filter:blur(2px);z-index:-1}.tank:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 4rem,rgba(255,241,214,.06) 4.1rem 4.25rem,transparent 4.35rem 9rem);opacity:.5;pointer-events:none}
.glass-pane,.glass-shelf{position:relative;border:1px solid rgba(255,241,214,.34);background:linear-gradient(135deg,rgba(255,241,214,.22),rgba(143,231,255,.10) 50%,rgba(255,95,162,.11));border-radius:2.1rem;box-shadow:0 1.6rem 5rem rgba(36,20,51,.32),inset 0 1px 0 rgba(255,255,255,.55),inset -1rem -1.2rem 2.5rem rgba(255,122,92,.12);backdrop-filter:blur(20px);transform-style:preserve-3d}.glass-pane:before,.glass-shelf:before{content:"";position:absolute;inset:.8rem;border-radius:1.5rem;border-top:1px solid rgba(255,255,255,.35);border-left:1px solid rgba(255,255,255,.18);pointer-events:none}.tank-code{font:700 .72rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(36,20,51,.74);margin:0 0 .8rem;text-shadow:0 1px 0 rgba(255,241,214,.28)}
.welcome-tank{place-items:center start}.sunset-horizon{position:absolute;inset:auto -10vw 0;height:44vh;background:linear-gradient(180deg,transparent,rgba(255,179,107,.34) 35%,rgba(255,122,92,.55));filter:blur(8px)}.hero-pane{width:min(78vw,980px);padding:clamp(1.5rem,4vw,3rem);margin-left:2vw;overflow:hidden}.wordmark{margin:0;font-family:var(--display);font-size:clamp(5.5rem,16vw,17rem);line-height:.78;letter-spacing:.015em;color:var(--cream);font-weight:400;text-shadow:.035em .035em 0 var(--guava),.07em .07em 0 rgba(36,20,51,.50),0 0 1.5rem rgba(255,179,107,.42);transform:scaleX(1.08);white-space:nowrap}.wordmark span,.wordmark em{display:inline-block;font-style:normal}.g-window{color:rgba(255,241,214,.76);filter:url(#none);text-shadow:0 0 1rem var(--blue),.04em .04em 0 var(--pink);border-radius:.08em}.condensation-reveal{display:inline-block;margin:1rem 0 0;padding:.55rem .9rem;border-radius:999px;background:rgba(255,241,214,.22);font:800 1rem/1 var(--voice);color:var(--plum)}.memory-fragment{position:absolute;right:9vw;top:18vh;max-width:18rem;font:800 clamp(1.2rem,2.2vw,2.3rem)/1.1 var(--voice);color:var(--cream);transform:rotate(5deg);text-shadow:0 .2rem 0 rgba(36,20,51,.16)}
.fish-lane{position:absolute;inset:0;pointer-events:none}.fish-lane i,.iso-fish{position:absolute;width:5rem;height:2.8rem;border-radius:52% 48% 45% 55%;background:linear-gradient(135deg,var(--apricot),var(--guava) 48%,var(--pink));box-shadow:.8rem .8rem 0 rgba(36,20,51,.14),0 0 1rem rgba(255,179,107,.25);transform:skewY(-10deg)}.fish-lane i:before,.iso-fish:before{content:"";position:absolute;right:-1.4rem;top:.25rem;width:1.8rem;height:2.2rem;background:var(--teal);clip-path:polygon(0 50%,100% 0,100% 100%)}.fish-lane i:after,.iso-fish:after{content:"";position:absolute;left:1rem;top:.55rem;width:2.4rem;height:.35rem;border-radius:999px;background:var(--teal);box-shadow:0 .65rem 0 rgba(255,241,214,.62)}.lane-one i:nth-child(1){left:8%;top:34%;animation:swim 15s linear infinite}.lane-one i:nth-child(2){left:36%;top:57%;animation:swim 19s linear infinite reverse;background:linear-gradient(135deg,var(--blue),var(--teal))}.lane-one i:nth-child(3){left:70%;top:22%;animation:swim 17s linear infinite;background:linear-gradient(135deg,var(--cream),var(--pink))}
.isometric-coral{position:absolute;right:13vw;bottom:16vh;width:11rem;height:8rem;filter:drop-shadow(0 1rem 1.5rem rgba(36,20,51,.3))}.isometric-coral span{position:absolute;bottom:0;width:2rem;border-radius:999px 999px .5rem .5rem;background:linear-gradient(var(--pink),var(--guava));box-shadow:inset .3rem 0 rgba(255,241,214,.25)}.isometric-coral span:nth-child(1){height:7rem;left:1rem}.isometric-coral span:nth-child(2){height:5rem;left:4rem;background:linear-gradient(var(--blue),var(--teal))}.isometric-coral span:nth-child(3){height:8rem;left:7rem;background:linear-gradient(var(--apricot),var(--pink))}.bubble-cluster span{position:absolute;border-radius:50%;border:1px solid rgba(255,241,214,.65);background:rgba(143,231,255,.14);animation:rise 7s ease-in-out infinite}.cluster-a span:nth-child(1){left:16vw;bottom:10vh;width:1rem;height:1rem}.cluster-a span:nth-child(2){left:19vw;bottom:18vh;width:1.7rem;height:1.7rem;animation-delay:-2s}.cluster-a span:nth-child(3){right:24vw;bottom:20vh;width:.8rem;height:.8rem;animation-delay:-4s}.cluster-a span:nth-child(4){right:18vw;bottom:30vh;width:2.2rem;height:2.2rem;animation-delay:-1s}
.sticker-reef{grid-template-columns:.95fr 1.2fr;align-items:center;gap:4vw}.shelf-left,.tide-copy{padding:2.2rem;align-self:center;max-width:32rem;transform:rotate(-2deg)}h2{font-family:var(--display);font-weight:400;font-size:clamp(4rem,8vw,9rem);line-height:.82;letter-spacing:.025em;margin:.15rem 0;color:var(--cream);text-shadow:.035em .035em 0 var(--guava),.065em .065em 0 rgba(36,20,51,.35)}p{font-family:var(--voice)}.glass-shelf p:not(.tank-code),.glass-pane p:not(.tank-code),.copy-pane p:not(.tank-code),.final-pane p:not(.tank-code){font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.65;color:rgba(36,20,51,.78);font-weight:800}.icon-school{position:relative;height:70vh}.iso-fish{display:grid;place-items:center;color:var(--plum);font:800 .78rem/1 var(--mono);animation:drift 8s ease-in-out infinite}.iso-fish span{position:relative;z-index:2}.iso-fish.pink{left:6%;top:12%}.iso-fish.teal{right:14%;top:21%;background:linear-gradient(135deg,var(--blue),var(--teal));animation-delay:-2s}.iso-fish.apricot{left:30%;top:45%;background:linear-gradient(135deg,var(--apricot),var(--cream));animation-delay:-4s}.iso-fish.blue{right:5%;bottom:10%;background:linear-gradient(135deg,var(--teal),var(--pink));animation-delay:-1s}.iso-fish.coral{left:8%;bottom:16%;animation-delay:-5s}.sticker-stars span{position:absolute;color:var(--cream);font-size:2rem;text-shadow:0 0 1rem var(--pink);animation:twinkle 2.4s ease-in-out infinite}.sticker-stars span:nth-child(1){right:18vw;top:13vh}.sticker-stars span:nth-child(2){right:39vw;bottom:17vh;animation-delay:-1s}.sticker-stars span:nth-child(3){left:16vw;top:22vh;animation-delay:-.5s}.perforation-card{position:absolute;right:10vw;bottom:11vh;padding:1rem 1.2rem;border:2px dashed rgba(255,241,214,.58);border-radius:1rem;background:rgba(255,95,162,.18);font:800 .8rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cream);transform:rotate(7deg)}
.ghost-lantern-tank{grid-template-columns:1fr 1fr;align-items:center}.ghost-lantern{justify-self:center;position:relative;width:min(38vw,440px);height:min(47vw,520px);display:grid;place-items:center}.ghost-lantern:before{content:"";position:absolute;inset:0;border-radius:45% 55% 52% 48%;background:radial-gradient(circle,rgba(255,241,214,.42),rgba(143,231,255,.14) 42%,transparent 70%);filter:blur(5px);animation:pulse 4s ease-in-out infinite}.ghost-body{position:relative;width:60%;height:68%;border-radius:48% 52% 44% 56%/42% 44% 56% 58%;background:linear-gradient(145deg,rgba(255,241,214,.78),rgba(143,231,255,.36));border:1px solid rgba(255,241,214,.58);box-shadow:inset 0 -1rem 2rem rgba(21,200,200,.18),0 0 3rem rgba(143,231,255,.32);backdrop-filter:blur(10px)}.ghost-body:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:25%;background:radial-gradient(circle at 18% 100%,transparent 0 1.1rem,var(--cream) 1.13rem 1.7rem,transparent 1.75rem),radial-gradient(circle at 50% 100%,transparent 0 1.2rem,var(--cream) 1.23rem 1.8rem,transparent 1.85rem),radial-gradient(circle at 82% 100%,transparent 0 1rem,var(--cream) 1.03rem 1.6rem,transparent 1.65rem);opacity:.62}.ghost-body .side{position:absolute;left:-2rem;top:42%;width:3rem;height:2rem;background:rgba(255,95,162,.34);clip-path:polygon(100% 50%,0 0,0 100%)}.ghost-body .tail{position:absolute;right:-2.4rem;top:48%;width:3rem;height:2.4rem;background:rgba(21,200,200,.34);clip-path:polygon(0 50%,100% 0,100% 100%)}.fog-text{position:absolute;right:-1rem;bottom:14%;padding:.7rem 1rem;border-radius:999px;background:rgba(255,241,214,.36);color:var(--plum);font:800 1rem/1 var(--voice);transform:rotate(7deg)}.glow-copy{padding:2.3rem;max-width:33rem;justify-self:end}.token-bubbles span{position:absolute;border-radius:50%;display:grid;place-items:center;width:4.2rem;height:4.2rem;background:rgba(255,179,107,.28);border:1px solid rgba(255,241,214,.46);font:700 .7rem/1 var(--mono);color:var(--plum);animation:rise 6s ease-in-out infinite}.token-bubbles span:nth-child(1){left:13vw;bottom:12vh}.token-bubbles span:nth-child(2){right:14vw;top:16vh;animation-delay:-2s}.token-bubbles span:nth-child(3){left:45vw;top:24vh;animation-delay:-4s}
.cassette-tide{grid-template-columns:1.15fr .85fr;align-items:center}.cassette-shell{justify-self:start;position:relative;width:min(52vw,650px);height:21rem;border-radius:2rem;background:linear-gradient(145deg,rgba(255,241,214,.50),rgba(255,122,92,.26));border:1px solid rgba(255,241,214,.52);box-shadow:0 2rem 5rem rgba(36,20,51,.28),inset 0 1px 0 rgba(255,255,255,.55);backdrop-filter:blur(16px);transform:rotate(-5deg)}.cassette-label{position:absolute;left:8%;right:8%;top:12%;padding:1rem;border-radius:1rem;background:rgba(255,95,162,.25);font:800 1rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--plum)}.reel{position:absolute;top:47%;width:6rem;height:6rem;border-radius:50%;background:radial-gradient(circle,var(--plum) 0 .7rem,var(--cream) .75rem 1.2rem,var(--teal) 1.25rem 1.6rem,rgba(36,20,51,.25) 1.65rem);box-shadow:inset 0 0 1.4rem rgba(36,20,51,.24);animation:spin 9s linear infinite}.reel.one{left:18%}.reel.two{right:18%;animation-direction:reverse}.cassette-window{position:absolute;left:35%;right:35%;top:51%;height:3rem;border-radius:999px;background:rgba(36,20,51,.46);border:1px solid rgba(255,241,214,.38)}.tape-line{position:absolute;left:14%;right:14%;bottom:14%;height:1rem;border-radius:999px;background:rgba(36,20,51,.38);box-shadow:inset 0 0 .8rem rgba(255,179,107,.4)}.prize-claw{position:absolute;right:14vw;top:13vh;width:7rem;height:10rem;border-left:5px solid rgba(143,231,255,.58);border-right:5px solid rgba(143,231,255,.58);border-radius:0 0 3rem 3rem;filter:drop-shadow(0 0 1rem var(--blue));animation:drift 7s ease-in-out infinite}.prize-claw span{position:absolute;bottom:-2rem;width:3.4rem;height:4rem;border-bottom:5px solid var(--pink);border-radius:0 0 50% 50%}.prize-claw span:nth-child(1){left:-2rem;transform:rotate(22deg)}.prize-claw span:nth-child(2){left:1.5rem}.prize-claw span:nth-child(3){right:-2rem;transform:rotate(-22deg)}.wave-bands{position:absolute;left:0;right:0;bottom:0;height:34vh;background:repeating-radial-gradient(ellipse at 50% 120%,rgba(143,231,255,.18) 0 1rem,transparent 1.1rem 2.3rem);opacity:.65}
.sunset-token{grid-template-columns:1fr 1fr;align-items:center}.closing-token{justify-self:center;width:min(38vw,420px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,var(--apricot),var(--guava) 54%,var(--pink));box-shadow:0 2rem 5rem rgba(36,20,51,.35),inset 0 .5rem 0 rgba(255,241,214,.38),inset 0 -.8rem 0 rgba(36,20,51,.15);border:1rem solid rgba(255,241,214,.34)}.closing-token p{position:absolute;bottom:17%;font:400 clamp(2rem,5vw,5rem)/.82 var(--display);text-align:center;color:var(--cream);text-shadow:.04em .04em 0 var(--plum)}.token-face{position:absolute;top:23%;width:36%;height:27%;border-radius:50%;background:rgba(255,241,214,.48)}.token-face span{position:absolute;top:34%;width:16%;height:25%;border-radius:50%;background:var(--plum)}.token-face span:nth-child(1){left:28%}.token-face span:nth-child(2){right:28%}.token-face i{position:absolute;left:34%;right:34%;bottom:22%;height:18%;border-bottom:4px solid var(--pink);border-radius:0 0 50% 50%}.final-pane{padding:2.3rem;max-width:34rem;justify-self:start;transform:rotate(2deg)}.lane-final i{animation:swim 18s linear infinite}.lane-final i:nth-child(1){left:6%;top:19%}.lane-final i:nth-child(2){left:22%;top:70%;animation-delay:-3s;background:linear-gradient(135deg,var(--blue),var(--teal))}.lane-final i:nth-child(3){left:48%;top:12%;animation-delay:-7s}.lane-final i:nth-child(4){left:67%;top:74%;animation-delay:-11s;background:linear-gradient(135deg,var(--cream),var(--pink))}.lane-final i:nth-child(5){left:83%;top:39%;animation-delay:-14s;background:linear-gradient(135deg,var(--teal),var(--apricot))}

@keyframes swim{0%,100%{transform:translate3d(-1rem,0,0) skewY(-10deg)}50%{transform:translate3d(2rem,-1.2rem,0) skewY(-10deg) rotate(5deg)}}
@keyframes drift{0%,100%{transform:translate3d(0,0,0) rotate(-4deg) skewY(-10deg)}50%{transform:translate3d(1.4rem,-1.8rem,0) rotate(6deg) skewY(-10deg)}}
@keyframes rise{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(-2.2rem);opacity:1}}
@keyframes bubble{0%,100%{transform:translate(-50%,0) scale(.6);opacity:0}50%{transform:translate(-50%,-1.4rem) scale(1);opacity:.85}}
@keyframes twinkle{0%,100%{transform:scale(.8) rotate(0);opacity:.6}50%{transform:scale(1.25) rotate(18deg);opacity:1}}
@keyframes pulse{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}
@keyframes spin{to{transform:rotate(360deg)}}

@media (max-width:850px){.aquarium-tabs{left:.6rem;right:.6rem;justify-content:center}.aqua-tab{min-width:auto}.tank,.sticker-reef,.ghost-lantern-tank,.cassette-tide,.sunset-token{grid-template-columns:1fr;padding:10vh 7vw 14vh}.wordmark{font-size:clamp(4.4rem,21vw,8rem);white-space:normal}.hero-pane,.glass-shelf,.glass-pane{width:auto;max-width:100%;margin:0}.memory-fragment{position:relative;right:auto;top:auto;margin-top:2rem}.icon-school{height:44vh}.ghost-lantern{width:78vw;height:82vw}.cassette-shell{width:84vw;height:18rem}.closing-token{width:78vw}.final-pane,.glow-copy{justify-self:stretch}.cursor-ripple,.ghost-fish-cursor{display:none}}