@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323:wght@400&display=swap";
.retro-mode{--pixel-font:"Press Start 2P", "Courier New", monospace;--retro-font:"VT323", "Courier New", monospace;font-family:var(--retro-font);overflow-x:hidden}.retro-mode *{image-rendering:pixelated;image-rendering:crisp-edges}.retro-mode a{color:inherit;text-decoration:none}.retro-mode h1,.retro-mode h2,.retro-mode h3,.retro-mode h4{font-family:var(--pixel-font);line-height:1.7}.pixel-card{flex-direction:column;gap:14px;padding:20px 22px;display:flex;position:relative}.pixel-card--mountain{color:#1a0e04;background:#c8942a;border:4px solid #6a4810;border-color:#e8c050 #6a4810 #6a4810 #e8c050}.pixel-card--music{color:#e8d0ff;background:#1e0840;border:4px solid #080212;border-color:#5a2090 #080212 #080212 #5a2090}.pixel-card--jungle{color:#fff0e0;background:#8a7060;border:4px solid #3a2810;border-color:#b09080 #3a2810 #3a2810 #b09080}.pixel-card--underwater{color:#c0e4ff;background:#013a80;border:4px solid #01081e;border-color:#1a68c8 #01081e #01081e #1a68c8}.pixel-btn{font-family:var(--pixel-font);letter-spacing:.04em;cursor:pointer;color:#c8f0d8;background:#2d6a4f;border:4px solid #1b3d2a;border-color:#52b788 #1b3d2a #1b3d2a #52b788;padding:10px 18px;font-size:9px;transition:transform 50ms;display:inline-block}.pixel-btn:hover{background:#3a8060}.pixel-btn:active{border:4px solid #52b788;border-color:#1b3d2a #52b788 #52b788 #1b3d2a;transform:translate(3px,3px)}.pixel-btn--disabled{color:#9a8870;cursor:not-allowed;pointer-events:none;background:#5c4a2a;border:4px solid #2a2010;border-color:#8a7050 #2a2010 #2a2010 #8a7050}.pixel-status{font-family:var(--pixel-font);text-transform:uppercase;letter-spacing:.1em;border:2px solid;padding:3px 8px;font-size:7px;display:inline-block}.pixel-status--live{color:#52b788;background:#051e10}.pixel-status--beta{color:#ffd60a;background:#1e1400}.pixel-status--coming-soon{color:#ff6b6b;background:#1e0808}.env-mountain{background:linear-gradient(#5a9fc8 0%,#87ceeb 28%,#c8e8f5 48%,#b89050 50%,#8b6520 75%,#6a4818 100%)}.env-music{background:linear-gradient(#150320 0%,#2a0850 35%,#1a0438 70%,#0a0220 100%)}.env-jungle{background:linear-gradient(#0d3820 0%,#1b5a38 20%,#2d6a4f 45%,#3a5020 65%,#4a3010 100%)}.env-coastal{background:linear-gradient(#87ceeb 0%,#c8e8f5 18%,#e8d8a8 40%,#c8a840 50%,#29b8f8 60%,#0288d8 80%,#0166b0 100%)}.env-underwater{background:linear-gradient(#0288d1 0%,#0166b0 25%,#014490 55%,#012d6e 80%,#011850 100%)}.env-ocean-floor{background:linear-gradient(#012d6e 0%,#010f3a 35%,#01061f 70%,#000510 100%)}.campfire-glow{background:radial-gradient(circle,#ff8c0073 0%,#0000 70%);border-radius:50%;animation:.8s ease-in-out infinite alternate glow-pulse;position:absolute}.music-note{font-family:var(--retro-font);pointer-events:none;font-size:32px;animation:3s ease-in-out infinite float-note;position:absolute}.bubble{pointer-events:none;background:#a0d2ff1f;border:2px solid #a0d2ff8c;border-radius:50%;animation:linear infinite bubble-rise;position:absolute}.seaweed{transform-origin:bottom;animation:2.5s ease-in-out infinite sway}.bio-glow{filter:blur(3px);animation:2s ease-in-out infinite alternate glow-pulse}.pixel-link-card{text-align:left;color:inherit;background:#010f3a;border:4px solid #00050f;border-color:#2a4a8a #00050f #00050f #2a4a8a;padding:18px 20px;text-decoration:none;transition:transform 50ms;display:block}.pixel-link-card:hover{border-color:#00050f #2a4a8a #2a4a8a #00050f;transform:translate(2px,2px)}@keyframes float-note{0%{opacity:0;transform:translate(0)rotate(-8deg)}15%{opacity:1}80%{opacity:.9}to{opacity:0;transform:translate(24px,-90px)rotate(12deg)}}@keyframes bubble-rise{0%{opacity:.7;transform:translateY(0)translate(0)}50%{opacity:.5;transform:translateY(-60px)translate(6px)}to{opacity:0;transform:translateY(-130px)translate(-4px)}}@keyframes sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes flicker{0%,to{opacity:1;transform:scaleY(1)scaleX(1)}25%{opacity:.78;transform:scaleY(.88)scaleX(1.06)}50%{opacity:1;transform:scaleY(1.1)scaleX(.94)}75%{opacity:.88;transform:scaleY(.94)scaleX(1.03)}}@keyframes glow-pulse{0%{opacity:.3}to{opacity:.75}}@keyframes swim-right{0%{transform:translate(-100px)}to{transform:translate(calc(100vw + 100px))}}@keyframes swim-left{0%{transform:translate(calc(100vw + 100px))scaleX(-1)}to{transform:translate(-100px)scaleX(-1)}}@keyframes ray-flicker{0%,to{opacity:.1}50%{opacity:.22}}@media (prefers-reduced-motion:reduce){.retro-mode *,.retro-mode :before,.retro-mode :after{animation-duration:.01ms!important;animation-iteration-count:1!important}}