@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Press+Start+2P&display=swap";:root{font-family:DM Mono,monospace;color:#e9ffcf;background:#061824;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%;margin:0}body{overflow:hidden;cursor:crosshair}.aquarium{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:#0a3040;image-rendering:pixelated}.aquarium:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:.15;background:repeating-linear-gradient(0deg,transparent 0 3px,#071e2c 3px 4px);mix-blend-mode:multiply}.aquarium:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;box-shadow:inset 0 0 130px 20px #03151f}.water-glow{position:absolute;width:75vw;height:70vw;max-width:1000px;max-height:1000px;top:-40%;left:42%;transform:rotate(-22deg);opacity:.14;background:linear-gradient(90deg,transparent,#c2f298,transparent);filter:blur(16px)}.surface-line{position:absolute;z-index:1;top:19%;left:0;right:0;height:1px;opacity:.23;background:#b1efad;box-shadow:0 5px #b1efad,0 -4px #b1efad66}.pixel-stars{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35}.pixel-stars i{position:absolute;width:4px;height:4px;background:#b6f39a;box-shadow:0 0 12px #b6f39a;animation:blink 3s steps(2) infinite}.pixel-stars i:nth-child(1){top:15%;left:12%}.pixel-stars i:nth-child(2){top:29%;left:88%;animation-delay:1s}.pixel-stars i:nth-child(3){top:11%;left:62%;animation-delay:2s}.pixel-stars i:nth-child(4){top:48%;left:14%;animation-delay:.5s}.pixel-stars i:nth-child(5){top:63%;left:88%;animation-delay:1.5s}.pixel-stars i:nth-child(6){top:21%;left:45%;animation-delay:2.5s}.bubbles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.bubbles i{position:absolute;bottom:-15px;border:2px solid rgba(173,239,175,.6);background:#c4f5b214;animation:rise linear infinite;box-shadow:inset 1px 1px #ffffff73}.bubbles i:nth-child(3n){border-radius:0}.bubbles i:not(:nth-child(3n)){border-radius:50%}@keyframes rise{0%{transform:translate(0) scale(.65);opacity:0}12%{opacity:.8}to{transform:translate(var(--drift),-115vh) scale(1);opacity:0}}@keyframes blink{50%{opacity:.2}}.fish{position:absolute;z-index:2;left:0;top:0;pointer-events:none;will-change:transform}.fish.front{z-index:4}.fish-sprite{width:100%;height:100%;background-repeat:no-repeat;background-size:calc(var(--fw) * 4) 100%;image-rendering:pixelated;animation:swim var(--swim-ms) steps(4) infinite;filter:drop-shadow(0 5px 0 rgba(2,25,31,.3))}@keyframes swim{0%{background-position-x:0}to{background-position-x:calc(var(--fw) * -4)}}.ground{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;flex-direction:column;pointer-events:none;image-rendering:pixelated}.ground-top{flex:none;height:calc(var(--u) * 32);background:var(--ground-top) var(--ground-x) 0 / calc(var(--u) * 128) 100% repeat-x}.ground-fill{flex:1;background:var(--ground-fill) var(--ground-x) 0 / calc(var(--u) * 128) calc(var(--u) * 64) repeat}.wood{position:absolute;z-index:3;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 4px 0 rgba(2,25,31,.35))}.plant{position:absolute;z-index:3;background-repeat:no-repeat;background-size:calc(var(--pw) * 4) 100%;image-rendering:pixelated;animation:sway var(--sway-ms) steps(4) var(--sway-delay) infinite}@keyframes sway{0%{background-position-x:0}to{background-position-x:calc(var(--pw) * -4)}}.title-card{position:absolute;z-index:7;top:10%;left:8%;text-shadow:2px 2px #05222b}.eyebrow,.corner-note,.cursor-hint{font-size:10px;letter-spacing:.18em;text-transform:uppercase}.eyebrow{color:#a4e48c}.title-card h1{margin:20px 0 14px;font:30px/1.28 "Press Start 2P",monospace;letter-spacing:-2px}.title-card h1 em{color:#a2e78c;font-style:normal}.title-card p{margin:0;color:#9bc7bd;font-size:11px;line-height:1.8}.corner-note{position:absolute;z-index:7;right:7%;top:9%;color:#8ec9b2}.corner-note span{color:#d6f595;padding:0 8px}.cursor-hint{position:absolute;z-index:7;right:7%;bottom:9%;color:#a4e48c}.cursor-hint span{display:inline-grid;place-items:center;width:17px;height:17px;margin-right:8px;border:1px solid #a4e48c;font-size:13px}@media (max-width: 600px){.title-card{top:7%;left:7%}.title-card h1{font-size:21px}.corner-note{top:7%;right:7%;font-size:8px}.cursor-hint{bottom:6%;right:7%}}