:root{color:#f9f4e7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--cream:#fff5df;--muted:#b5d1cc;--coral:#efa789;--mint:#a9d9c3;--glass:#0c364091;--border:#ccecde2b;background:#073c49;font-family:Trebuchet MS,Segoe UI,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button,select{-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:5px;outline:3px solid #ffe2a5}select:focus-visible{outline-offset:5px;outline:3px solid #ffe2a5}input:focus-visible{outline-offset:5px;outline:3px solid #ffe2a5}button{border:0}button:disabled{opacity:.5}button:not(:disabled){transition:background .2s,transform .2s,border-color .2s,box-shadow .2s}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}select{color:var(--cream);border:1px solid var(--border);background:#174d58;border-radius:10px;max-width:100%;min-height:48px;padding:10px 30px 10px 12px}select option{color:#f9f4e7;background:#164752}input[type=range]{accent-color:var(--coral);width:170px;height:48px;margin:0}input[type=checkbox]{-webkit-appearance:none;appearance:none;border:1px solid var(--border);cursor:pointer;background:#1a3c45;border-radius:20px;width:48px;min-width:48px;height:28px;position:relative}input[type=checkbox]:after{content:"";background:#9ab7b4;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:4px;left:4px}input[type=checkbox]:checked{background:var(--mint)}input[type=checkbox]:checked:after{background:#174c53;transform:translate(20px)}.icon{vertical-align:middle;flex-shrink:0;width:24px;height:24px}#ocean{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#app{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#screen{width:100%;height:100%}#app button,#app select,#app input,#app label,#app .panel,#app .page-screen{pointer-events:auto}.home-screen{background:linear-gradient(90deg,#03232fb3,#03232f1f 55%,#0000 75%);height:100%;min-height:620px;padding:32px 5%;position:relative}.topbar{z-index:3;justify-content:space-between;align-items:center;display:flex;position:relative}.brand{text-align:left;letter-spacing:1.5px;background:0 0;align-items:center;gap:12px;min-height:48px;padding:0;font-size:28px;font-weight:800;display:flex}.brand small{letter-spacing:2.5px;color:var(--muted);margin-top:5px;font-size:9px;font-weight:500;display:block}.brand-thin{color:#b7d8ca;font-weight:400}.brand-mark{background:var(--cream);color:#1b555b;border-radius:50% 50% 45% 45%;place-items:center;width:49px;height:49px;display:grid}.brand-mark .icon{stroke-width:1.3px;width:34px;height:34px;transform:rotate(-10deg)}.top-actions{align-items:center;gap:12px;display:flex}.language-select{align-items:center;gap:8px;display:flex}.language-select>.icon{opacity:.65;width:18px}.language-select select{background:0 0;border:0;max-width:135px;padding-left:0;font-size:12px}.icon-button{border:1px solid var(--border);background:#b7e3d712;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.icon-button:hover{background:#b7e3d72e}.icon-button>.icon{width:21px;height:21px}.hero{width:47%;max-width:660px;position:absolute;top:25%;left:5%}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#d8e5ca;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.status-dot{background:#b0d5af;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px #a0d4a833}.hero h1{letter-spacing:-3.7px;margin:22px 0 24px;font-size:clamp(52px,5.5vw,90px);font-weight:700;line-height:1.06}.hero h1 em{color:#e8be94;font-style:normal}.hero-description{color:#bed8d2;max-width:385px;margin:0 0 30px;font-size:15px;line-height:1.9}.hero-actions{align-items:center;gap:25px;display:flex}.button{border:1px solid var(--border);letter-spacing:.15px;background:#275d63;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;min-height:52px;padding:15px 24px;font-size:14px;font-weight:700;display:inline-flex}.button.primary{background:var(--coral);color:#253d40;border-color:#0000;box-shadow:0 5px 25px #092b3833}.button.primary:hover{background:#ffc2a2;box-shadow:0 8px 26px #efa78920}.dive-button{width:185px;min-height:58px}.button .icon{width:20px;height:20px}.text-button{color:#c8ded7;background:0 0;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 0;font-size:12px;display:inline-flex}.text-button .icon{width:17px;height:17px}.text-button:hover{color:#fff6df}.mode-buttons{gap:12px;max-width:450px;margin-top:34px;display:flex}.mode-buttons>button{text-align:left;border:1px solid var(--border);background:#7baca90a;border-radius:12px;flex:1;align-items:center;gap:11px;min-height:70px;padding:13px;display:flex}.mode-buttons>button>.icon:first-child{color:#b9d3c7;width:21px}.mode-buttons>button>.icon:last-child{opacity:.65;width:13px;height:13px;margin-left:auto}.mode-buttons span{flex:1;font-size:11px;line-height:1.4}.mode-buttons small{color:#aec6bf;margin-top:6px;font-size:9px;display:block}.mode-buttons>button:disabled{opacity:.62}.mode-buttons>button:not(:disabled):hover{background:#a4ccba1f}.ocean-facts{color:#b5ccc3;align-items:center;gap:18px;margin-top:28px;font-size:10px;display:flex}.ocean-facts b{color:#e9e9cf;margin-right:3px;font-size:13px;font-weight:500}.ocean-facts>i{background:var(--border);width:1px;height:13px}.ocean-facts .icon{width:16px;height:16px;margin-right:4px}.hero-fish-label{align-items:flex-start;gap:13px;max-width:190px;display:flex;position:absolute;top:38%;right:7%}.hero-fish-label>span:last-child{display:block}.hero-fish-label .icon{color:#e9c799;width:17px;height:17px;margin-right:7px}.hero-fish-label b{letter-spacing:1.5px;color:#e2e3c8;font-size:9px;font-weight:600}.hero-fish-label small{color:#bed4c8;margin-top:9px;margin-left:27px;font-size:10px;line-height:1.7;display:block}.label-line{transform-origin:100%;border-top:1px solid #e8dbb755;width:28px;margin-top:9px;position:relative;transform:rotate(-30deg)}.label-line:after{content:"";border:1px solid #e8dbb777;border-radius:50%;width:5px;height:5px;position:absolute;top:-3px;left:-4px}.location-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;background:#0838437a;border:1px solid #ddefdb33;border-radius:15px;align-items:center;gap:16px;min-width:295px;padding:18px 22px;display:flex;position:absolute;bottom:19%;right:10%;box-shadow:0 10px 35px #001e2a18}.location-icon{color:#d9dab8;background:#bad0aa18;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.location-icon .icon{width:28px;height:28px}.location-card>span:nth-child(2){flex:1}.location-card small{letter-spacing:1.7px;color:#b1c9bc;margin-bottom:8px;font-size:8px;display:block}.location-card b{margin-bottom:5px;font-size:17px;font-weight:500;display:block}.location-card>span>span{color:#b1c9bc;font-size:10px}.location-card i{margin:0 6px;font-style:normal}.location-card>.icon{color:#d1d4ba;width:17px;height:17px;margin-left:14px}.location-card:hover{background:#104d53cc}.home-footer{color:#a4bfb7;justify-content:space-between;align-items:center;gap:20px;font-size:10px;display:flex;position:absolute;bottom:28px;left:5%;right:5%}.footer-note{align-items:center;gap:8px;max-width:45%;line-height:1.7;display:flex}.collection-button{border:1px solid var(--border);background:#90b09f17;border-radius:30px;align-items:center;gap:12px;min-height:48px;padding:10px 18px;font-size:11px;display:inline-flex}.collection-button .icon{width:20px;height:20px}.collection-button:hover{background:#bad0aa24}.version{letter-spacing:2px;font-size:9px}.version b{border:1px solid var(--border);border-radius:5px;margin-left:6px;padding:4px;font-weight:500}.glass{background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.page-screen{scrollbar-color:#668d86 transparent;background:linear-gradient(140deg,#052f3bee,#073c49d9 70%,#0a404ec9);height:100%;padding:32px 6% 50px;overflow:auto}.page-header{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;display:flex}.pill{border:1px solid var(--border);color:#e3c59b;background:#ffffff08;border-radius:50px;align-items:center;gap:8px;padding:12px 18px;font-size:13px;display:inline-flex}.pill .icon{width:18px;height:18px}.page-heading{text-align:center;margin:30px auto 40px}.page-heading .eyebrow{justify-content:center}.page-heading h1{letter-spacing:-1px;margin:15px 0;font-size:38px}.page-heading p{color:var(--muted);font-size:13px;line-height:1.7}.zone-map{grid-template-columns:1fr 1fr;gap:22px;max-width:1100px;margin:auto;display:grid}.zone-section{border:1px solid var(--border);background:linear-gradient(135deg,#3b877338,#24546022);border-radius:18px;padding:24px}.zone-kelp{background:linear-gradient(135deg,#78a87626,#35694d22)}.zone-wreck{background:linear-gradient(135deg,#738b9c25,#334d5d22)}.zone-abyss{background:linear-gradient(135deg,#9a85bb26,#3b3d6b22)}.zone-heading{align-items:center;gap:13px;display:flex}.zone-number{opacity:.28;font-size:28px;font-weight:400}.zone-heading h2{margin:0 0 5px;font-size:18px;font-weight:500}.zone-heading span:not(.zone-number){color:var(--muted);font-size:10px}.zone-heading>.icon{opacity:.55;width:28px;height:28px;margin-left:auto}.level-path{justify-content:space-between;margin-top:26px;display:flex;position:relative}.level-path:before{content:"";border-top:1px dashed #b9d9c53b;position:absolute;top:22px;left:8%;right:8%}.level-node{background:0 0;flex-direction:column;align-items:center;gap:8px;width:14%;padding:0;display:flex;position:relative}.level-node>span{z-index:1;background:#164650;border:1px solid #5d8d8966;border-radius:50%;place-items:center;width:45px;height:45px;font-size:14px;display:grid}.level-node:nth-child(2n){padding-top:9px}.level-node>.icon,.level-node .icon{width:18px;height:18px}.level-node small{font-size:9px;position:absolute;top:32px;right:5px}.level-node>i{color:#bbcfbf;letter-spacing:2px;font-size:12px;font-style:normal}.level-node.completed>i{color:#e4bd84}.level-node.current>span{background:var(--coral);color:#24434a;border-color:var(--coral);box-shadow:0 0 0 6px #efa78912}.level-node:disabled>span{background:#173c4566}.level-node:not(:disabled):hover>span{box-shadow:0 0 0 5px #bedfce26}.page-footnote{text-align:center;color:var(--muted);margin:26px 0;font-size:11px}.center-screen{height:100%;padding:max(24px,env(safe-area-inset-top)) 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#052e3d77;justify-content:center;align-items:center;display:flex;overflow-y:auto}.panel{text-align:center;background:linear-gradient(145deg,#1a515bee,#103b49f5);border:1px solid #aed5c52b;border-radius:24px;max-width:100%;padding:38px;box-shadow:0 20px 90px #001a3555}.panel h1{letter-spacing:-.7px;margin:16px 0;font-size:32px;font-weight:500;line-height:1.2}.panel p{color:var(--muted);font-size:13px;line-height:1.8}.panel .eyebrow{justify-content:center;font-size:9px}.panel-symbol{border:1px solid var(--border);width:62px;height:62px;color:var(--coral);border-radius:50%;place-items:center;margin:0 auto 25px;display:grid}.pause-panel{width:405px}.pause-panel>.button{justify-content:center;width:100%;margin-top:15px}.button.subtle{background:#bad0aa0b}.button.subtle:hover{background:#bad0aa1f}.panel-bottom{justify-content:space-between;gap:20px;margin-top:22px;display:flex}.settings-panel{text-align:left;width:520px;padding:28px 34px;position:relative}.settings-heading{align-items:center;gap:20px;margin-bottom:12px;display:flex}.settings-heading h1{margin-left:auto;font-size:25px}.setting-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:66px;font-size:13px;display:flex}.setting-row>span{align-items:center;gap:12px;display:flex}.setting-row>span .icon{width:18px;height:18px;color:var(--muted)}.setting-row>select{min-width:140px}.settings-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-top:5px;padding-top:12px;display:flex}.save-note{color:#9dc2b1;font-size:10px;line-height:1.7;display:block}.danger{color:#efb1a3}.danger-button{color:#fff7e6;background:#c97867}.reset-confirm{text-align:center;background:#092e3dfa;border-radius:24px;flex-direction:column;justify-content:center;padding:35px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.reset-confirm>div{justify-content:center;gap:12px;margin-top:15px;display:flex}.skin-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:960px;margin:auto;display:grid}.skin-card{text-align:center;border:1px solid var(--border);background:#79a49f12;border-radius:18px;min-height:170px;padding:24px 15px}.skin-card.selected{background:#b1d7bc10;border-color:#e7bd95}.skin-card:not(:disabled):hover{background:#b1d7bc1a}.skin-fish{color:var(--fish-color);place-items:center;height:70px;display:grid}.skin-fish .icon{width:80px;height:70px;fill:var(--fish-color);stroke:#204e58;stroke-width:.7px;filter:drop-shadow(0 8px 10px #001f3044);transform:rotate(-6deg)}.skin-card h2{margin:15px 0 10px;font-size:14px;font-weight:500}.skin-card>span{color:#bad0bb;font-size:10px}.skin-card>span .icon{width:13px;height:13px}.skin-card:disabled{opacity:.44}.result-panel{width:490px}.result-stars{color:#e7bd84;letter-spacing:10px;margin-top:20px;font-size:37px}.result-stars .icon{width:45px;height:45px}.result-score{margin:20px 0 26px}.result-score small{color:var(--muted);text-transform:uppercase;letter-spacing:2px;font-size:10px;display:block}.result-score strong{color:#f4d5a2;margin-top:5px;font-size:57px;font-weight:500;line-height:1.25;display:block}.result-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:17px 0;display:flex}.result-stats>span{color:var(--muted);border-right:1px solid var(--border);flex:1;font-size:10px}.result-stats>span:last-child{border:0}.result-stats b{color:var(--cream);margin-bottom:7px;font-size:20px;font-weight:500;display:block}.eaten-species{flex-wrap:wrap;justify-content:center;gap:14px;margin:20px 0;display:flex}.eaten-species>span{font-size:12px}.eaten-species .icon{width:21px;height:21px}.result-panel>.button{justify-content:center;width:100%}.result-panel>.save-note{margin-top:10px}.game-hud{height:100%;padding:max(22px,env(safe-area-inset-top)) max(26px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(26px,env(safe-area-inset-left));position:relative}.hud-top{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.score-block{border-radius:15px;min-width:140px;padding:15px 21px}#hud-lives{color:#f2b49c;letter-spacing:4px;margin-bottom:7px;font-size:17px}.stat-label{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;font-size:9px;display:block}.score-block strong{margin-top:4px;font-size:27px;font-weight:500;line-height:1.2;display:block}.growth-block{border-radius:15px;width:34%;min-width:320px;padding:13px 20px}.growth-title{color:#c3d9c9;justify-content:space-between;align-items:center;gap:20px;font-size:10px;display:flex}.growth-title>span>b{font-weight:500}.growth-title i{opacity:.5;margin:0 5px;font-style:normal}.growth-title>b{color:#e8dab2;white-space:nowrap;font-size:11px;font-weight:500}.growth-track{background:#021e3299;border-radius:8px;height:6px;margin:10px 0;overflow:hidden}.growth-track>i{background:linear-gradient(90deg,#8bcdb2,#edca93);border-radius:8px;min-width:1%;height:100%;transition:width .15s;display:block}.food-chain{justify-content:space-between;gap:10px;font-size:9px;display:flex}.food-chain>span{align-items:center;gap:6px;display:flex}.food-chain .icon{width:16px;height:16px}.food-chain>.peer .icon{width:20px;height:20px}.food-chain>.danger .icon{width:23px;height:23px}.edible{color:#b1e0b5}.peer{color:#e0c891}.pause-button{margin-left:90px}.timer-badge{letter-spacing:2px;color:#dfdfc4;border-radius:30px;padding:8px 16px;font-size:13px;position:absolute;top:132px;left:50%;transform:translate(-50%)}.timer-badge.urgent{color:#ffc09d;background:#763f48aa}.hud-bottom{bottom:max(32px,env(safe-area-inset-bottom));left:max(26px,env(safe-area-inset-left));right:max(26px,env(safe-area-inset-right));justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:absolute}.hud-level{color:var(--muted);align-items:center;gap:10px;font-size:10px;display:flex}.hud-level .icon{width:18px;height:18px}.dash-button{text-align:left;touch-action:none;border-radius:15px;align-items:center;gap:14px;min-width:235px;min-height:64px;padding:12px 16px;display:flex}.dash-icon{color:#e8c597;place-items:center;width:30px;display:grid}.dash-button>span:nth-child(2){flex:1}.dash-button b{color:#e4dfc3;margin-bottom:8px;font-size:10px;font-weight:500;display:block}.dash-track{background:#092c3899;border-radius:5px;width:100%;height:4px;display:block;overflow:hidden}.dash-track>i{background:#e7c095;height:100%;transition:width .1s;display:block}.dash-button kbd{border:1px solid var(--border);color:#b7c8b8;border-radius:4px;padding:5px;font-family:inherit;font-size:8px}.controls-hint{color:#afd0bf66;white-space:nowrap;letter-spacing:1.2px;font-size:8px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.combo-indicator{text-align:center;opacity:0;transition:opacity .2s,transform .2s;position:absolute;top:150px;right:36px;transform:translateY(10px)}.combo-indicator.visible{opacity:1;transform:translateY(0)}.combo-indicator>b{color:#f5cc9b;font-size:42px;font-weight:600;display:block}.combo-indicator small{letter-spacing:2px;color:#ddcfad;font-size:10px}.combo-indicator.frenzy>b{text-shadow:0 0 20px #ffcd87}.game-hud:has(.combo-indicator.frenzy){box-shadow:inset 0 0 50px #fad28e22}.tutorial{color:#f2e2c4;border-radius:12px;align-items:center;gap:24px;max-width:80%;padding:5px 18px;font-size:12px;display:flex;position:absolute;bottom:125px;left:50%;transform:translate(-50%)}.tutorial .text-button{color:#a5c1b2;white-space:nowrap;font-size:10px}#prey-arrow{color:#dceeb6;text-shadow:0 2px 10px #063244;font-size:35px;position:absolute;top:-45px;left:-12px}.power-badge{border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:10px;display:flex}.power-badge>b{color:#f4d1a1;font-size:21px}.power-badge>strong{color:#bedcca;font-size:10px;font-weight:500}#power-effects{flex-wrap:wrap;justify-content:center;gap:7px;max-width:50%;display:flex}.score-float{color:#ffecb8;text-shadow:0 2px 6px #073b4c99;will-change:transform,opacity;font-size:21px;font-weight:700;display:none;position:absolute;top:0;left:0}.score-float.visible{display:block}#effects{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}#toast{color:#f8e8c7;border:1px solid var(--border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;text-align:center;z-index:30;pointer-events:none;background:#123e4bed;border-radius:13px;max-width:85%;padding:14px 23px;font-size:13px;transition:opacity .2s,transform .2s;position:absolute;top:19%;left:50%;transform:translate(-50%,-10px);box-shadow:0 6px 30px #04293644}#toast.visible{opacity:1;transform:translate(-50%)}#hit-flash,#ink,#depth-mask{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#hit-flash{z-index:5;opacity:0;background:#ed6554}#hit-flash.flash{animation:.4s ease-out hit}#ink{opacity:0;z-index:1;background:radial-gradient(at 25% 35%,#071727 15%,#0b162cee 27%,#101c3266 38%,#0000 58%);transition:opacity .3s}#ink.visible{opacity:1}#depth-mask{background:radial-gradient(circle 270px at var(--light-x,50%) var(--light-y,50%),transparent 20%,#02081933 60%,#020919ba 100%);opacity:0;z-index:0;transition:opacity 1s}#depth-mask.visible{opacity:1}.game-hud{z-index:2}.loading{text-align:center;background:radial-gradient(at 60% 30%,#1c6770,#052d3c);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:30px;display:flex}.loading>.brand{position:absolute;top:35px;left:5%}.loading h1{font-size:24px;font-weight:500}.loading-fish{color:#eac099;margin-bottom:20px;animation:2.5s ease-in-out infinite bob}.loading-fish .icon{width:70px;height:70px}.load-track{background:#8baaa433;border-radius:5px;width:230px;height:5px;margin:10px 0;overflow:hidden}.load-track>i{background:var(--coral);height:100%;transition:width .15s;display:block}#load-value{color:#b6c8b8;margin-top:10px;font-size:10px}.loading p{color:#9fc0b7;margin-top:25px;font-size:12px;line-height:1.7}.error-panel{max-width:480px}.large-icon>.icon{color:#dca78b;width:50px;height:50px}#error-detail{overflow-wrap:anywhere;max-width:100%;color:var(--muted);margin-top:20px;font-size:10px;display:block}.help-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;pointer-events:auto;background:#062c3a9c;place-items:center;padding:24px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.help-panel{width:650px}.help-grid{text-align:left;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0;display:grid}.help-grid article>span{border:1px solid var(--border);width:42px;height:42px;color:var(--coral);border-radius:12px;place-items:center;display:grid}.help-grid h2{font-size:15px;font-weight:500}.help-grid p{margin:0;font-size:12px}.help-panel>.button{justify-content:center;min-width:180px}#debug-stats{color:#c5eace;font:10px monospace;position:absolute;bottom:3px;left:8px}.rotate-hint{color:#e5d1ad;z-index:5;background:#164753dd;border-radius:20px;width:max-content;max-width:85%;padding:10px 15px;font-size:10px;position:absolute;top:110px;left:50%;transform:translate(-50%)}@keyframes hit{0%{opacity:.15}to{opacity:0}}@keyframes bob{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-9px)rotate(0)}}.edge-warning{color:#ff917f;opacity:0;text-shadow:0 0 20px #ef796d;pointer-events:none;font-size:32px;position:absolute;top:45%}.edge-warning.visible{opacity:1;animation:.3s infinite alternate warning-blink}.pickup-label{color:#ffe8b7;text-shadow:0 2px 6px #173c49;white-space:nowrap;pointer-events:none;font-size:10px;font-weight:700;position:absolute;top:-15px;left:-40px}.home-footer .collection-button{color:#e0dfc7;background:#123d4bc9}.home-footer .footer-note{background:#06344266;border-radius:15px;padding:5px 8px}.rotate-hint{top:200px}@keyframes warning-blink{0%{opacity:.4}to{opacity:1}}@media (min-width:1600px){.hero{top:26%}.hero-description{max-width:440px;font-size:17px}.mode-buttons{margin-top:40px}.hero-fish-label{right:8%}.location-card{bottom:20%;right:12%}}@media (max-height:760px) and (min-width:701px){.home-screen{min-height:540px;padding-top:22px}.hero{top:23%}.hero h1{margin:16px 0;font-size:clamp(45px,5vw,67px)}.hero-description{margin-bottom:21px;font-size:13px;line-height:1.7}.mode-buttons{margin-top:22px}.ocean-facts{margin-top:19px}.hero-actions{gap:20px}.home-footer{bottom:20px}.location-card{bottom:19%}.page-heading{margin:15px auto 24px}.page-heading h1{font-size:32px}.zone-section{padding:20px}.level-path{margin-top:18px}.result-panel{padding:24px 32px}.result-stars{margin-top:12px;font-size:29px}.result-score{margin:14px 0}.result-score strong{font-size:44px}.result-panel h1{font-size:28px}.settings-panel{padding:20px 30px}.setting-row{min-height:59px}}@media (max-width:1000px){.hero{width:51%}.hero h1{letter-spacing:-2.5px;font-size:60px}.hero-description{max-width:330px;font-size:13px}.hero-fish-label{max-width:145px;top:36%;right:4%}.hero-fish-label small,.hero-fish-label .label-line{display:none}.mode-buttons{gap:8px}.mode-buttons>button{gap:8px;padding:11px 9px}.mode-buttons>button>.icon:first-child{width:18px}.mode-buttons span{font-size:10px}.mode-buttons small{font-size:8px}.location-card{min-width:260px;padding:16px;right:5%}.location-card b{font-size:15px}.ocean-facts{gap:12px;font-size:9px}.skin-grid{gap:15px}.pause-button{margin-left:50px}.growth-block{width:42%}}@media (max-width:700px){body{overflow:hidden}.home-screen{background:linear-gradient(#062c3e99,#0000 65%,#062c3e55);min-height:0;padding:20px 6%;overflow:auto}.topbar{align-items:center}.brand{gap:9px;font-size:23px}.brand-mark{width:41px;height:41px}.brand-mark .icon{width:28px;height:28px}.brand small{letter-spacing:1.8px;font-size:7px}.top-actions{gap:5px}.top-actions .icon-button{background:0 0;border-color:#0000;width:42px;height:48px}.top-actions .language-select>.icon{display:none}.top-actions .language-select select{max-width:85px;padding-right:12px;font-size:10px}.hero{text-align:center;width:100%;max-width:420px;margin:48px auto 0;position:relative;top:auto;left:auto}.hero .eyebrow{letter-spacing:1.6px;justify-content:center;font-size:9px}.hero h1{letter-spacing:-2px;margin:18px 0;font-size:clamp(44px,10vw,62px);line-height:1.04}.hero-description{max-width:300px;margin:0 auto 22px;font-size:12px;line-height:1.75}.hero-actions{justify-content:center;gap:20px}.dive-button{width:163px;min-height:53px}.hero-actions>.text-button{font-size:11px}.mode-buttons{text-align:left;max-width:360px;margin:22px auto 0}.mode-buttons>button{min-height:61px}.mode-buttons span{font-size:10px}.mode-buttons small{font-size:8px}.ocean-facts{justify-content:center;gap:13px;margin-top:18px;font-size:8px}.ocean-facts b{font-size:11px}.ocean-facts .icon{width:13px}.hero-fish-label,.location-card{display:none}.home-footer{left:6%;right:6%;bottom:max(20px,env(safe-area-inset-bottom));font-size:8px;position:absolute}.footer-note{max-width:50%;font-size:8px}.home-footer .version{display:none}.collection-button{gap:7px;padding:8px 12px;font-size:9px}.collection-button .icon{width:16px}.page-screen{padding:20px 6% 35px}.page-heading{margin:25px auto}.page-heading h1{font-size:29px}.page-heading .eyebrow{font-size:9px}.page-heading p{font-size:11px}.zone-map{grid-template-columns:1fr;gap:17px}.zone-section{padding:20px}.zone-heading h2{font-size:17px}.level-path{margin-top:20px}.level-node>span{width:39px;height:39px}.level-node>i{letter-spacing:1px;font-size:10px}.skin-grid{grid-template-columns:1fr 1fr;gap:13px}.skin-card{min-height:150px;padding:17px 10px}.skin-card h2{font-size:12px}.skin-card>span{font-size:9px}.skin-fish .icon{width:65px;height:60px}.skin-fish{height:60px}.panel{border-radius:20px;padding:26px 22px}.panel h1{font-size:28px}.panel p{font-size:12px}.settings-panel{padding:20px 22px}.settings-heading{gap:12px}.settings-heading h1{font-size:22px}.setting-row{gap:14px;font-size:12px}.setting-row>span{gap:9px}.setting-row input[type=range]{width:125px}.setting-row>select{min-width:115px}.setting-row select{font-size:11px}.setting-row .language-select select{max-width:125px}.setting-row .language-select>.icon{display:none}.settings-foot{align-items:flex-start}.settings-foot .save-note{max-width:48%;padding-top:12px;font-size:9px}.settings-foot .text-button{text-align:right;font-size:10px}.reset-confirm{padding:24px}.reset-confirm>div{flex-direction:column}.reset-confirm .button{justify-content:center}.game-hud{padding:16px 14px max(18px,env(safe-area-inset-bottom))}.hud-top{flex-wrap:wrap;gap:10px;position:relative}.score-block{border-radius:12px;min-width:95px;padding:10px 14px}#hud-lives{letter-spacing:3px;margin-bottom:5px;font-size:14px}.score-block strong{font-size:22px}.stat-label{font-size:8px}.pause-button{width:48px;height:48px;margin:0 0 0 auto}.growth-block{border-radius:12px;order:3;width:100%;min-width:0;margin-top:0;padding:10px 14px;display:block}.growth-title{font-size:9px}.growth-title>b{font-size:10px}.food-chain{font-size:8px}.growth-track{height:5px;margin:7px 0}.timer-badge{padding:10px 13px;font-size:12px;top:34px;left:50%}.combo-indicator{top:205px;right:20px}.combo-indicator>b{font-size:34px}.hud-bottom{bottom:max(24px,env(safe-area-inset-bottom));flex-wrap:wrap;gap:10px;left:14px;right:14px}.hud-level{gap:6px;max-width:33%;font-size:8px}.hud-level .icon{width:16px}.dash-button{gap:9px;min-width:190px;min-height:60px;padding:11px 13px}.dash-button kbd{display:none}.dash-button>b{font-size:9px}.dash-icon .icon{width:23px}.controls-hint{display:none}#power-effects{justify-content:flex-start;gap:5px;max-width:100%;position:absolute;bottom:78px;left:0}.power-badge{padding:7px 9px;font-size:9px}.power-badge>span{display:none}.tutorial{justify-content:space-between;gap:14px;width:90%;max-width:90%;padding:5px 13px;font-size:11px;line-height:1.6;bottom:160px}.tutorial .text-button{font-size:9px}.help-panel{padding:23px}.help-grid{gap:22px 18px;margin:24px 0}.help-grid h2{font-size:13px}.help-grid p{font-size:10px}.result-stats>span{font-size:9px}.result-score strong{font-size:49px}.result-panel .panel-bottom .text-button{font-size:10px}.panel-bottom{gap:15px}.result-stars{font-size:31px}.result-score{margin:16px 0 20px}#toast{width:max-content;max-width:85%;font-size:12px;top:28%}}@media (max-width:700px) and (max-height:740px){.hero{margin-top:25px}.hero h1{margin:14px 0;font-size:44px}.hero-description{margin-bottom:17px;font-size:11px}.hero-actions{gap:16px}.mode-buttons{margin-top:17px}.ocean-facts{margin-top:14px}.home-footer{bottom:14px}.hero .eyebrow{font-size:8px}.hero-actions>.button{min-height:50px}.hero-actions>.text-button{font-size:10px}}@media (max-height:500px) and (orientation:landscape){.home-screen{min-height:0;padding:14px 5%;overflow:auto}.topbar .brand{font-size:20px}.topbar .brand-mark{width:36px;height:36px}.topbar .brand small{font-size:7px}.hero{width:52%;top:22%}.hero h1{margin:12px 0;font-size:42px;line-height:1}.hero .eyebrow{font-size:8px}.hero-description{max-width:300px;margin-bottom:14px;font-size:10px;line-height:1.5}.hero-actions>.button{width:145px;min-height:46px;padding:10px 17px;font-size:12px}.hero-actions>.text-button{font-size:10px}.mode-buttons{max-width:340px;margin-top:13px}.mode-buttons>button{min-height:48px;padding:8px}.mode-buttons small{font-size:7px}.mode-buttons>button>.icon:first-child,.ocean-facts{display:none}.hero-fish-label{font-size:8px;top:32%}.location-card{min-width:230px;padding:12px;bottom:22%}.location-card b{font-size:13px}.location-card small{font-size:7px}.location-icon{width:36px;height:36px}.home-footer{bottom:10px}.collection-button{min-height:42px;padding:8px 14px;font-size:9px}.footer-note{font-size:8px}.center-screen{align-items:flex-start;padding:15px}.panel{max-height:none;padding:22px}.pause-panel{width:450px;padding:22px}.panel-symbol{display:none}.pause-panel h1{margin:10px 0;font-size:28px}.pause-panel p{margin:7px 0}.pause-panel>.button{min-height:44px;margin-top:9px;padding:10px}.pause-panel .panel-bottom{margin-top:10px}.game-hud{padding:12px 18px}.hud-top{gap:15px}.score-block{min-width:100px;padding:8px 13px}#hud-lives{margin-bottom:4px;font-size:13px}.score-block strong{font-size:20px}.growth-block{min-width:270px;padding:9px 16px}.food-chain{font-size:8px}.pause-button{margin-left:50px}.timer-badge{font-size:10px;top:99px}.hud-bottom{bottom:16px}.dash-button{min-width:195px;min-height:51px;padding:9px 12px}.tutorial{padding:0 15px;font-size:10px;bottom:82px}.combo-indicator{top:100px}.combo-indicator>b{font-size:30px}.controls-hint{display:none}.page-heading{margin:13px auto 23px}.page-heading h1{font-size:29px}.skin-grid{grid-template-columns:repeat(4,1fr)}.zone-map{grid-template-columns:1fr 1fr}.zone-section{padding:16px}.level-node>span{width:33px;height:33px}.level-node>i{font-size:9px}.zone-heading h2{font-size:14px}.zone-heading>.icon{width:22px}.result-panel{width:490px}.settings-panel{width:500px}}@media (max-width:700px){.top-actions .icon-button{width:48px;height:48px}.topbar .brand-mark{width:36px;height:36px}.topbar .brand{gap:8px;font-size:22px}.topbar .brand small{font-size:6.5px}.topbar .language-select select{max-width:79px}.level-node{min-width:48px;min-height:68px}.level-node>span{width:44px;height:44px}.level-path{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.level-path:before{display:none}.level-node{width:100%}.level-node:nth-child(2n){padding-top:0}.level-node small{right:calc(50% - 22px)}}@media (max-height:500px) and (orientation:landscape){.level-path{grid-template-columns:repeat(3,1fr)}.hero-fish-label{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}