:root{color-scheme:dark;--ink:#071c22;--panel:#0b252c;--ivory:#f4f4e9;--muted:#7e9d9f;--lime:#cdfb69;--cyan:#65d8d3;--line:rgba(153,211,202,.14);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;color:var(--ivory);background:radial-gradient(ellipse at 45% 2%,#0d2a30 0,transparent 56%),var(--ink);min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}button,svg{flex-shrink:0}[hidden]{display:none!important}.site-shell{width:min(1512px,100%);margin:auto;padding:0 44px}.site-header{height:100px;display:flex;align-items:center;gap:25px}.arcade-brand{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:800;letter-spacing:-1.2px}.brand-dot{color:var(--lime)}.arcade-mark{width:24px;height:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-4deg)}.arcade-mark i{display:block;background:var(--lime);border-radius:2px}.arcade-mark i:last-child{opacity:.5}.header-divider{height:23px;width:1px;background:var(--line)}.header-game-name{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#a9bebb}.header-game-name span{color:#49686c;padding:0 9px}.header-actions{margin-left:auto;display:flex;gap:11px;align-items:center}.guide-link{background:none;font-size:11px;font-weight:600;letter-spacing:.2px;padding:10px 15px;color:#b8ccca}.guide-link span{color:var(--lime);margin-left:10px}.action-divider{width:1px;height:20px;background:var(--line);margin:0 8px}.icon-button{width:37px;height:37px;border:1px solid var(--line);border-radius:50%;background:rgba(12,37,42,.38);display:grid;place-items:center;color:#a5bfbd;transition:background .15s,color .15s,border-color .15s}.icon-button svg{width:17px;height:17px}.icon-button:hover{color:var(--ivory);border-color:rgba(205,251,105,.45);background:rgba(205,251,105,.08)}
.game-stage{height:clamp(540px,calc(100svh - 250px),730px);min-height:540px;position:relative;isolation:isolate;overflow:hidden;background:#0d4550;border:1px solid rgba(128,200,192,.23);border-radius:18px;box-shadow:0 22px 65px rgba(0,0,0,.12)}#ocean{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none;outline:none}.stage-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(3,25,31,.52),transparent 24%,transparent 84%,rgba(3,25,31,.25))}.game-hud{height:69px;position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;padding:0 25px;gap:25px;border-bottom:1px solid rgba(183,231,210,.10);background:linear-gradient(180deg,rgba(6,35,39,.58),rgba(6,35,39,.2));backdrop-filter:blur(10px)}.hud-brand{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.6px;font-weight:750;color:#bdd7cb;white-space:nowrap}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px rgba(205,251,105,.4)}.hud-metrics{display:flex;gap:25px;margin-left:auto}.hud-stat{display:flex;flex-direction:column;gap:4px;min-width:35px}.hud-label{font-size:7px;letter-spacing:1.7px;font-weight:650;color:#91b6b1}.hud-stat strong,.hud-best strong{font-size:14px;font-weight:750;line-height:1.1;font-variant-numeric:tabular-nums}.hud-size-stat strong{font-size:12px}.hud-life-stat strong{color:#d5edac;letter-spacing:3px;font-size:10px;margin-top:2px}.hud-location{padding-left:22px;border-left:1px solid rgba(171,217,199,.15);display:flex;flex-direction:column;gap:5px;min-width:127px}.hud-location strong{font-size:10px;font-weight:650;color:#c1d8cd;white-space:nowrap}.hud-best{display:flex;flex-direction:column;gap:4px;padding-left:22px;border-left:1px solid rgba(171,217,199,.15)}.pause-button{height:30px;width:30px;background:transparent;border-color:rgba(178,217,196,.2)}.pause-button svg{width:15px;height:15px}.growth-meter{position:absolute;z-index:4;top:82px;right:25px;width:170px;text-align:right;pointer-events:none}.growth-track{height:3px;border-radius:3px;background:rgba(189,223,207,.17);overflow:hidden}.growth-track>div{height:100%;width:0%;background:var(--lime);box-shadow:0 0 8px rgba(205,251,105,.5);transition:width .25s ease}.growth-meter>span{display:block;margin-top:7px;font-size:8px;letter-spacing:.3px;color:#a1c3b9}.overlay{position:absolute;inset:0;z-index:10}.start-screen{background:linear-gradient(90deg,rgba(6,37,41,.96) 0%,rgba(6,37,41,.88) 27%,rgba(6,37,41,.59) 43%,rgba(6,37,41,0) 68%);display:flex;align-items:center;pointer-events:none;padding:76px 52px 63px}.start-copy{pointer-events:auto;width:530px}.eyebrow{font-size:8px;line-height:1.5;font-weight:750;letter-spacing:1.85px;color:#b0c3b7;display:flex;align-items:center;gap:8px}.eyebrow>span{height:4px;width:4px;background:var(--lime);border-radius:50%}.fishy-logo{display:flex;align-items:flex-end;gap:16px;margin-top:20px;margin-bottom:24px}.fishy-logo>span{font-size:61px;line-height:.8;font-weight:950;letter-spacing:-4px;transform:skew(-5deg);display:block}.logo-period{color:var(--lime)}.fishy-logo small{font-weight:650;font-size:9px;letter-spacing:2.9px;margin-bottom:3px;color:#b7ccc2;line-height:1.6;max-width:70px}.fishy-logo small i{font-size:14px;font-style:normal;color:var(--lime);vertical-align:middle}h1,h2,p{margin:0}h1{font-size:43px;line-height:1.08;letter-spacing:-1.6px;font-weight:740;max-width:470px}.intro-text{color:#9ebbb3;font-size:12px;line-height:1.8;margin-top:16px;font-weight:400}.mode-switch{display:flex;align-items:center;gap:4px;width:max-content;padding:4px;border:1px solid rgba(167,211,188,.16);border-radius:8px;background:rgba(3,24,29,.32);margin-top:23px}.mode-button{padding:9px 12px;border-radius:5px;background:transparent;color:#7d9b94;display:flex;gap:7px;align-items:center;font-size:10px;font-weight:600;white-space:nowrap;transition:background .2s,color .2s}.mode-button.active{background:rgba(183,223,146,.12);color:#e8f3d9}.mode-dot{height:4px;width:4px;display:block;border-radius:50%;background:var(--lime)}.mode-new{font-size:6px;letter-spacing:.8px;color:var(--lime);margin-left:2px;background:rgba(205,251,105,.08);border-radius:3px;padding:4px 4px 3px}.play-button{height:52px;width:257px;margin-top:14px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;background:var(--lime);color:#1a3028;padding:0 18px 0 22px;font-size:15px;font-weight:800;box-shadow:0 5px 28px rgba(164,217,84,.1);transition:transform .2s,background .2s}.play-button:hover{transform:translateY(-2px);background:#d9ff89}.play-arrow{font-size:26px;font-weight:500;line-height:1;display:grid;place-items:center;width:28px;height:28px}.control-chips{margin-top:16px;display:flex;align-items:center;gap:15px;color:#87a39b;font-size:8px}.control-chips>span{display:flex;align-items:center;gap:5px}kbd{font-family:inherit;font-size:6px;font-weight:650;border:1px solid rgba(150,185,169,.25);min-width:15px;padding:3px;border-radius:3px;text-align:center;color:#a9beb1;background:rgba(163,199,181,.025);box-shadow:0 1px 0 rgba(5,24,27,.3)}.control-chips>span:first-child kbd{font-size:10px;line-height:8px}.hero-side-note{position:absolute;right:31px;bottom:103px;display:flex;gap:10px;align-items:center;font-size:7px;line-height:1.6;letter-spacing:1.4px;font-weight:600;color:rgba(218,240,215,.6)}.small-orbit{border:1px solid rgba(202,239,206,.35);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:18px;color:#d0edaf;font-weight:400}.mission-card{position:absolute;z-index:6;left:25px;bottom:24px;display:flex;align-items:center;gap:10px;max-width:440px;padding:11px 13px;background:rgba(5,33,38,.48);border:1px solid rgba(161,210,181,.16);backdrop-filter:blur(8px);border-radius:7px;pointer-events:none}.mission-symbol{color:var(--lime);font-size:24px;line-height:1;font-weight:300}.mission-card>div{display:flex;flex-direction:column;gap:4px}.mission-eyebrow{font-size:6px;font-weight:700;letter-spacing:1.7px;color:#8cafa0}.mission-card strong{font-size:8px;font-weight:500;color:#c1d7c8;line-height:1.4}#mission-progress{font-size:9px;color:var(--lime);margin-left:10px;white-space:nowrap;font-weight:700}.ability-controls{position:absolute;z-index:7;bottom:24px;right:25px;display:flex;gap:8px}.ability-button{height:46px;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden;padding:0 11px;background:rgba(5,33,38,.5);border:1px solid rgba(161,210,181,.19);border-radius:7px;backdrop-filter:blur(8px);color:#c2dacb;transition:background .2s}.ability-button:hover:not(:disabled){background:rgba(45,84,67,.7)}.ability-button:disabled{opacity:.5}.ability-icon{font-size:30px;line-height:1;color:var(--lime);width:19px;display:inline-flex;justify-content:center}.sonar-icon{font-size:21px;color:#9bd2be}.ability-button>span:last-of-type{display:flex;flex-direction:column;gap:5px;font-size:7px;font-weight:750;letter-spacing:1px;text-align:left}.ability-button small{font-size:6px;color:#81a094;font-weight:500;letter-spacing:.7px}.ability-charge{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--lime);opacity:.3;transform-origin:left}.ability-button.cooldown .ability-charge{transform:scaleX(var(--charge,0))}.toast{position:absolute;z-index:25;bottom:34px;left:50%;transform:translateX(-50%);max-width:400px;text-align:center;color:#ecf8d6;font-size:11px;font-weight:650;letter-spacing:.3px;pointer-events:none;transition:opacity .25s;background:rgba(4,26,31,.8);backdrop-filter:blur(8px);border:1px solid rgba(205,251,105,.25);border-radius:25px;padding:11px 20px}.toast:empty{opacity:0;padding:0;border:none}.stage-corner{position:absolute;z-index:3;bottom:9px;width:5px;height:5px;border-bottom:1px solid rgba(205,251,105,.25);pointer-events:none}.stage-corner-bl{left:9px;border-left:1px solid rgba(205,251,105,.25)}.stage-corner-br{right:9px;border-right:1px solid rgba(205,251,105,.25)}
.voyage-strip{display:flex;align-items:center;gap:36px;margin-top:29px;padding-bottom:28px;border-bottom:1px solid var(--line)}.voyage-intro{flex:0 0 205px;align-self:center}.voyage-intro .eyebrow{font-size:7px;letter-spacing:1.7px;color:#7d9b95}.voyage-intro h2{font-size:22px;font-weight:650;letter-spacing:-.65px;line-height:1.25;margin-top:11px}.biome-list{margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:13px;list-style:none;flex:1;min-width:0}.biome{min-width:0;position:relative;opacity:.6;transition:opacity .4s}.biome.active{opacity:1}.biome-art{height:63px;position:relative;overflow:hidden;border:1px solid rgba(140,195,177,.13);border-radius:6px;background:#15424a}.biome-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(5,24,31,.5));pointer-events:none}.biome.active .biome-art{border-color:rgba(205,251,105,.55)}.biome-art:before{content:"";position:absolute;width:80px;height:160%;top:-90%;left:20%;transform:rotate(-30deg);background:linear-gradient(90deg,transparent,rgba(183,244,191,.2),transparent)}.biome-art>span{position:absolute;width:140%;height:54px;border-radius:50%;background:#153c40;left:-15%;bottom:-37px;transform:rotate(-5deg)}.biome-art>i{position:absolute;height:20px;width:7px;border-radius:50% 50% 0 0;bottom:-2px;left:25%;background:#568e68;box-shadow:10px 4px 0 #568e68,20px -2px 0 #335e50,27px 7px 0 #335e50;transform:rotate(-13deg)}.biome-art>b{position:absolute;width:14px;height:7px;border-radius:60% 50% 50% 60%;background:#b7cd82;right:28%;top:25px;transform:rotate(-8deg)}.biome-art>b:after{content:"";position:absolute;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:5px solid #b7cd82;right:-4px;top:-.5px}.coral-art{background:linear-gradient(125deg,#175765,#23444c)}.coral-art>i{background:#db867a;width:6px;height:24px;box-shadow:8px 5px 0 #b46767,17px -5px 0 #b46767,28px 5px 0 #98676e;left:35%}.coral-art>span{background:#36505a}.coral-art>b{background:#cb9276;right:20%}.coral-art>b:after{border-right-color:#cb9276}.kelp-art{background:linear-gradient(120deg,#173e3d,#143e43)}.kelp-art>i{height:70px;width:8px;left:25%;bottom:-20px;background:#428267;border-radius:50%;box-shadow:17px 9px 0 #428267,38px -4px 0 #315e54,55px 10px 0 #315e54;transform:rotate(-10deg)}.kelp-art>b{right:15%;background:#8daa92}.kelp-art>b:after{border-right-color:#8daa92}.trench-art{background:radial-gradient(ellipse at 50% 10%,#214657,#101f32)}.trench-art>span{background:#111f31;bottom:-28px;transform:rotate(15deg);height:55px}.trench-art>i{height:10px;background:#558e9c;box-shadow:10px 4px 0 #558e9c,20px -2px 0 #335367,27px 7px 0 #335367}.trench-art>b{background:#75c6d1;width:10px;height:5px;box-shadow:0 0 10px #75c6d1}.trench-art>b:after{border-right-color:#75c6d1;border-top-width:3px;border-bottom-width:3px}.abyss-art{background:radial-gradient(ellipse at 60% 35%,#443f6a,#172837)}.abyss-art:before{width:70%;height:100%;top:-30%;background:radial-gradient(ellipse,rgba(141,138,207,.28),transparent 60%)}.abyss-art>i{background:#7e78aa;height:7px;width:7px;bottom:20px;box-shadow:15px -17px 0 -2px #928bbc,59px -2px 0 -2px #b5b0ca,77px -20px 0 -2px #b5b0ca;border-radius:50%}.abyss-art>span{background:#2b3049}.abyss-art>b{background:#a099d3;box-shadow:0 0 10px #a099d3}.abyss-art>b:after{border-right-color:#a099d3}.biome-caption{display:flex;gap:9px;align-items:flex-start;margin-top:10px}.biome-number{font-size:7px;font-weight:650;letter-spacing:1px;color:#6c8d86;padding-top:2px}.biome-caption>span:nth-child(2){font-size:9px;line-height:1.5;font-weight:550;color:#b3c6bd;white-space:nowrap}.biome.active .biome-caption>span:nth-child(2){color:#e0ebd4}.biome.active .biome-number{color:var(--lime)}.biome-state{margin-left:auto;font-size:13px;color:#738d85;line-height:1;padding-top:2px}.biome.active .biome-state{color:var(--lime)}.biome.unlocked{opacity:.85}.site-footer{min-height:78px;display:flex;align-items:center;gap:30px}.footer-mantra{display:flex;gap:8px;align-items:center;font-size:7px;font-weight:650;letter-spacing:1.45px;color:#718f86}.footer-mantra i{color:var(--lime);font-style:normal;font-size:16px;font-weight:400}.footer-links{display:flex;align-items:center;gap:24px;margin-left:auto}.footer-links button{background:none;padding:8px 0;font-size:9px;color:#a1b8ac;font-weight:550}.footer-links button:hover{color:var(--lime)}.footer-links button span{color:#74977e;margin-left:6px}.footer-note{font-size:8px;color:#658479;padding-left:23px;border-left:1px solid var(--line)}
.centered-overlay{display:grid;place-items:center;padding:25px;background:rgba(3,21,27,.72);backdrop-filter:blur(12px)}.modal-card{width:min(460px,100%);padding:35px;border-radius:16px;background:linear-gradient(135deg,rgba(20,57,57,.96),rgba(7,32,38,.98));border:1px solid rgba(161,210,181,.23);box-shadow:0 25px 70px rgba(0,0,0,.3);text-align:center}.modal-card .eyebrow{justify-content:center;color:#a9c998;font-size:7px}.modal-card h2{font-size:32px;line-height:1.1;letter-spacing:-1px;margin-top:17px;font-weight:700}.modal-card>p{color:#92b1a9;font-size:11px;line-height:1.7;margin-top:12px}.primary-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 19px;border-radius:7px;background:var(--lime);color:#1e3325;font-size:13px;font-weight:750;margin-top:24px;transition:background .2s,transform .2s}.primary-button:hover{background:#d9ff89;transform:translateY(-1px)}.primary-button>span{font-size:22px;font-weight:400}.text-button{background:none;color:#a0b9a8;font-size:10px;padding:15px 5px}.text-button:hover{color:var(--lime)}.panel-hint{display:block;font-size:8px;letter-spacing:.5px;color:#64897f;margin-top:4px}.evolution-panel{width:min(850px,100%)}.mutation-options{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:26px 0 19px}.mutation-card{background:rgba(6,31,35,.6);border:1px solid rgba(177,213,166,.2);border-radius:10px;padding:21px 15px;min-height:164px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;transition:background .15s,border-color .15s,transform .15s}.mutation-card:hover{background:rgba(205,251,105,.07);border-color:var(--lime);transform:translateY(-4px)}.mutation-icon{display:grid;place-items:center;color:var(--lime);font-size:30px;line-height:1;height:42px;margin-bottom:13px}.mutation-title,.mutation-card h3{font-size:14px;font-weight:700;color:#e2ecd4;margin:0 0 8px}.mutation-card p,.mutation-card .mutation-description{font-size:10px;line-height:1.6;color:#92afa2}.mutation-key,.mutation-card kbd{position:absolute;top:9px;right:9px;font-size:7px;color:#86a28d}.run-stats{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:19px 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin-top:23px}.run-stats>div{display:flex;flex-direction:column;gap:7px}.run-stats span{font-size:7px;font-weight:650;letter-spacing:1.1px;color:#799f8e}.run-stats strong{font-size:22px;line-height:1;font-weight:750;letter-spacing:-.5px;color:#d7ebbb}#run-zone{font-size:14px;line-height:1.4;letter-spacing:0}.game-dialog{color:var(--ivory);width:min(790px,calc(100vw - 40px));max-height:min(780px,calc(100svh - 50px));padding:0;border:1px solid rgba(153,211,175,.25);border-radius:17px;background:#0b272d;box-shadow:0 30px 100px rgba(0,0,0,.6)}.game-dialog::backdrop{background:rgba(2,16,22,.77);backdrop-filter:blur(8px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 29px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0b272d;z-index:2}.dialog-header .eyebrow{font-size:7px}.dialog-header h2{font-size:29px;font-weight:700;letter-spacing:-.9px;margin-top:8px}.dialog-close{font-size:24px;font-weight:300;line-height:1}.dialog-content{padding:26px 29px 30px;color:#a1bdb0;font-size:12px;line-height:1.8}.dialog-content>p{margin-bottom:19px}.dialog-content h3{font-size:15px;line-height:1.3;margin:24px 0 12px;color:#e6efd9;font-weight:650;letter-spacing:-.3px}.dialog-content h3:first-child{margin-top:0}.dialog-content h4{color:#dbe8cc;font-size:12px;font-weight:650;margin:0 0 8px}.dialog-content ul{padding-left:17px;margin:12px 0 20px}.dialog-content li{padding-left:4px;margin:5px 0}.dialog-content strong{color:#dbecc8;font-weight:650}.species-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:17px 0 23px}.species-card{padding:17px;border-radius:9px;background:rgba(3,26,31,.4);border:1px solid rgba(153,211,175,.12);line-height:1.6}.species-card .species-icon,.species-card>span:first-child{font-size:26px;line-height:1.2;display:block;margin-bottom:10px}.species-card h4,.species-card strong{display:block;color:#dfecd2;font-size:12px;margin-bottom:6px}.species-card p,.species-card small{font-size:10px;color:#8aa99b;line-height:1.7}.guide-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.guide-controls>div,.guide-tip,.journal-summary{border:1px solid var(--line);border-radius:8px;padding:13px 15px;background:rgba(4,25,30,.25)}.guide-controls kbd{margin-right:7px}.journal-summary{display:flex;align-items:center;justify-content:space-between;color:#c2d9b6;margin-bottom:22px}.journal-summary strong{font-size:25px;color:var(--lime)}.upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.upgrade-card{border:1px solid rgba(153,211,175,.17);border-radius:10px;padding:18px;background:rgba(3,24,29,.4)}.upgrade-card h3,.upgrade-card h4{font-size:14px;color:#e0edcf;margin:0 0 8px}.upgrade-card p{font-size:10px;line-height:1.7;color:#8fac9a}.upgrade-card button,.upgrade-button{margin-top:15px;display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border-radius:5px;background:rgba(205,251,105,.12);border:1px solid rgba(205,251,105,.25);color:var(--lime);font-size:10px;font-weight:650}.upgrade-card button:disabled{opacity:.4}.upgrade-card button:hover:not(:disabled){background:rgba(205,251,105,.2)}.journal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.journal-stat{border:1px solid var(--line);border-radius:8px;padding:14px;color:#8daa98;font-size:10px}.journal-stat strong{display:block;font-size:22px;color:#d9ebc6;margin-bottom:5px}.empty-state{padding:35px 15px;text-align:center;color:#90ab9a}.game-stage:fullscreen{height:100svh;width:100vw;border:0;border-radius:0}.game-stage:fullscreen .start-screen{padding-left:8vw}.game-stage:fullscreen .game-hud{padding-left:3vw;padding-right:3vw}
@media(min-width:1450px){.site-shell{padding:0 56px}.start-screen{padding-left:64px}.start-copy{width:600px}.fishy-logo>span{font-size:69px}h1{font-size:49px}.intro-text{font-size:13px}.mode-switch{margin-top:26px}.play-button{height:55px}.control-chips{margin-top:20px}.voyage-intro{flex-basis:235px}.biome-art{height:76px}.biome-caption>span:nth-child(2){font-size:10px}.site-header{height:108px}.voyage-strip{margin-top:32px}}
@media(max-width:1100px){.site-shell{padding:0 28px}.site-header{height:85px}.header-game-name{font-size:8px;letter-spacing:1.3px}.hud-brand{display:none}.game-hud{gap:18px}.hud-metrics{margin-left:0;gap:22px}.hud-location{margin-left:auto}.start-screen{padding-left:36px}.start-copy{width:475px}h1{font-size:39px}.fishy-logo>span{font-size:55px}.intro-text{font-size:11px}.voyage-strip{gap:24px}.voyage-intro{flex-basis:175px}.voyage-intro h2{font-size:19px}.biome-list{gap:9px}.biome-caption{gap:6px}.biome-caption>span:nth-child(2){font-size:8px}.biome-state{font-size:11px}.footer-note{font-size:7px;padding-left:15px}.footer-links{gap:19px}.site-footer{gap:20px}}
@media(max-width:820px){.site-shell{padding:0 20px}.header-divider,.header-game-name{display:none}.site-header{height:76px}.arcade-brand{font-size:23px}.arcade-mark{height:21px;width:21px}.header-actions{gap:8px}.guide-link{padding-right:5px;font-size:10px}.action-divider{margin:0 4px}.icon-button{height:33px;width:33px}.game-stage{height:650px;min-height:600px}.game-hud{height:60px;padding:0 18px;gap:14px}.hud-metrics{gap:22px}.hud-best{display:none}.hud-location{border-left:0;padding-left:0;min-width:0}.hud-label{font-size:6px;letter-spacing:1.3px}.hud-location strong{font-size:9px}.hud-stat strong{font-size:12px}.hud-life-stat strong{font-size:9px}.growth-meter{top:72px;right:19px;width:140px}.start-screen{padding:90px 30px 85px;align-items:center;background:linear-gradient(90deg,rgba(6,37,41,.96),rgba(6,37,41,.8) 37%,rgba(6,37,41,.12) 100%)}.start-copy{width:420px}.fishy-logo{margin-top:23px;margin-bottom:25px}.fishy-logo>span{font-size:59px}h1{font-size:40px}.intro-text{font-size:11px}.hero-side-note{right:20px;bottom:92px;font-size:6px;gap:8px}.small-orbit{width:25px;height:25px;font-size:15px}.mission-card{left:18px;bottom:18px;max-width:350px}.ability-controls{right:18px;bottom:18px}.ability-button{height:43px;padding:0 8px;gap:5px}.ability-button>span:last-of-type{font-size:6px}.ability-button small{font-size:5px}.mission-card strong{font-size:7px}.mission-symbol{font-size:21px}.mission-eyebrow{font-size:5px}.voyage-strip{align-items:flex-start;flex-direction:column;gap:18px;margin-top:24px;padding-bottom:23px}.voyage-intro{flex:auto;display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px}.voyage-intro h2{font-size:17px;margin-top:0;line-height:1.25;text-align:right}.voyage-intro h2 br{display:none}.voyage-intro .eyebrow{font-size:6px}.biome-list{width:100%;gap:12px}.biome-art{height:65px}.biome-caption>span:nth-child(2){font-size:9px}.site-footer{min-height:72px;flex-wrap:wrap;gap:0 20px;padding:17px 0}.footer-note{display:none}.footer-mantra{font-size:6px}.footer-links button{font-size:8px}}
@media(max-width:570px){.site-shell{padding:0 12px}.site-header{height:67px;gap:15px;padding:0 5px}.arcade-brand{font-size:22px;gap:8px}.arcade-mark{height:20px;width:20px;gap:2px}.guide-link{font-size:9px;padding:7px 3px}.guide-link span{margin-left:5px}.header-actions{gap:6px}.action-divider{display:none}.icon-button{width:31px;height:31px}.icon-button svg{height:14px;width:14px}.game-stage{height:max(65svh,590px);min-height:450px;border-radius:12px}.game-hud{height:55px;padding:0 14px;gap:10px}.hud-metrics{gap:17px;flex:1}.hud-stat{min-width:23px;gap:4px}.hud-stat strong{font-size:11px}.hud-size-stat{display:none}.hud-life-stat strong{font-size:8px;letter-spacing:2px}.hud-label{font-size:5px;letter-spacing:1.1px}.hud-location{max-width:84px;margin-left:0;gap:5px}.hud-location strong{font-size:7px;overflow:hidden;text-overflow:ellipsis}.pause-button{height:26px;width:26px}.growth-meter{top:66px;right:15px;width:112px}.growth-meter>span{font-size:6px;margin-top:5px}.start-screen{padding:93px 24px 85px;align-items:flex-start;background:linear-gradient(90deg,rgba(6,37,41,.95),rgba(6,37,41,.64) 60%,rgba(6,37,41,.12));}.start-copy{width:100%}.eyebrow{font-size:6px;letter-spacing:1.45px}.fishy-logo{margin-top:25px;margin-bottom:24px;gap:14px}.fishy-logo>span{font-size:57px;letter-spacing:-4px}.fishy-logo small{font-size:7px;letter-spacing:2.3px;max-width:58px}.fishy-logo small i{font-size:12px}h1{font-size:35px;line-height:1.08;letter-spacing:-1.3px;max-width:350px}.intro-text{max-width:260px;font-size:10px;line-height:1.75;margin-top:14px}.desktop-break{display:none}.mode-switch{margin-top:21px;padding:3px;gap:2px}.mode-button{font-size:9px;padding:8px 9px;gap:5px}.mode-new{font-size:5px;padding:3px 4px}.play-button{height:48px;width:236px;font-size:14px;margin-top:12px;padding-left:17px}.play-arrow{font-size:24px}.control-chips{gap:11px;font-size:6px;margin-top:14px}kbd{font-size:5px;min-width:13px;padding:3px}.control-chips>span{gap:4px}.hero-side-note{display:none}.mission-card{left:13px;bottom:14px;max-width:calc(100% - 145px);gap:7px;padding:8px 9px;min-height:40px}.mission-card strong{font-size:6px;max-width:150px}.mission-symbol{font-size:19px}.mission-eyebrow{font-size:4.5px;letter-spacing:1px}.mission-card>div{gap:3px}#mission-progress{font-size:7px;margin-left:0}.ability-controls{right:13px;bottom:14px;gap:5px}.ability-button{height:40px;padding:0 7px;gap:4px;min-width:49px}.ability-icon{font-size:23px;width:13px}.sonar-icon{font-size:18px}.ability-button>span:last-of-type{font-size:5px;letter-spacing:.5px;gap:4px}.ability-button small{font-size:4px;letter-spacing:.3px}.toast{bottom:66px;font-size:9px;width:max-content;max-width:85%;padding:9px 14px}.voyage-strip{margin-top:21px;gap:17px;padding:0 5px 20px}.voyage-intro h2{font-size:13px;max-width:155px;line-height:1.3}.voyage-intro .eyebrow{font-size:5px;letter-spacing:1.2px;max-width:110px}.biome-list{gap:7px}.biome-art{height:47px;border-radius:4px}.biome-caption{margin-top:7px;gap:0;flex-direction:column}.biome-caption>span:nth-child(2){font-size:6px;line-height:1.5;margin-top:4px}.biome-number{font-size:5px;padding:0}.biome-state{position:absolute;right:2px;bottom:22px;font-size:9px}.biome-art>b{width:11px;height:5px;top:19px;right:20%}.biome-art>b:after{border-top-width:3px;border-bottom-width:3px;border-right-width:4px;right:-3px}.site-footer{padding:18px 5px;min-height:70px;gap:10px;align-items:flex-start}.footer-mantra{font-size:5px;letter-spacing:1px;gap:6px;max-width:132px;line-height:1.5}.footer-mantra i{font-size:14px}.footer-links{gap:16px}.footer-links button{font-size:7px;padding:3px 0}.footer-links button span{margin-left:3px}.centered-overlay{padding:15px}.modal-card{padding:26px 20px;border-radius:12px}.modal-card .eyebrow{font-size:5px;letter-spacing:1.3px}.modal-card h2{font-size:26px;margin-top:14px}.modal-card>p{font-size:10px}.evolution-panel{padding:22px 14px}.evolution-panel h2{font-size:25px}.mutation-options{gap:7px;margin:20px 0 15px}.mutation-card{padding:19px 8px 14px;min-height:158px}.mutation-icon{font-size:25px;height:32px;margin-bottom:10px}.mutation-title,.mutation-card h3{font-size:10px;line-height:1.4;margin-bottom:6px}.mutation-card p,.mutation-card .mutation-description{font-size:8px;line-height:1.5}.mutation-key{top:6px;right:6px;font-size:5px}.panel-hint{font-size:7px}.primary-button{font-size:11px;padding:13px 15px;margin-top:20px}.run-stats{gap:17px 12px;padding:19px 0}.run-stats span{font-size:6px}.run-stats strong{font-size:20px}#run-zone{font-size:12px}.game-dialog{width:calc(100vw - 24px);max-height:calc(100svh - 28px);border-radius:12px}.dialog-header{padding:21px 20px 19px}.dialog-header .eyebrow{font-size:5px;letter-spacing:1.4px}.dialog-header h2{font-size:25px}.dialog-content{padding:21px 20px 25px;font-size:10px;line-height:1.8}.dialog-content h3{font-size:13px}.species-grid{grid-template-columns:repeat(2,1fr);gap:8px}.species-card{padding:13px}.species-card h4,.species-card strong{font-size:10px}.species-card p,.species-card small{font-size:8px}.guide-controls{grid-template-columns:1fr}.upgrade-grid{gap:9px}.upgrade-card{padding:13px}.upgrade-card h3,.upgrade-card h4{font-size:12px}.upgrade-card p{font-size:8px}.upgrade-card button,.upgrade-button{font-size:8px;padding:9px}.journal-stats{gap:7px}.journal-stat{padding:11px;font-size:8px}.journal-stat strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.playtest-mark{display:inline-block;margin-left:11px;padding:4px 5px 3px;border:1px solid rgba(205,251,105,.22);border-radius:3px;color:#b6d78d;font-size:6px;line-height:1;font-weight:650;letter-spacing:1px;vertical-align:1px}.new-game-button{display:block;margin-top:10px;padding:0;background:none;color:#9ab8a7;font-size:8px}.new-game-button:hover{color:var(--lime)}

/* Live game and accessible compact controls. */
.icon-button.sound-on{color:var(--lime);border-color:#cdfb6955}.icon-button[aria-pressed="false"] svg{opacity:.5}
.ability-button{font-size:10px}.ability-button>span:first-child{color:var(--lime);font-size:16px}.ability-button>kbd{font-size:6px}.ability-button:disabled{opacity:.4}.mutation-card>small{font-size:7px;letter-spacing:.7px;color:#8dac98;margin-bottom:9px}.mutation-level{font-size:8px;line-height:1.5;color:var(--lime);margin-top:13px}.pearl-balance{padding:18px;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.pearl-balance strong{font-size:28px;color:var(--lime)}.pearl-balance span{font-size:8px;letter-spacing:1px}.upgrade-list{display:grid;gap:10px}.upgrade-list .upgrade-card{display:grid;grid-template-columns:45px 1fr 140px;gap:10px;align-items:center}.upgrade-list .upgrade-card button{margin:0}.upgrade-card small{font-size:8px}.save-note{font-size:10px;margin-top:22px!important;color:#7f9f92}.centered-overlay{overflow-y:auto}.in-play .game-hud{z-index:6}.game-stage:not(.in-play) .mission-card,.game-stage:not(.in-play) .ability-controls{opacity:.15;pointer-events:none}
@media(max-width:570px){.upgrade-list .upgrade-card{grid-template-columns:30px 1fr}.upgrade-list .upgrade-card button{grid-column:2}.ability-button{font-size:8px;min-width:53px}.ability-button>kbd{display:none}.mission-card{max-width:calc(100% - 150px)}.mutation-card>small{font-size:5px}.mutation-level{font-size:6px}.modal-card{max-height:calc(100svh - 100px);overflow-y:auto}.game-stage[data-state="evolving"] .centered-overlay{place-items:center}.new-game-button{margin-top:8px}}

/* Deepwater discoveries and telegraphed guardian encounters. */
.boss-hud{position:absolute;z-index:8;top:115px;left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 40px));padding:11px 14px;background:#0a2936e8;backdrop-filter:blur(8px);border:1px solid #efae9566;border-radius:9px}.boss-heading{display:flex;align-items:center;gap:12px}.boss-sigil{font-size:25px;color:#ffcbb2}.boss-heading>div{display:grid;gap:4px}.boss-heading strong{font-size:13px;color:#ffe1c0}.boss-heading small{font-size:7px;letter-spacing:1px;color:#b4d2c7}#boss-health{font-size:11px;margin-left:auto;font-variant-numeric:tabular-nums}.boss-heading button{font-size:9px;background:#c3e7bf10;border:1px solid #c3e7bf33;border-radius:5px;padding:8px;color:#cadcc8}.boss-track{height:3px;border-radius:3px;overflow:hidden;background:#8ca8b522;margin-top:10px}#boss-fill{height:100%;width:100%;background:#ffbc95;transition:width .2s}.form-badge{position:absolute;z-index:5;top:85px;left:25px;color:#dcceff;font-size:9px;letter-spacing:1px;padding:8px 11px;background:#19263c99;border:1px solid #bba5f24d;border-radius:20px}.discovery-promise{color:#b4d98d;font-size:7px;letter-spacing:1px;margin-top:15px}.discovery-promise span{padding:0 6px;color:#5c8875}.start-screen .control-chips{margin-top:10px}.evolution-count{display:block;margin-top:12px;color:#cdfb69;font-size:9px}.discovery-deck{padding:26px 0 12px}.discovery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:17px}.discovery-heading h2{font-size:22px;letter-spacing:-.5px;font-weight:650;margin-top:8px}.discovery-heading p{font-size:9px;color:#91b4a5;white-space:nowrap}.discovery-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.discovery-tile{position:relative;text-align:left;background:linear-gradient(125deg,#173333,#0b252c);border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;align-items:center;gap:16px;transition:border-color .2s}.discovery-tile:hover{border-color:#c4e8a566}.discovery-tile .discovery-art{font-size:35px;color:#f6c39b;text-shadow:0 0 25px #ffaa7066}.discovery-tile small{font-size:6px;letter-spacing:1px;color:#9fbaa4}.discovery-tile strong{display:block;font-size:13px;margin-top:7px;letter-spacing:-.2px}.discovery-tile p{font-size:9px;line-height:1.6;color:#789b90;margin-top:7px}.discovery-tile b{align-self:flex-start;color:#9ac285;font-weight:400}.secret-tile{background:linear-gradient(125deg,#2a2d43,#0b252c)}.secret-tile .discovery-art{color:#d0b8ff;text-shadow:0 0 25px #cda8ff66}.evolution-tile{background:linear-gradient(125deg,#253c34,#0b252c)}.evolution-tile .discovery-art{color:#d7f99d}.guide-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.guide-tabs span{font-size:9px;padding:8px 12px;border:1px solid var(--line);border-radius:5px;color:#c6e6ac}.species-card.discovered{border-color:#b5e99d55}.species-card.rarity-epic{border-color:#b198eb44}.species-card.rarity-legendary{border-color:#f5d39e66}.species-card.active-form{border-color:#cdfb6988;background:#cdfb6910}.mutation-atlas{display:grid;grid-template-columns:1fr 1fr;gap:8px}.atlas-entry{display:flex;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#051c2433}.atlas-entry>span{font-size:22px;color:#9dbd89}.atlas-entry strong{font-size:10px}.atlas-entry p{font-size:9px;line-height:1.5;color:#87a393;margin-top:5px}.atlas-entry small{margin-left:auto;white-space:nowrap;color:#a7c584;font-size:8px}.atlas-entry.discovered{border-color:#a2d18555}.save-actions{display:flex;gap:9px;flex-wrap:wrap}.save-actions button{font-size:10px;border:1px solid #c6e49d44;background:#c6e49d10;padding:10px 12px;border-radius:6px;color:#c6e49d}.save-actions button:hover{background:#c6e49d22}#save-status{color:#c6e49d;font-size:10px;margin-top:12px}.start-copy{max-width:540px}.boss-hud[hidden]{display:none!important}
@media(max-width:820px){.discovery-tiles{grid-template-columns:1fr}.discovery-tile{padding:16px 20px}.discovery-tile>span:nth-child(2){flex:1}.discovery-heading h2{font-size:19px}.discovery-tile p{font-size:10px}.discovery-tile strong{font-size:14px}.boss-hud{top:102px}.form-badge{top:72px;left:18px}}
@media(max-width:570px){.game-stage{height:max(70svh,620px)}.start-screen{padding-top:88px}.discovery-promise{font-size:5.5px;letter-spacing:.6px;max-width:270px;line-height:1.6}.discovery-promise span{padding:0 3px}.discovery-heading{align-items:flex-start;flex-direction:column;gap:10px}.discovery-heading h2{font-size:18px}.discovery-heading p{font-size:8px}.discovery-tile{padding:16px;gap:14px}.discovery-tile small{font-size:6px}.discovery-tile strong{font-size:13px}.discovery-tile p{font-size:9px}.boss-hud{top:100px;padding:9px 11px;width:calc(100% - 24px)}.boss-heading{gap:8px}.boss-heading strong{font-size:11px}.boss-heading small{font-size:5.5px}.boss-heading button{font-size:7px;padding:7px}.boss-sigil{font-size:21px}#boss-health{font-size:9px}.boss-track{margin-top:7px}.form-badge{top:65px;left:13px;font-size:6px;padding:6px 8px}.mutation-atlas{grid-template-columns:1fr}.run-stats{gap:14px}.evolution-count{font-size:7px}.species-grid{grid-template-columns:1fr 1fr}}

.centered-overlay{display:flex;align-items:center;justify-content:center}.centered-overlay .modal-card{max-height:100%;overflow-y:auto;flex-shrink:0}.hud-life-stat strong{white-space:nowrap}.game-stage[data-state="over"] .boss-hud{display:none}

/* The opening stays spare. The ocean earns its complexity over a long dive. */
[hidden]{display:none!important}.ability-svg{width:28px;height:28px;display:block;flex:none}.mutation-icon .ability-svg{width:42px;height:42px}.species-card .ability-svg{width:36px;height:36px}.atlas-entry .ability-svg{width:32px;height:32px}.ability-button{min-height:44px;gap:8px}.ability-button .ability-svg{width:24px;height:24px}.ability-button>span{font-size:12px!important}.ability-button>kbd{font-size:9px}.bubble-badge{position:absolute;left:22px;top:81px;display:flex;align-items:center;gap:7px;color:#c9eee1;font-size:12px;z-index:4}.bubble-badge .ability-svg{width:22px;height:22px}.mutation-tray{position:absolute;left:22px;top:118px;z-index:4;display:flex;flex-wrap:wrap;gap:5px;max-width:270px}.mutation-tray button{position:relative;width:44px;height:44px;display:grid;place-items:center;background:#092a32df;color:var(--lime);border:1px solid #a6d3b938;border-radius:9px}.mutation-tray small{position:absolute;right:3px;bottom:1px;font-size:10px}.form-badge{display:flex;align-items:center;gap:7px}.form-badge .ability-svg{width:23px;height:23px}.game-stage[data-progress="0"] .hud-size-stat{display:flex}.game-stage[data-progress="0"] .game-hud{background:linear-gradient(#08272ecf,transparent);border:0}.game-stage[data-progress="0"] .hud-metrics{margin-left:0}.intro-text{font-size:14px;line-height:1.7}.control-chips{font-size:11px}.modal-card>p{font-size:14px}.mutation-card p{font-size:13px;line-height:1.5}.mutation-card>small{font-size:10px}.mutation-level{font-size:11px}.dialog-content{font-size:14px}.atlas-entry p{font-size:13px}.species-card p,.species-card small{font-size:13px}.hud-label{font-size:9px}.hud-stat strong{font-size:16px}.hud-life-stat strong{font-size:16px}.hud-location strong{font-size:12px}.gameover-card .eyebrow{display:none}.gameover-card h2{margin-top:0}.icon-button{min-width:44px;min-height:44px}.mode-button{min-height:44px}.new-game-button,.footer-links button,.text-button{min-height:44px}.mission-card strong{font-size:12px}.mission-eyebrow{font-size:8px}.mission-card #mission-progress{font-size:11px}.toast{font-size:13px;line-height:1.5;max-width:min(650px,85%);text-align:center}.discovery-promise{font-size:9px}.save-actions button{min-height:44px;font-size:12px}
@media(max-width:570px){.game-stage{height:max(70svh,600px)}.start-screen{padding:82px 22px 35px}.fishy-logo{margin:18px 0}.fishy-logo>span{font-size:52px}h1{font-size:33px}.intro-text{font-size:13px;max-width:310px;line-height:1.6;margin-top:12px}.mode-switch{margin-top:18px}.mode-button{font-size:11px;padding:8px}.mode-new{display:none}.play-button{height:48px;margin-top:12px}.discovery-promise{font-size:8px}.control-chips{font-size:10px;gap:14px;margin-top:12px}.control-chips kbd{font-size:9px}.hud-label{font-size:8px;letter-spacing:1px}.hud-stat strong,.hud-life-stat strong{font-size:15px}.hud-metrics{gap:18px}.game-hud{padding:0 12px;height:64px}.hud-location{max-width:75px}.hud-location strong{font-size:10px}.hud-best{display:none}.growth-meter{top:77px}.growth-meter>span{font-size:9px}.bubble-badge{left:13px;top:77px}.mutation-tray{left:13px;top:112px;max-width:160px}.mutation-tray button{width:36px;height:36px}.mutation-tray .ability-svg{width:24px;height:24px}.ability-controls{right:12px;bottom:12px}.ability-button{min-width:75px;font-size:12px;gap:5px}.ability-button>span{font-size:12px!important}.mission-card{max-width:calc(100% - 185px);left:12px;bottom:12px}.mission-symbol,.mission-eyebrow{display:none}.mission-card strong{font-size:10px}.mission-card #mission-progress{font-size:9px}.evolution-panel{padding:22px 16px}.evolution-panel h2{font-size:25px}.mutation-options{grid-template-columns:1fr;gap:8px;margin:16px 0}.mutation-card{min-height:100px;display:grid;grid-template-columns:44px 1fr;column-gap:12px;text-align:left;padding:13px;align-items:center}.mutation-card .mutation-icon{grid-column:1;grid-row:1/5;margin:0}.mutation-card .ability-svg{width:38px;height:38px}.mutation-card>small,.mutation-card>.mutation-title,.mutation-card>p,.mutation-card>.mutation-level{grid-column:2;margin:0}.mutation-card>small{font-size:8px}.mutation-title{font-size:14px!important}.mutation-card p{font-size:12px;line-height:1.4}.mutation-level{font-size:10px}.modal-card>p{font-size:13px}.modal-card{max-height:calc(100svh - 110px)}.panel-hint{font-size:10px}.run-stats span{font-size:9px}.run-stats strong{font-size:23px}.primary-button{font-size:14px;min-height:48px}.text-button{font-size:12px}.dialog-content{font-size:14px}.atlas-entry p{font-size:12px}.dialog-content h3{font-size:16px}.upgrade-card p,.species-card p,.species-card small{font-size:12px}.footer-mantra{font-size:8px;max-width:150px}.footer-links{gap:12px}.footer-links button{font-size:11px}.site-header{gap:6px}.guide-link{font-size:11px}.header-actions{gap:0}.arcade-brand{font-size:20px}.gameover-card h2{font-size:30px}.game-stage[data-progress="0"] .hud-metrics{flex:1}.hud-location+ .hud-best{margin-left:auto}}