@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#fff7e8;background:#073d49;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffce78;outline-offset:6px}[hidden]{display:none!important}#game-shell{height:100svh;position:relative;overflow:hidden;isolation:isolate}#ocean{position:absolute;width:100%;height:100%;inset:0;touch-action:none}.grain{position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.topbar{position:absolute;top:0;left:0;right:0;padding:30px 4%;display:flex;align-items:center;justify-content:space-between;z-index:3}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-family:Outfit,sans-serif;font-weight:700;font-size:29px;letter-spacing:-1.5px}.brand svg{width:43px;height:32px}.brand-separator{width:1px;height:22px;background:#fff4;margin:0 6px}.brand-note{font-family:DM Sans,sans-serif;letter-spacing:.1px;font-size:12px;font-weight:400;color:#e0efe5c9}.toolbar{display:flex;gap:12px;align-items:center}.edition{font-size:10px;letter-spacing:2px;margin-left:15px;color:#ebf5dfb3}.icon-button{display:grid;place-items:center;border-radius:50%;width:38px;height:38px;border:1px solid #e0f5ea44;background:#073d4925;color:#fff7e8;transition:background .2s}.icon-button:hover{background:#e0f5ea22}.icon-button svg{width:19px;height:19px}.intro{position:absolute;left:8%;top:25%;z-index:2}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.6px;color:#c8e4d5}.intro-eyebrow{display:flex;gap:12px;align-items:center}.small-line{height:1px;width:26px;background:#b9dcca}h1{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(64px,6.5vw,105px);line-height:1.04;letter-spacing:-4.5px;margin:25px 0 24px}h1 span{color:#f5c982}.intro p{font-size:15px;line-height:1.9;color:#d3e4db;margin-bottom:30px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:40px;border:0;background:#f5cc89;color:#193d3c;font-weight:700;padding:18px 24px;border-radius:7px;min-width:214px;box-shadow:0 4px #092f3930;transition:transform .2s,background .2s}.primary-button:hover{background:#ffdc9f;transform:translateY(-2px)}.primary-button span{font-size:24px;line-height:20px;font-weight:400}.intro-meta{font-size:11px;color:#c3dbcd;display:flex;align-items:center;gap:7px;margin-top:16px}.live-dot{background:#a3d6b7;width:5px;height:5px;border-radius:50%}.intro-rules{display:flex;gap:27px;margin-top:44px;color:#d3e4db;font-size:11px}.intro-rules>div{display:flex;gap:8px;align-items:center}.rule-icon{font-size:24px;color:#f2c784}.fish-icon{font-family:monospace;font-size:17px}.jelly-icon{color:#ebabbc}#orca-label{position:absolute;left:63%;top:35%;font-size:14px;letter-spacing:.2px;font-style:italic;color:#d2e7d8;transform:rotate(-7deg);pointer-events:none}#orca-label svg{position:absolute;width:100px;left:40px;top:24px}.zone{position:absolute;bottom:116px;left:4%;font-size:9px;letter-spacing:2px;display:flex;gap:9px;align-items:center;color:#c5ded5}.zone-dot{width:5px;height:5px;background:#9cc9ad;border-radius:50%}.zone-depth{opacity:.55;margin-left:6px}.bottom-bar{position:absolute;bottom:0;width:100%;height:80px;border-top:1px solid #b2e4d326;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:#052f3935}.controls{display:flex;align-items:center;gap:18px;font-size:11px;color:#c6ded7}.controls>span{display:flex;align-items:center;gap:9px}kbd{font-family:inherit;font-size:9px;padding:6px 7px;border-radius:4px;border:1px solid #bbdac44a;letter-spacing:1px;color:#e4eee1}.or{opacity:.45}.control-divider{height:18px;width:1px;background:#a9d1c035}.pointer-hint{opacity:.55;margin-left:5px}#best-label{font-size:9px;letter-spacing:1.5px;color:#b4cbbf}#best-label strong{font-family:Outfit,sans-serif;color:#f6ce8c;font-size:18px;margin-left:12px;letter-spacing:0}#hud{position:absolute;top:105px;left:4%;right:4%;display:flex;align-items:center;gap:40px;pointer-events:none}.hud-score .eyebrow{font-size:9px}.hud-score strong{font-family:Outfit,sans-serif;font-size:40px;font-weight:500;letter-spacing:-1px}.score-unit{font-size:12px;margin-left:8px;opacity:.5}.hud-goal{width:210px}.goal-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:10px}#combo{font-size:9px;letter-spacing:1px;color:#f5cb8a}.track{height:5px;border-radius:4px;background:#ffffff20;overflow:hidden}#catch-progress{height:100%;width:0;background:#f4ca86;border-radius:4px;transition:width .15s}.hud-life{margin-left:auto;display:flex;align-items:center;gap:24px}#hearts{font-size:22px;letter-spacing:4px;color:#f4bf9b}#timer{font-family:Outfit,sans-serif;font-size:30px;font-variant-numeric:tabular-nums}#toast{position:absolute;top:190px;left:50%;transform:translate(-50%);color:#fff3d6;font-size:14px;font-weight:600;letter-spacing:1px;pointer-events:none;text-shadow:0 2px 15px #06333e;transition:opacity .2s;text-align:center;width:90%}#dash-ui{position:absolute;right:4%;bottom:115px;width:68px}#dash{width:68px;height:68px;border-radius:50%;background:#0b4557b0;color:#f7d49e;border:1px solid #d0e8d362;display:flex;align-items:center;flex-direction:column;justify-content:center;touch-action:none}#dash>span:first-child{font-size:29px;line-height:31px}#dash-text{font-size:8px;letter-spacing:1px}.dash-track{height:3px;background:#d0e8d322;margin:10px 5px 0;border-radius:3px;overflow:hidden}#dash-progress{height:100%;background:#f4ca86;width:100%}.modal{position:absolute;inset:0;z-index:5;background:#052d3ab3;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:grid;place-items:center;padding:24px}.modal-card{background:#0c4752;border:1px solid #87b7a54d;border-radius:18px;padding:48px 46px;max-width:520px;width:100%;text-align:center;box-shadow:0 30px 100px #001d3560}.modal-card h2{font-family:Outfit,sans-serif;font-weight:500;font-size:46px;line-height:1.1;letter-spacing:-1.5px;margin:20px 0}.modal-card p{font-size:14px;line-height:1.8;color:#bfd9cd}.modal-card .primary-button{margin:30px auto 0;width:100%}.secondary-button{background:none;border:0;color:#c4ddd1;font-size:12px;padding:20px 10px 0}.secondary-button:hover{color:#fff}#results{display:flex;justify-content:space-around;gap:14px;margin:30px 0;padding:23px 0;border-top:1px solid #b2d7bc30;border-bottom:1px solid #b2d7bc30}#results>div{display:flex;flex-direction:column;gap:8px}#results strong{font-family:Outfit,sans-serif;font-size:31px;font-weight:500;color:#f7ce8b}#results span{font-size:8px;letter-spacing:1px;color:#bbd7c8}@media(min-width:1600px){.intro{top:27%}}@media(max-height:740px)and (min-width:701px){.intro{top:21%}h1{font-size:72px;margin:18px 0}.intro p{margin-bottom:20px}.intro-rules{margin-top:24px}.zone{bottom:95px}.bottom-bar{height:66px}}@media(max-width:700px){.topbar{padding:22px 6%}.brand-note,.brand-separator,.edition,.pointer-hint{display:none!important}.brand{font-size:27px}.intro{left:8%;right:7%;top:18%}.intro-eyebrow{font-size:8px;letter-spacing:1.8px}h1{font-size:clamp(42px,13vw,65px);letter-spacing:-2px;margin:18px 0}.intro p{font-size:13px;max-width:300px;margin-bottom:22px}.desktop-break{display:none}.primary-button{padding:16px 21px;min-width:200px}.intro-rules{gap:19px;margin-top:25px;font-size:10px}#orca-label{display:none}.bottom-bar{height:66px;padding:0 6%}.controls{gap:10px;font-size:9px}.controls kbd{font-size:8px;padding:5px}.controls>span:first-child kbd:first-child,.controls .or,.control-divider{display:none}.controls>span{gap:5px}#best-label{font-size:8px;letter-spacing:.7px}#best-label strong{font-size:16px;margin-left:6px}.zone{left:6%;bottom:88px;font-size:8px;letter-spacing:1.3px}#hud{top:94px;left:6%;right:6%;gap:17px;align-items:flex-start}.hud-score strong{font-size:31px}.hud-score .eyebrow{font-size:7px;letter-spacing:1.6px}.hud-goal{width:125px;padding-top:8px}.goal-label{font-size:10px;display:block}#combo{display:block;font-size:7px;margin-top:5px}.hud-life{flex-direction:column;gap:4px}#hearts{font-size:16px;letter-spacing:2px}#timer{font-size:24px}#toast{top:165px;font-size:12px}#dash-ui{right:6%;bottom:101px}.modal-card{padding:32px 24px}.modal-card h2{font-size:38px}.modal-card p{font-size:13px}#results{gap:8px}#results strong{font-size:28px}#results span{font-size:7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.touch-controls{display:none;font-size:11px;color:#c6ded7}.touch-controls span{margin:0 8px;opacity:.5}#hearts{white-space:nowrap}.hud-score{flex-shrink:0}.hud-goal{min-width:0}.hud-score .eyebrow{white-space:nowrap}@media(pointer:coarse){.controls{display:none}.touch-controls{display:block}}@media(max-width:700px){.touch-controls{font-size:9px;max-width:180px;line-height:1.8}.touch-controls span{margin:0 3px}.hud-goal{flex:1}.hud-life{flex-shrink:0}.score-unit{display:none}}@media(max-width:700px)and (max-height:700px){.intro{top:100px}.intro p{line-height:1.65;margin:12px 0 16px}.intro-rules{gap:13px;font-size:9px;margin-top:16px}.intro-meta{font-size:10px;margin-top:12px}.primary-button{padding:13px 18px}.bottom-bar{height:54px}.zone{bottom:73px}.intro-eyebrow{font-size:7px}.intro h1{margin:14px 0}.intro .rule-icon{font-size:19px}.intro .fish-icon{font-size:14px}}@media(max-height:500px){.topbar{padding:12px 4%}.brand{font-size:24px}.brand svg{width:34px;height:28px}.brand-note,.brand-separator,.edition{display:none}.icon-button{width:34px;height:34px}.intro{top:70px;left:6%;right:auto}.intro-eyebrow{font-size:7px;letter-spacing:1.6px}.intro h1{font-size:42px;letter-spacing:-2px;margin:10px 0}.intro p{font-size:11px;line-height:1.6;margin:10px 0 12px;max-width:310px}.primary-button{min-width:180px;padding:11px 18px;font-size:12px}.intro-meta{font-size:9px;margin-top:10px}.intro-rules{font-size:9px;gap:16px;margin-top:12px}.rule-icon{font-size:18px}.fish-icon{font-size:14px}#orca-label{display:none}.bottom-bar{height:44px}.zone{bottom:62px}#hud{top:62px;gap:26px;align-items:center}.hud-score strong{font-size:28px}.hud-goal{width:180px;flex:none;padding-top:0}.goal-label{display:flex;margin-bottom:7px}.hud-life{flex-direction:row;gap:18px}#hearts{font-size:17px}#timer{font-size:24px}#toast{top:115px;font-size:11px}#dash-ui{bottom:65px;width:52px}#dash{width:52px;height:52px}#dash>span:first-child{font-size:24px;line-height:26px}.dash-track{margin-top:6px}.modal{padding:12px}.modal-card{padding:18px 26px;max-width:460px}.modal-card h2{font-size:28px;margin:10px 0}.modal-card p{font-size:12px;margin:8px 0}.modal-card .primary-button{margin-top:14px}.secondary-button{padding-top:12px}#results{margin:14px 0;padding:12px 0}#results strong{font-size:24px}}@media(max-height:500px){.intro:not([hidden])~.zone{left:auto;right:4%}}.brand svg{width:52px;height:36px;overflow:visible}.difficulty{border:0;padding:0;margin:22px 0 0;max-width:310px}.difficulty legend{font-size:9px;letter-spacing:1.7px;color:#c8e4d5;margin-bottom:9px;padding:0}.difficulty-options{display:flex;padding:4px;border:1px solid #c8e4d550;border-radius:8px;background:#083e4c66}.difficulty label{position:relative;flex:1;cursor:pointer;text-align:center}.difficulty input{position:absolute;opacity:0;width:1px;height:1px}.difficulty label span{display:block;padding:10px 19px;border-radius:5px;font-size:12px;color:#d3e4db;transition:background .2s}.difficulty input:checked+span{background:#d5e8d7;color:#123e43;font-weight:700}.difficulty input:focus-visible+span{outline:3px solid #ffce78;outline-offset:2px}.difficulty label:hover span{background:#d5e8d71c}.difficulty label:has(input:checked):hover span{background:#d5e8d7}.intro #difficulty-hint{font-size:11px;line-height:1.5;margin:9px 0 18px;color:#d3e4db}.intro{top:20%}.intro p{margin-bottom:0}.intro-rules{margin-top:26px}#change-difficulty{display:block;margin:auto;padding-bottom:4px}@media(max-height:800px)and (min-width:701px){.intro{top:16%}.intro h1{font-size:64px;margin:16px 0}.intro>p:not(#difficulty-hint){font-size:13px;line-height:1.6}.difficulty{margin-top:16px}.intro-rules{margin-top:18px}}@media(max-width:700px){.intro{top:15%}.difficulty{margin-top:18px}.intro #difficulty-hint{font-size:10px}.brand svg{width:46px;height:32px}.intro-rules{margin-top:20px}}@media(max-width:700px)and (max-height:700px){.intro{top:96px}.intro h1{font-size:42px;margin:12px 0}.intro>p:not(#difficulty-hint){display:none}.difficulty{margin-top:17px}.difficulty label span{padding:9px 15px}.intro #difficulty-hint{margin:8px 0 15px}.intro-rules{margin-top:16px}}@media(max-height:500px){.intro{top:62px;max-width:320px}.intro h1{font-size:38px;margin:9px 0}.intro>p:not(#difficulty-hint){display:none}.difficulty{margin-top:12px}.difficulty legend{font-size:8px;margin-bottom:5px}.difficulty label span{padding:7px 16px;font-size:11px}.intro #difficulty-hint{font-size:10px;margin:6px 0 10px}.intro-meta{margin-top:9px}.intro-rules{display:none}.brand svg{width:43px;height:30px}.modal-card{padding:14px 26px}.modal-card .primary-button{margin-top:10px}#results{margin:10px 0;padding:10px 0}}@media(min-width:701px)and (min-height:501px)and (max-height:650px){.intro{top:85px}.intro h1{font-size:50px;margin:12px 0}.intro>p:not(#difficulty-hint){display:none}.difficulty,.intro-rules{margin-top:16px}.intro #difficulty-hint{margin:8px 0 14px}.intro .primary-button{padding:13px 22px}}