@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap);:root{--c-celadon:#567158;--c-celadon-light:#ddf3df;--c-celadon-dark:#344435;--c-sage:#ace1af;--c-sage-light:#ddf3df;--c-sage-dark:#8fb591;--c-orange:#e76f51;--c-orange-dark:#c65d43;--c-amber:#f4a261;--c-ink:#111611;--c-paper:#f8f9e9;--c-water:#4a6fa5;--c-sand:#e9c46a;--c-white:#ffffff}body{background-color:var(--c-paper);font-family:"Segoe UI",Helvetica,Arial,sans-serif;color:var(--c-ink);overflow-x:hidden}.uppercase-tracking{text-transform:uppercase;letter-spacing:1px;font-family:'Space Grotesk','Segoe UI',Helvetica,Arial,sans-serif}h1,h2,h3,h4,h5{font-family:'Space Grotesk','Segoe UI',Helvetica,Arial,sans-serif}.font-monospace{font-family:"Courier New",Courier,monospace!important}html{scroll-padding-top:40px;scroll-behavior:smooth}.text-ink{color:var(--c-ink)!important}.text-paper{color:var(--c-paper)!important}.text-celadon{color:var(--c-celadon)!important}.text-orange{color:var(--c-orange)!important}.bg-ink{background-color:var(--c-ink)!important}.bg-paper{background-color:var(--c-paper)!important}.bg-retro-light{background-color:var(--c-sage-light)!important}.bg-retro-dark{background-color:var(--c-celadon-dark)!important}.section-pad{padding-top:4.5rem;padding-bottom:4.5rem}@media (max-width:767px){.section-pad{padding-top:3rem;padding-bottom:3rem}}.border-ink{border:2px solid var(--c-ink)!important}.border-top-ink{border-top:2px solid var(--c-ink)!important}.border-bottom-ink{border-bottom:2px solid var(--c-ink)!important}.shadow-hard{box-shadow:4px 4px 0 var(--c-ink)!important}.card-retro{border:2px solid var(--c-ink);border-radius:8px;background-color:var(--c-paper);box-shadow:6px 6px 0 rgba(0,0,0,.2);overflow:hidden}.btn-retro{border:2px solid var(--c-ink);border-radius:6px;box-shadow:4px 4px 0 var(--c-ink);transition:transform .1s,box-shadow .1s;text-transform:uppercase;font-weight:700;letter-spacing:.5px;padding:10px 20px}.btn-retro:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--c-ink);color:var(--c-ink)}.btn-retro-primary{background-color:var(--c-orange);color:var(--c-ink)}.btn-retro-primary:hover{background-color:var(--c-orange-dark)}.btn-retro-secondary{background-color:var(--c-sage);color:var(--c-ink)}.btn-retro-secondary:hover{background-color:var(--c-sage-dark)}.navbar-retro{background-color:var(--c-celadon);border-bottom:2px solid var(--c-ink);box-shadow:0 4px 0 rgba(0,0,0,.2)}#hero-aquarium{background-color:var(--c-water);position:relative;width:100%;min-height:500px;max-height:65vh;border-bottom:4px solid var(--c-ink);overflow:hidden;display:flex;justify-content:center;align-items:center}#hero-aquarium::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.1),rgba(0,0,0,.15));pointer-events:none;z-index:100}.tank-layer-sand{position:absolute;bottom:-20px;left:-20%;width:140%;height:100px;background-color:var(--c-sand);border-top:4px solid var(--c-ink);border-radius:50%/20px;z-index:200;transform:rotate(-.5deg)}.hero-content{position:relative;z-index:500;text-align:center;animation:.8s ease-out floatIn;text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 30px rgba(0,0,0,.25)}.fish-sprite{position:absolute;z-index:300;width:80px;height:80px;filter:drop-shadow(2px 2px 0px var(--c-ink)) drop-shadow(-1px -1px 0px #fff) drop-shadow(1px -1px 0px #fff) drop-shadow(-1px 1px 0px #fff) drop-shadow(1px 1px 0px #fff)}.fish-sprite svg{width:100%;height:100%}.fish-goldfish{width:100px;height:100px;top:20%;animation:24s linear infinite swimSweep,4s ease-in-out infinite alternate bobWobble}.fish-guppy{width:60px;height:60px;top:10%;animation:18s linear infinite reverse swimSweepFast,2s ease-in-out infinite alternate dartBob}.fish-crab{width:80px;height:80px;bottom:30px;z-index:250;animation:30s linear infinite scuttle}@keyframes floatIn{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes swimSweep{0%{left:-20%}100%{left:120%}}@keyframes swimSweepFast{0%{left:-20%}100%{left:120%}}@keyframes bobWobble{0%{transform:scaleX(-1) translateY(-10px) rotate(-5deg)}100%{transform:scaleX(-1) translateY(10px) rotate(5deg)}}@keyframes dartBob{0%{transform:scaleX(1) translateY(-15px) rotate(8deg)}100%{transform:scaleX(1) translateY(15px) rotate(-8deg)}}@keyframes scuttle{0%,5%{left:120%;transform:scaleX(-1) rotate(0)}15%{left:80%;transform:scaleX(-1) rotate(-5deg)}18%{left:80%;transform:scaleX(-1) rotate(0)}40%{left:40%;transform:scaleX(-1) rotate(5deg)}45%{left:40%;transform:scaleX(-1) rotate(0)}70%{left:-10%;transform:scaleX(-1) rotate(-5deg)}100%{left:-30%;transform:scaleX(-1) rotate(0)}}.feature-card{height:100%;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:default}.feature-icon{width:64px;height:64px;margin-bottom:1rem;background-color:var(--c-sage-light);border:2px solid var(--c-ink);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.5rem;box-shadow:2px 2px 0 var(--c-ink)}.retro-terminal{background-color:var(--c-ink);color:var(--c-paper);border:2px solid var(--c-sage);border-radius:6px;padding:1.5rem;font-size:.9rem;box-shadow:4px 4px 0 var(--c-celadon-dark);max-height:300px;overflow-y:auto}.retro-terminal::-webkit-scrollbar{width:8px}.retro-terminal::-webkit-scrollbar-thumb{background:var(--c-sage)}.terminal-cursor{display:inline-block;color:var(--c-sage);font-weight:700;animation:1s step-end infinite cursorBlink}@keyframes cursorBlink{0%,50%{opacity:1}100%,51%{opacity:0}}.crt-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:400;background:linear-gradient(rgba(255,255,255,.01) 80%,rgba(0,0,0,.02) 20%);background-size:100% 8px;animation:.15s infinite alternate crtFlicker}.crt-overlay::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(0,0,0,0) 60%,rgba(0,0,0,.08) 100%),linear-gradient(90deg,rgba(255,0,0,.015),rgba(0,255,0,.01),rgba(0,0,255,.015));background-size:100% 100%,3px 100%;pointer-events:none}.crt-overlay::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to bottom,rgba(195,208,180,.1) 0,rgba(195,208,180,.1) 1px,transparent 1px,transparent 2px,rgba(243,245,240,.1) 2px,rgba(243,245,240,.1) 3px);will-change:transform;animation:16s linear infinite crtScanline;pointer-events:none}@keyframes crtFlicker{0%{opacity:.95}100%{opacity:1}}@keyframes crtScanline{0%{transform:translateY(-100%)}100%{transform:translateY(65vh)}}.genre-tagline{font-size:.85rem;color:rgba(255,255,255,.6);letter-spacing:1.5px;text-transform:uppercase}.btn-cta-pulse{animation:2.5s ease-in-out infinite ctaPulse;box-shadow:4px 4px 0 var(--c-ink)}@keyframes ctaPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}#guide .card-retro{position:relative;padding-top:2.5rem;overflow:visible}.step-number{position:absolute;top:-24px;left:50%;transform:translateX(-50%);width:64px;height:64px;border-radius:50%;border:3px solid var(--c-ink);background-color:var(--c-orange);color:var(--c-ink);font-weight:900;font-size:1.3rem;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 var(--c-ink)}.synergy-section{background:linear-gradient(135deg,var(--c-ink) 0,#1a2a1a 100%);color:var(--c-paper);position:relative;overflow:hidden}.synergy-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.015) 3px,rgba(255,255,255,.015) 4px);pointer-events:none}.synergy-card{border:2px solid var(--c-sage-dark);border-radius:8px;background:rgba(255,255,255,.05);padding:1.5rem;text-align:center;transition:transform .2s,border-color .2s;position:relative}.synergy-card:hover{transform:translateY(-4px);border-color:var(--c-sage)}.synergy-card .fish-portrait{width:72px;height:72px;margin:0 auto .75rem;filter:drop-shadow(0 0 8px rgba(172,225,175,.3))}.synergy-card .fish-portrait img{width:100%;height:100%}.synergy-arrow{display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--c-sage);padding:0 .25rem}.combo-label{display:inline-block;background:var(--c-orange);color:var(--c-ink);font-weight:900;text-transform:uppercase;letter-spacing:1px;padding:.25rem 1rem;border-radius:4px;border:2px solid var(--c-ink);box-shadow:3px 3px 0 rgba(0,0,0,.3);font-size:.8rem}.win-condition-section{background-color:var(--c-sand);border-top:4px solid var(--c-ink);border-bottom:4px solid var(--c-ink);position:relative}.crown-icon-large{font-size:3rem;color:var(--c-orange);filter:drop-shadow(2px 2px 0px var(--c-ink))}.day-counter{display:inline-flex;align-items:center;gap:.5rem;background:var(--c-ink);color:var(--c-paper);padding:.5rem 1.25rem;border-radius:6px;font-weight:900;font-family:"Courier New",Courier,monospace;font-size:1.1rem;letter-spacing:2px;border:2px solid var(--c-sage)}.scenario-pills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.scenario-pill{background:var(--c-paper);border:1px solid rgba(0,0,0,.25);border-radius:20px;padding:.35rem 1rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:default}.incubator-section{background:linear-gradient(135deg,#111619 0,#1a1a2e 50%,#16213e 100%);color:var(--c-paper);position:relative;overflow:hidden;border-top:4px solid var(--c-ink);border-bottom:4px solid var(--c-ink)}.incubator-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(172,225,175,.015) 3px,rgba(172,225,175,.015) 4px);pointer-events:none}.incubator-card{position:relative}.incubator-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.4);margin-bottom:.5rem}.incubator-label-finbred{color:var(--c-sage);font-weight:700}.incubator-traits{display:flex;gap:.35rem;justify-content:center;flex-wrap:wrap;margin-bottom:.5rem}.incubator-trait-pill{background:rgba(172,225,175,.15);border:1px solid var(--c-sage-dark);border-radius:12px;padding:.15rem .6rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--c-sage)}.incubator-stats{display:flex;gap:.75rem;justify-content:center;font-size:.85rem;color:rgba(255,255,255,.7)}.incubator-offspring{border-color:var(--c-sage);box-shadow:0 0 20px rgba(172,225,175,.15),inset 0 0 20px rgba(172,225,175,.05)}.incubator-offspring-portrait{animation:3s ease-in-out infinite alternate offspringPulse}@keyframes offspringPulse{0%{filter:drop-shadow(0 0 6px rgba(172,225,175,.2))}100%{filter:drop-shadow(0 0 14px rgba(172,225,175,.5))}}.screenshot-section{background-color:var(--c-paper)}.screenshot-frame{background-color:transparent}.screenshot-frame .carousel-inner{padding:0 0 10px}.screenshot-frame .carousel-item img{max-width:100%;height:auto;max-height:500px;object-fit:contain;display:block;border:3px solid var(--c-ink);border-radius:8px;box-shadow:6px 6px 0 rgba(0,0,0,.2)}#screenshotCarousel .carousel-indicators{margin-bottom:.5rem;bottom:-2rem}#screenshotCarousel .carousel-indicators button{width:12px;height:12px;border-radius:50%;border:2px solid var(--c-ink);background-color:var(--c-paper);opacity:.5;transition:opacity .2s,background-color .2s}#screenshotCarousel .carousel-indicators button.active{background-color:var(--c-orange);opacity:1}#screenshotCarousel .carousel-control-next,#screenshotCarousel .carousel-control-prev{width:48px;height:48px;top:50%;transform:translateY(-50%);bottom:auto;background-color:var(--c-celadon);border:2px solid var(--c-ink);border-radius:50%;opacity:1;box-shadow:3px 3px 0 var(--c-ink);transition:transform .1s,box-shadow .1s}#screenshotCarousel .carousel-control-prev{left:12px}#screenshotCarousel .carousel-control-next{right:12px}#screenshotCarousel .carousel-control-next:hover,#screenshotCarousel .carousel-control-prev:hover{transform:translateY(-50%) translate(2px,2px);box-shadow:1px 1px 0 var(--c-ink);background-color:var(--c-ink)}@media (max-width:767px){#hero-aquarium{min-height:auto;max-height:none;padding:3rem 0}.hero-content{padding:1.5rem 1.25rem;background:rgba(52,68,53,.8);border-radius:10px;margin:0 .5rem}.display-3{font-size:2.2rem!important}.display-5{font-size:1.6rem!important}.synergy-card{padding:1rem!important}.synergy-arrow-mobile{display:flex!important;padding:.25rem 0}#guide .card-retro{padding:2rem .75rem .75rem!important}.step-number{width:50px;height:50px;top:-25px;font-size:1.1rem}#screenshotCarousel .carousel-control-next,#screenshotCarousel .carousel-control-prev{width:36px;height:36px}#screenshotCarousel .carousel-control-prev{left:6px}#screenshotCarousel .carousel-control-next{right:6px}}