:root{--ink:#071723;--deep:#061b31;--deep-2:#0a2b43;--sea:#0d7491;--sea-light:#4fc4bf;--foam:#eaf6df;--sand:#f3d08b;--sun:#ffd55d;--coral:#f06449;--cream:#fff8db;--paper:#f4edd1;--line:#e8f8e640;--shadow-pixel:5px 5px 0 #04121c;--font-pixel:"Courier New", "Lucida Console", monospace;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--deep);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;overscroll-behavior:none;min-width:320px}body{background:var(--deep);min-width:320px;min-height:100vh;color:var(--foam);font-family:var(--font-body);margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--sun);outline-offset:4px}a{color:var(--sun)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-shell{isolation:isolate;background:radial-gradient(circle at 16% 12%,#38abb233,#0000 28rem),linear-gradient(145deg,#071a2b 0%,#09283d 52%,#061927 100%);min-height:100svh;position:relative;overflow:hidden}.pixel-noise{z-index:30;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:linear-gradient(90deg,#0000 50%,#fffc 50%),linear-gradient(#0000 50%,#0000008c 50%);background-size:4px 4px;position:fixed;inset:0}.eyebrow,.overline{color:var(--sun);font:800 .7rem/1.2 var(--font-pixel);letter-spacing:.2em;margin-bottom:.8rem;display:block}.pixel-button{border:2px solid var(--foam);min-height:48px;color:var(--foam);font:900 .76rem/1 var(--font-pixel);letter-spacing:.08em;cursor:pointer;background:#082537db;justify-content:center;align-items:center;gap:.65rem;padding:.75rem 1.2rem;transition:transform .12s,background .12s,box-shadow .12s;display:inline-flex;box-shadow:4px 4px #030e17cc}.pixel-button:hover{background:#16465d;transform:translate(-1px,-1px);box-shadow:6px 6px #030e17cc}.pixel-button:active{transform:translate(3px,3px);box-shadow:1px 1px #030e17cc}.pixel-button.primary{background:var(--sun);color:#14293a;border-color:#ffed94}.pixel-button.danger{background:#a33b3b;border-color:#ffc3ae}.text-button{color:#eaf6dfbf;text-underline-offset:.28em;cursor:pointer;background:0 0;border:0;text-decoration:underline}.icon-button{color:#eaf6dfad;width:43px;height:43px;font:900 .78rem var(--font-pixel);cursor:pointer;background:#061b31d6;border:2px solid #eaf6df66;place-items:center;display:grid;box-shadow:3px 3px #030e17a6}.icon-button.is-on{border-color:var(--sun);color:var(--sun)}.brand-mark{justify-content:center;align-items:center;gap:1rem;display:flex}.brand-star{width:62px;height:62px;color:var(--sun);filter:drop-shadow(4px 4px #0a4056);place-items:center;font-size:3.5rem;line-height:1;display:grid;transform:rotate(-8deg)}.brand-mark>div{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.brand-mark>div>span{color:#80d7ca;font:900 1.2rem/1 var(--font-pixel);letter-spacing:.34em}.brand-mark>div>strong{color:var(--cream);font:1000 2.4rem/1.05 var(--font-pixel);letter-spacing:-.06em;text-shadow:4px 4px #0b4d61}.brand-mark.compact{justify-content:flex-start;gap:.55rem}.brand-mark.compact .brand-star{filter:drop-shadow(2px 2px #0a4056);width:32px;height:32px;font-size:1.8rem}.brand-mark.compact>div>span{font-size:.58rem}.brand-mark.compact>div>strong{text-shadow:2px 2px #0b4d61;font-size:1rem}.top-bar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#041724c7;justify-content:space-between;align-items:center;height:76px;padding:0 4.5vw;display:flex;position:absolute;top:0;left:0;right:0}.brand-button{cursor:pointer;background:0 0;border:0}.top-stats{font:900 .9rem var(--font-pixel);align-items:center;gap:1.7rem;display:flex}.top-stats span{align-items:baseline;gap:.22rem;display:flex}.top-stats i{color:var(--sun);font-style:normal}.top-stats small{color:#eaf6df85}.quick-settings{z-index:80;align-items:center;gap:.6rem;display:flex;position:fixed;top:1rem;right:1rem}.top-bar+.quick-settings{top:.95rem;right:calc(4.5vw + 8rem)}.assist-button{color:#eaf6dfa6;min-height:43px;font:900 .64rem var(--font-pixel);letter-spacing:.05em;cursor:pointer;background:#061b31d6;border:2px solid #eaf6df61;padding:0 .78rem;box-shadow:3px 3px #030e17a6}.assist-button.is-on{color:#8bf0c8;border-color:#70d8b4}.dedication-screen{text-align:center;background:#04121c;place-items:center;min-height:100svh;padding:2rem 1.4rem 4rem;display:grid;position:relative;overflow:hidden}.dedication-screen:before{content:"";opacity:0;background:#ffffff8c;width:16px;height:16px;animation:.36s steps(4,end) 1.95s both intro-pixel-clouds;position:absolute;top:6%;left:7%;box-shadow:22px 12px #ffffff8c,44px 0 #ffffff8c,66px 12px #ffffff8c,82px 12px #ffffff8c,270px 80px #ffffff59,288px 65px #ffffff59,306px 80px #ffffff59}.dedication-sea{z-index:-1;opacity:0;background:linear-gradient(#6dcbc4 0 44%,#1687a0 44% 62%,#075275 62%);animation:.7s steps(8,end) 1.72s both intro-world-reveal;position:absolute;inset:0;overflow:hidden;transform:scale(1.08)}.intro-flash{z-index:20;background:var(--cream);opacity:0;pointer-events:none;animation:.24s steps(3,end) 1.75s both intro-screen-flash;position:absolute;inset:0}.intro-crt{z-index:19;opacity:.2;pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#020c1438 3px 5px);position:absolute;inset:0;overflow:hidden}.intro-crt:after{content:"";background:linear-gradient(#0000,#c5fff02b,#0000);height:18%;animation:2.4s linear infinite intro-crt-scan;position:absolute;top:-18%;left:0;right:0}.pixel-sun{background:var(--sun);width:88px;height:88px;box-shadow:-8px 0 var(--sun), 8px 0 var(--sun), 0 -8px var(--sun), 0 8px var(--sun);position:absolute;top:12%;right:11%}.pixel-wave{clip-path:polygon(0 50%,4% 50%,4% 0,8% 0,8% 50%,12% 50%,12% 100%,16% 100%,16% 50%,20% 50%,20% 0,24% 0,24% 50%,28% 50%,28% 100%,32% 100%,32% 50%,36% 50%,36% 0,40% 0,40% 50%,44% 50%,44% 100%,48% 100%,48% 50%,52% 50%,52% 0,56% 0,56% 50%,60% 50%,60% 100%,64% 100%,64% 50%,68% 50%,68% 0,72% 0,72% 50%,76% 50%,76% 100%,80% 100%,80% 50%,84% 50%,84% 0,88% 0,88% 50%,92% 50%,92% 100%,96% 100%,96% 50%,100% 50%,100% 100%,0 100%);background:#63d7ca;height:18px;position:absolute;bottom:15%;left:-5%;right:-5%;box-shadow:0 18px #08718f,0 36px #075275}.wave-two{opacity:.7;bottom:6%;transform:translate(7%)}.tiny-boat{color:#5a3e36;text-shadow:7px 7px #ef7053;font-size:4rem;position:absolute;bottom:22%;right:17%;transform:rotate(90deg)}.dedication-copy{z-index:2;border:4px solid var(--cream);opacity:0;background:#061b31eb;width:min(760px,100%);padding:clamp(2rem,6vw,4.5rem) clamp(1rem,5vw,3.4rem);animation:.42s steps(5,end) .12s both intro-card-power;position:relative;transform:scaleY(.03);box-shadow:12px 12px #043446a6,18px 18px #ffd55db8}.dedication-copy:before,.dedication-copy:after{background:var(--sun);content:"";width:13px;height:13px;position:absolute}.dedication-copy:before{top:12px;left:12px}.dedication-copy:after{bottom:12px;right:12px}.studio-presents{font-family:var(--font-pixel);flex-direction:column;align-items:center;gap:.65rem;margin-bottom:2rem;display:flex}.studio-presents strong{color:#80d7ca;letter-spacing:.24em;text-shadow:3px 3px #0b4d61;opacity:0;font-size:clamp(.8rem,1.7vw,1.05rem);animation:.78s steps(7,end) .44s both intro-studio-arrive;transform:translateY(12px)}.studio-presents span{color:var(--sun);letter-spacing:.42em;opacity:0;font-size:clamp(.58rem,1.25vw,.75rem);animation:.56s steps(4,end) 1.15s both intro-presents-flicker}.intro-logo{opacity:0;animation:.82s steps(8,end) 2.02s both intro-logo-impact;transform:scale(2.8)}.intro-logo .brand-mark{margin:0 auto 2.25rem}.intro-logo .brand-star{animation:.82s steps(8,end) 2.02s both intro-star-spin}.start-button{opacity:0;min-width:190px;font-size:.92rem;animation:.9s steps(2,jump-none) 3s infinite intro-press-start}.start-button span{font-size:1.1rem}.dedication-footer{color:#ebfae6b3;font:700 .62rem var(--font-pixel);letter-spacing:.18em;opacity:0;animation:1ms linear 3.05s forwards intro-footer-arrive;position:absolute;bottom:1.1rem}@keyframes intro-card-power{0%{opacity:0;transform:scaleY(.03)}45%{opacity:1;transform:scaleY(.03)}to{opacity:1;transform:scaleY(1)}}@keyframes intro-studio-arrive{0%{opacity:0;transform:translateY(12px)}35%{opacity:1;color:var(--cream)}55%{opacity:.25}to{opacity:1;transform:translateY(0)}}@keyframes intro-presents-flicker{0%,48%{opacity:0}49%,72%{opacity:1}73%,84%{opacity:.2}to{opacity:1}}@keyframes intro-world-reveal{0%{opacity:0;filter:saturate(0);transform:scale(1.08)}to{opacity:1;filter:saturate();transform:scale(1)}}@keyframes intro-screen-flash{0%,to{opacity:0}34%,68%{opacity:.92}}@keyframes intro-pixel-clouds{to{opacity:1}}@keyframes intro-logo-impact{0%{opacity:0;transform:scale(2.8)}45%{opacity:1;transform:scale(.88)}68%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes intro-star-spin{0%{transform:rotate(-368deg)scale(1.8)}to{transform:rotate(-8deg)scale(1)}}@keyframes intro-press-start{0%,58%{opacity:1}59%,to{opacity:.22}}@keyframes intro-footer-arrive{to{opacity:1}}@keyframes intro-crt-scan{to{top:118%}}.menu-screen{grid-template-columns:minmax(280px,.8fr) minmax(520px,1.2fr);align-items:center;gap:clamp(2rem,5vw,6rem);min-height:100svh;padding:7.5rem 5vw 3rem;display:grid}.menu-hero h1,.section-heading h1,.result-screen h1{color:var(--cream);font:1000 clamp(2rem, 2.7vw, 3.6rem) / .98 var(--font-pixel);letter-spacing:-.075em;text-transform:uppercase;margin:0}.menu-hero h1>span,.menu-hero h1 em{white-space:nowrap;display:block}.menu-hero h1 em{color:var(--sun);text-shadow:5px 5px #0b5365;font-style:normal}.collection-progress{border-top:1px solid var(--line);max-width:470px;margin-top:2.2rem;padding-top:1.2rem}.collection-progress>div:first-child{font:800 .68rem var(--font-pixel);letter-spacing:.07em;justify-content:space-between;align-items:baseline;display:flex}.collection-progress>div:first-child strong{color:var(--sun);font-size:.95rem}.pixel-progress,.power-meter,.reel-meter{background:#06131e;border:3px solid #eaf6df99;height:14px;margin-top:.7rem;position:relative;box-shadow:inset 0 0 0 2px #102f42}.pixel-progress span,.power-meter span,.reel-meter span{background:repeating-linear-gradient(90deg, var(--sun) 0 10px, #efb641 10px 12px);height:100%;transition:width .18s linear;display:block}.badge-row{gap:.75rem;margin-top:1.2rem;display:flex}.badge{color:#35586a;width:48px;height:48px;font-family:var(--font-pixel);background:#0b2638;border:2px solid #284a5b;place-items:center;display:grid;transform:rotate(45deg)}.badge>*{grid-area:1/1;transform:rotate(-45deg)}.badge small{margin-top:1.8rem;font-size:.46rem}.badge.unlocked{border-color:var(--sun);color:var(--sun);background:#184d5c;box-shadow:3px 3px #020f18}.mode-grid{grid-template-columns:1fr 1fr;gap:1.4rem;display:grid}.mode-card{text-align:left;cursor:pointer;border:3px solid #eaf6dfdb;min-height:min(66vh,560px);padding:0;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:10px 10px #030f18b3}.mode-card:hover{transform:translateY(-8px);box-shadow:10px 18px #030f18b3,0 0 0 5px #ffd55d2e}.surface-card{background:linear-gradient(#77d0c7 0 44%,#1989a1 44% 67%,#0d566f 67%)}.dive-card{background:linear-gradient(#0c7185 0,#07506e 50%,#062c4a 100%)}.mode-number{z-index:3;color:#fff8dbeb;font:900 .72rem var(--font-pixel);background:#041724b8;border:2px solid #fff8dbb3;padding:.38rem .48rem;position:absolute;top:1.1rem;left:1.2rem;box-shadow:3px 3px #030f18b3}.mode-illustration{background:#0b536d;position:absolute;inset:0 0 38%;overflow:hidden}.mode-illustration:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#0000,#051e2d94);height:32%;position:absolute;bottom:0;left:0;right:0}.mode-artwork{object-fit:cover;object-position:center;image-rendering:pixelated;transition:transform .24s steps(3,end)}.mode-card:hover .mode-artwork{transform:scale(1.025)}.boat-hull{clip-path:polygon(0 0,100% 0,80% 100%,18% 100%);background:#db6047;width:115px;height:34px;position:absolute;top:54%;left:50%;transform:translate(-50%);box-shadow:inset 0 8px #f1c983}.boat-sail{clip-path:polygon(0 0,100% 85%,0 85%);background:#fff3cc;border-left:7px solid #68473b;width:76px;height:100px;position:absolute;top:23%;left:52%}.fishing-line{transform-origin:top;background:#ffffffc7;width:2px;height:100px;position:absolute;top:46%;left:30%;transform:rotate(20deg)}.fishing-line:after{background:var(--sun);content:"";width:8px;height:8px;position:absolute;bottom:-8px;right:-4px}.diver-head{background:#6fe1e2;border:8px solid #173c55;width:48px;height:44px;position:absolute;top:35%;left:32%;box-shadow:0 0 0 6px #f1b44e}.diver-body{clip-path:polygon(0 15%,75% 0,100% 50%,76% 100%,0 85%);background:#f1b44e;width:120px;height:38px;position:absolute;top:calc(35% + 54px);left:31%;transform:rotate(-10deg)}.diver-body:after{clip-path:polygon(0 0,100% 50%,0 100%);content:"";background:#173c55;width:55px;height:38px;position:absolute;top:0;right:-42px}.bubble{border:3px solid #9ce9df;border-radius:50%;position:absolute}.bubble.b1{width:12px;height:12px;top:28%;left:23%}.bubble.b2{width:18px;height:18px;top:21%;left:19%}.bubble.b3{width:9px;height:9px;top:13%;left:24%}.mode-copy{z-index:2;background:#051e2ded;border-top:3px solid #eaf6dfcc;min-height:38%;padding:1.35rem 1.4rem;position:absolute;bottom:0;left:0;right:0}.mode-copy small{color:#7fd5c9;font:900 .62rem var(--font-pixel);letter-spacing:.14em}.mode-copy h2,.zone-card h2,.how-grid h2{color:var(--cream);font:1000 clamp(1rem, 2vw, 1.45rem) / 1.02 var(--font-pixel);letter-spacing:-.05em;margin:.55rem 0}.mode-copy p{color:#eaf6dfad;min-height:2.7em;margin:.5rem 0 1rem;font-size:.82rem;line-height:1.45}.mode-copy>span{color:var(--sun);font:900 .68rem var(--font-pixel)}.menu-actions{gap:.8rem;display:flex;position:absolute;bottom:2.2rem;left:5vw}.content-screen{min-height:100svh;padding:8.5rem 5vw 5rem;overflow-y:auto}.back-link{color:var(--sun);font:900 .7rem var(--font-pixel);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;margin-bottom:2.2rem}.section-heading{max-width:850px;margin-bottom:2.5rem}.section-heading h1{text-transform:none;font-size:clamp(2.2rem,4.5vw,4.8rem)}.section-heading p{color:#eaf6dfad;max-width:620px;font-size:1rem;line-height:1.6}.zone-grid{grid-template-columns:repeat(3,1fr);gap:1.4rem;max-width:1250px;display:grid}.zone-card{text-align:left;cursor:pointer;background:#0b3850;border:3px solid #eaf6dfa6;min-height:345px;padding:1.2rem;position:relative;overflow:hidden;box-shadow:7px 7px #020d16b3}.zone-card:hover:not(:disabled){border-color:var(--sun);transform:translateY(-4px)}.zone-card.locked{cursor:not-allowed;filter:grayscale(.75)brightness(.6)}.zone-index{color:var(--sun);font:900 .7rem var(--font-pixel)}.zone-art{background:linear-gradient(#5bc4bd 0 42%,#147b94 42% 67%,#0b5576 67%);height:155px;margin:1rem -1.2rem 1.2rem;position:relative;overflow:hidden}.zone-dive-0 .zone-art,.zone-dive-1 .zone-art,.zone-dive-2 .zone-art{background:linear-gradient(#147c91,#084c6b 60%,#07304b)}.zone-surface-2 .zone-art,.zone-dive-2 .zone-art{filter:saturate(.8)brightness(.78)}.zone-art i:first-child{clip-path:polygon(25% 100%,32% 35%,43% 62%,51% 0,61% 58%,78% 24%,72% 100%);background:#55765f;width:60px;height:76px;position:absolute;bottom:-5px;left:18%}.zone-art i:nth-child(2){background:#6a6a5f;border-radius:50%;width:80px;height:40px;position:absolute;bottom:8px;right:12%}.zone-art i:nth-child(3){background:var(--sun);clip-path:polygon(0 25%,68% 25%,100% 0,90% 50%,100% 100%,68% 75%,0 75%);width:42px;height:22px;position:absolute;top:38%;left:55%}.zone-card p{color:#eaf6dfa6;min-height:2.8em;font-size:.84rem}.zone-cta{color:var(--sun);font:900 .68rem var(--font-pixel)}.assist-toggle{border:1px solid var(--line);cursor:pointer;background:#0a2c3eb8;grid-template-columns:44px 1fr;align-items:center;gap:.2rem .9rem;max-width:650px;margin-top:2.5rem;padding:1rem;display:grid}.assist-toggle input,.settings-row input{opacity:0;position:absolute}.assist-toggle>span,.settings-row>span{background:#071825;border:2px solid #eaf6df73;grid-row:1/span 2;width:42px;height:24px;display:block;position:relative}.assist-toggle>span:after,.settings-row>span:after{content:"";background:#547080;width:14px;height:14px;transition:transform .12s;position:absolute;top:3px;left:3px}.assist-toggle input:checked+span,.settings-row input:checked+span{border-color:#74ddb8}.assist-toggle input:checked+span:after,.settings-row input:checked+span:after{background:#74ddb8;transform:translate(18px)}.assist-toggle b{font-size:.9rem}.assist-toggle small{color:#eaf6df94}.album-heading{justify-content:space-between;align-items:flex-end;max-width:none;display:flex}.album-counter{color:var(--sun);font-family:var(--font-pixel);align-items:baseline;display:flex}.album-counter strong{font-size:clamp(3.5rem,7vw,7rem);line-height:.8}.album-counter span{color:#eaf6df73;font-size:1.2rem}.filter-row{gap:.55rem;margin-bottom:1.4rem;display:flex}.filter-row button{border:1px solid var(--line);color:#eaf6df94;font:800 .65rem var(--font-pixel);cursor:pointer;background:#061b3194;padding:.62rem .95rem}.filter-row button.active{border-color:var(--sun);background:var(--sun);color:var(--deep)}.fish-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;display:grid}.album-card{min-height:215px;color:var(--foam);text-align:left;background:linear-gradient(145deg,#144f5fd1,#051f2eeb);border:2px solid #eaf6df40;padding:1.25rem .75rem .9rem;position:relative;overflow:hidden}.album-card.discovered{cursor:pointer;border-color:#ffd55d9e}.album-card.discovered:hover{border-color:var(--sun);transform:translateY(-3px)}.album-card.locked{opacity:.65}.album-number{color:#eaf6df61;font:800 .58rem var(--font-pixel);position:absolute;top:.55rem;left:.6rem}.album-card>strong{color:var(--cream);font:900 .72rem/1.25 var(--font-pixel);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.album-card>small{color:#eaf6df80;font:700 .53rem var(--font-pixel)}.pixel-fish{width:126px;height:92px;image-rendering:pixelated;filter:drop-shadow(6px 7px #02111b59);margin:.75rem auto 1rem;position:relative}.pixel-body{border:5px solid var(--fish-secondary);background:var(--fish-primary);clip-path:polygon(9% 17%,28% 0,76% 0,100% 35%,100% 65%,75% 100%,27% 100%,0 70%,0 30%);width:70px;height:44px;position:absolute;top:24px;left:34px}.pixel-tail{background:var(--fish-secondary);clip-path:polygon(0 0,100% 36%,100% 64%,0 100%,24% 50%);width:38px;height:44px;position:absolute;top:27px;left:5px}.pixel-fin{background:var(--fish-accent);clip-path:polygon(48% 0,100% 100%,0 100%);width:35px;height:22px;position:absolute;top:12px;left:57px}.pixel-eye{border:2px solid var(--cream);background:var(--ink);width:7px;height:7px;position:absolute;top:9px;right:12px}.pixel-stripe{background:var(--fish-accent);opacity:.62;width:8px;position:absolute;top:5px;bottom:5px;left:27px}.pixel-fish-long .pixel-body{width:82px;height:34px;top:29px;left:31px}.pixel-fish-long .pixel-tail{height:36px;top:28px;left:2px}.pixel-fish-long .pixel-fin{top:17px;left:59px}.pixel-fish-round .pixel-body{width:58px;height:58px;top:16px;left:40px}.pixel-fish-round .pixel-tail{height:45px;top:25px;left:10px}.pixel-fish-flat .pixel-body{clip-path:polygon(50% 0,100% 50%,68% 100%,10% 80%,0 50%,12% 20%);width:75px;height:56px;left:31px}.pixel-fish-eel .pixel-body{width:96px;height:25px;top:33px;left:23px}.pixel-fish-eel .pixel-tail{width:31px;height:27px;top:33px;left:2px}.pixel-fish-eel .pixel-fin{height:12px;top:25px;left:67px}.pixel-fish-horse .pixel-body{clip-path:polygon(25% 0,100% 0,100% 23%,55% 30%,84% 100%,20% 100%,0 52%);width:39px;height:54px;top:24px;left:49px}.pixel-fish-horse .pixel-tail{clip-path:polygon(100% 0,100% 40%,33% 48%,33% 100%,0 100%,0 24%);width:34px;height:27px;top:62px;left:27px}.pixel-fish-horse .pixel-fin{top:43px;left:83px;transform:rotate(90deg)}.pixel-lock{z-index:4;color:#487085;font:900 1.4rem var(--font-pixel);position:absolute;top:31px;left:62px}.pixel-fish-large{margin-top:1.2rem;transform:scale(1.65)}.how-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:1200px;display:grid}.how-grid article{border:2px solid var(--line);background:#083144b8;min-height:270px;padding:1.4rem;box-shadow:6px 6px #020e168c}.how-grid article:nth-child(2){background:#073a50d6}.how-grid article:nth-child(3){background:#48462c7a;border-color:#ffd55d8a}.how-icon{border:2px solid var(--sun);width:54px;height:54px;color:var(--sun);font:900 1.8rem var(--font-pixel);place-items:center;display:grid}.how-grid small{color:#76cfc4;font:800 .58rem var(--font-pixel);margin-top:1.3rem;display:block}.how-grid ol,.how-grid p{color:#eaf6dfb3;padding-left:1.2rem;font-size:.88rem;line-height:1.6}.how-grid p{padding-left:0}.settings-panel{border:2px solid var(--line);background:#041d2cbd;max-width:800px;margin-top:2rem;padding:1.4rem}.settings-panel h2{font:900 1.1rem var(--font-pixel);margin-top:0}.settings-row{border-top:1px solid var(--line);cursor:pointer;grid-template-columns:1fr 44px;align-items:center;padding:1rem 0;display:grid}.settings-row div{flex-direction:column;gap:.3rem;display:flex}.settings-row small{color:#eaf6df80}.settings-row>span{grid-area:1/2}.source-note{border-left:4px solid var(--sea-light);color:#eaf6df9e;max-width:800px;margin-top:1.3rem;padding:.4rem 1.2rem;font-size:.82rem;line-height:1.6}.source-note b{color:var(--foam)}.danger-link{color:#f39a87;cursor:pointer;background:0 0;border:0;margin-top:2rem;font-size:.78rem;text-decoration:underline}.play-screen{touch-action:none;background:#0b6881;width:100vw;height:100svh;position:relative;overflow:hidden}.pixel-ocean-scene{image-rendering:pixelated;contain:strict;isolation:isolate;position:absolute;inset:0;overflow:hidden}.pixel-ocean-scene.reduced *,.pixel-ocean-scene.reduced :before,.pixel-ocean-scene.reduced :after{transition:none!important;animation:none!important}.pixel-dither{z-index:30;opacity:.22;mix-blend-mode:overlay;pointer-events:none;background-image:linear-gradient(90deg,#0000 50%,#ffffff1f 50%),linear-gradient(#0000 50%,#02111b26 50%);background-size:4px 4px;position:absolute;inset:0}.pixel-surface-world{background:#5dc5bd}.pixel-sky{z-index:0;background:#71cec5;height:56%;animation:56s steps(14,end) infinite pixel-sky-cycle;position:absolute;top:0;left:0;right:0;overflow:hidden}.pixel-sun-orb,.pixel-moon-orb{z-index:1;width:62px;height:62px;position:absolute}.pixel-sun-orb{background:var(--sun);box-shadow:-8px 0 var(--sun), 8px 0 var(--sun), 0 -8px var(--sun), 0 8px var(--sun);animation:56s linear infinite pixel-sun-trip;top:19%;left:10%}.pixel-moon-orb{opacity:0;background:#fff0bd;border-radius:50%;animation:56s linear infinite pixel-moon-trip;top:22%;left:10%;box-shadow:inset -18px 7px #7184a1}.pixel-stars{z-index:0;opacity:0;animation:56s steps(2,end) infinite pixel-stars-night;position:absolute;inset:0}.pixel-stars i{top:12%;left:calc(2% + var(--star-index) * 3.45%);width:4px;height:4px;animation:1.4s steps(2,end) infinite pixel-twinkle;animation-delay:calc(var(--star-index) * -.11s);background:#f7f2ca;position:absolute;box-shadow:5px 0 #f7f2ca,0 5px #f7f2ca}.pixel-stars i:nth-child(3n){top:31%}.pixel-stars i:nth-child(4n){top:48%}.pixel-stars i:nth-child(5n){background:var(--sun);top:20%}.pixel-cloud{z-index:2;width:92px;height:36px;animation:22s linear infinite pixel-cloud-drift;position:absolute}.pixel-cloud i{background:#edf7e8;width:38px;height:26px;position:absolute;bottom:0}.pixel-cloud i:first-child{left:0}.pixel-cloud i:nth-child(2){width:44px;height:36px;bottom:10px;left:27px}.pixel-cloud i:nth-child(3){right:0}.cloud-a{top:18%;left:-12%}.cloud-b{animation-duration:31s;animation-delay:-14s;top:39%;left:34%;transform:scale(.72)}.cloud-c{animation-duration:26s;animation-delay:-7s;top:12%;left:76%;transform:scale(.82)}.pixel-horizon{z-index:3;height:12%;position:absolute;top:46%;left:0;right:0;overflow:hidden}.pixel-island{clip-path:polygon(0 100%,13% 68%,30% 68%,42% 25%,60% 45%,72% 18%,100% 100%);background:#526d5b;width:210px;height:58px;position:absolute;bottom:0;right:8%;box-shadow:inset 0 -15px #314f4a}.pixel-lighthouse{width:55px;height:94px;position:absolute;bottom:0;right:10%}.lighthouse-tower{clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);background:repeating-linear-gradient(#f0e5c8 0 14px,#d95b4d 14px 28px);width:32px;height:70px;position:absolute;bottom:0;right:10px}.lighthouse-top{z-index:2;background:#f6d15f;border-top:5px solid #243d4c;width:44px;height:18px;position:absolute;top:12px;right:4px}.lighthouse-light{z-index:1;background:linear-gradient(90deg,#0000,#ffe2708c);width:100px;height:14px;animation:1.8s steps(2,end) infinite lighthouse-blink;position:absolute;top:14px;right:34px}.pixel-distant-ship{clip-path:polygon(0 0,100% 0,85% 100%,16% 100%);background:#173b52;width:120px;height:24px;position:absolute;bottom:3px;right:12%}.pixel-distant-ship:before{content:"";background:#e9d9a5;width:42px;height:22px;position:absolute;bottom:18px;right:32px}.pixel-sea{z-index:2;background:linear-gradient(#41d3c752,#0000 30%),#147f9b;position:absolute;inset:53% 0 0;overflow:hidden}.pixel-surface-world.zone-1 .pixel-sea{background:linear-gradient(#53d6c747,#0000 32%),#126e94}.pixel-surface-world.zone-2 .pixel-sea{background:linear-gradient(#52b6c733,#0000 34%),#0a4f79}.pixel-wave-row{background:repeating-linear-gradient(90deg,#0000 0 28px,#bef6e1c7 28px 64px,#0000 64px 92px);height:7px;animation:4.8s linear infinite pixel-wave-slide;position:absolute;left:-14%;right:-14%}.wave-row-a{top:4%}.wave-row-b{opacity:.55;animation-duration:7s;animation-direction:reverse;top:28%}.wave-row-c{opacity:.38;animation-duration:9s;top:57%}.scene-pixel-fish{z-index:4;width:126px;height:92px;opacity:var(--scene-fish-opacity,1);transform:translate(-50%, -50%) scale(var(--scene-fish-scale));transform-origin:50%;transition:left 50ms linear,top 50ms linear;position:absolute}.scene-pixel-fish.faces-left{transform:translate(-50%, -50%) scale(var(--scene-fish-scale)) scaleX(-1)}.scene-pixel-fish .pixel-fish{margin:0}.scene-pixel-fish.is-active{filter:drop-shadow(0 0 9px #ffdf6f47)}.phase-bite .scene-pixel-fish.is-active{animation:.28s steps(2,end) infinite active-fish-bite}.phase-caught .scene-pixel-fish.is-active{animation:.7s steps(6,end) both active-fish-caught}.pixel-boat{z-index:7;transform-origin:50% 90%;width:180px;height:116px;animation:2.8s steps(5,end) infinite alternate pixel-boat-bob;position:absolute;bottom:38%;left:13%}.pixel-boat-shadow{background:#052d4170;width:150px;height:12px;position:absolute;bottom:4px;left:18px}.pixel-boat-hull{clip-path:polygon(0 0,100% 0,84% 100%,15% 100%);background:#e95c48;border-bottom:9px solid #912f36;width:164px;height:40px;position:absolute;bottom:16px;left:8px}.pixel-boat-deck{background:#f5d69d;width:116px;height:9px;position:absolute;bottom:55px;left:31px}.pixel-boat-cabin{background:#f6e2b9;width:58px;height:34px;position:absolute;bottom:63px;left:42px}.pixel-boat-window{background:#237992;width:28px;height:15px;position:absolute;bottom:73px;left:55px;box-shadow:33px 0 #237992}.pixel-fisher{z-index:3;width:38px;height:52px;position:absolute;bottom:60px;right:38px}.fisher-head{background:#dfa16d;width:19px;height:19px;position:absolute;top:1px;left:9px}.fisher-cap{z-index:2;background:var(--sun);width:27px;height:8px;box-shadow:10px 6px var(--sun);position:absolute;top:-3px;left:5px}.fisher-body{background:#173e54;width:29px;height:31px;position:absolute;top:20px;left:4px}.fisher-arm{background:#dfa16d;width:24px;height:7px;position:absolute;top:23px;right:-5px;transform:rotate(-24deg)}.pixel-rod{z-index:2;width:92px;height:5px;transform:rotate(var(--rod-angle));transform-origin:0;background:#172f3d;transition:transform 90ms steps(3,end);position:absolute;bottom:91px;right:-37px;box-shadow:0 -3px #466271}.pixel-fishing-line{z-index:6;top:52.8%;right:calc(100% - var(--float-x));background:#effadacc;width:auto;height:2px;transition:right .12s steps(4,end),left .12s steps(4,end);position:absolute;left:27%}.phase-aim .pixel-fishing-line{opacity:0}@media (max-width:900px){.pixel-fishing-line{left:43%}}@media (max-width:520px){.pixel-fishing-line{left:57%}.phase-reel .pixel-fishing-line{left:50%}}.pixel-float{z-index:8;top:52.4%;left:var(--float-x);border-top:13px solid var(--coral);background:var(--cream);width:14px;height:27px;transition:left .15s steps(5,end);animation:.7s steps(2,end) infinite alternate pixel-float-bob;position:absolute;box-shadow:3px 3px #03202d5c}.phase-aim .pixel-float{opacity:0}.phase-bite .pixel-float{animation:.19s steps(2,end) infinite pixel-float-bite}.pixel-splash{z-index:7;top:52%;left:var(--float-x);opacity:0;width:60px;height:30px;position:absolute;transform:translate(-50%)}.pixel-splash i{background:#d9fff0;width:8px;height:22px;position:absolute;bottom:0}.pixel-splash i:first-child{left:7px;transform:rotate(-38deg)}.pixel-splash i:nth-child(2){left:27px}.pixel-splash i:nth-child(3){right:7px;transform:rotate(38deg)}.phase-cast .pixel-splash,.phase-bite .pixel-splash,.phase-caught .pixel-splash{opacity:1;animation:.52s steps(5,end) both pixel-splash-pop}.pixel-surface-shark{z-index:8;filter:drop-shadow(8px 10px #0322305c);width:176px;height:78px;animation:3.4s steps(14,end) infinite alternate surface-shark-prowl;position:absolute;top:49%;right:-180px}.surface-shark-body{clip-path:polygon(0 52%,16% 16%,66% 0,100% 43%,82% 78%,24% 100%);background:#385e72;border-bottom:8px solid #91b5b7;width:132px;height:49px;position:absolute;top:21px;left:28px}.surface-shark-tail{clip-path:polygon(0 0,100% 43%,100% 57%,0 100%,25% 50%);background:#2c5066;width:54px;height:63px;position:absolute;top:13px;left:0}.surface-shark-fin{z-index:2;clip-path:polygon(0 100%,48% 0,100% 100%);background:#31566b;width:42px;height:33px;position:absolute;top:0;left:88px}.surface-shark-eye{z-index:3;border:2px solid var(--cream);background:#06131e;width:8px;height:8px;position:absolute;top:33px;right:23px}.pixel-chum-cloud{z-index:9;pointer-events:none;position:absolute;inset:0}.pixel-chum-cloud i{opacity:0;background:#bd263d;width:10px;height:10px;position:absolute;top:49%;left:29%;box-shadow:4px 4px #6e1f35,-3px 6px #e34f52}.pixel-chum-cloud i:nth-child(2n){width:7px;height:7px}.pixel-chum-cloud i.is-released{animation:.82s steps(8,end) both chum-toss;animation-delay:calc(var(--chum-index) * -18ms)}.pixel-surface-whale{z-index:6;filter:drop-shadow(10px 13px #03223057);width:320px;height:142px;animation:7.6s steps(28,end) both surface-whale-rise;position:absolute;top:42%;right:-330px}.surface-whale-body{clip-path:polygon(0 45%,14% 10%,68% 0,100% 35%,92% 72%,66% 100%,18% 88%);background:#285773;border-bottom:15px solid #96c7c5;width:247px;height:92px;position:absolute;top:34px;left:51px}.surface-whale-belly{z-index:2;clip-path:polygon(0 0,100% 0,78% 100%,18% 84%);background:#b6d9ce;width:143px;height:31px;position:absolute;top:85px;left:111px}.surface-whale-tail{clip-path:polygon(0 0,100% 42%,100% 58%,0 100%,24% 50%);background:#214b67;width:88px;height:92px;position:absolute;top:30px;left:0}.surface-whale-fin{z-index:3;clip-path:polygon(0 0,100% 25%,28% 100%);background:#1f4a67;width:62px;height:38px;position:absolute;top:91px;left:159px}.surface-whale-eye{z-index:3;border:2px solid var(--cream);background:#06131e;width:9px;height:9px;position:absolute;top:63px;right:32px}.surface-whale-spout{background:#d8f7ed;width:8px;height:39px;animation:.72s steps(5,end) infinite alternate whale-spout;position:absolute;top:0;right:62px;box-shadow:-19px -8px #d8f7ed,19px -12px #d8f7ed,-31px -24px #b8e8e1,33px -27px #b8e8e1}.event-whale .pixel-boat{animation:.68s steps(4,end) infinite alternate whale-boat-rock}.pixel-ufo{z-index:6;width:102px;height:55px;display:none;position:absolute;top:20%;left:-120px}.event-ufo .pixel-ufo{animation:5.2s steps(22,end) both pixel-ufo-flight;display:block}.ufo-body{clip-path:polygon(15% 0,85% 0,100% 65%,72% 100%,28% 100%,0 65%);background:#b8c5c5;border:5px solid #607482;width:92px;height:22px;position:absolute;top:24px;left:5px}.ufo-dome{clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);background:#72e0d4;width:36px;height:25px;position:absolute;top:5px;left:34px}.ufo-light{z-index:2;background:var(--sun);width:8px;height:8px;position:absolute;top:39px}.light-a{left:23px}.light-b{background:var(--coral);left:48px}.light-c{background:#7cf4d3;right:20px}.pixel-shooting-star{z-index:5;background:linear-gradient(90deg,#0000,#d6f5ff);width:115px;height:8px;display:none;position:absolute;top:18%;right:-110px;transform:rotate(-22deg)}.pixel-shooting-star i{background:var(--cream);width:12px;height:12px;box-shadow:-4px 0 var(--cream), 0 -4px var(--cream);position:absolute;right:0}.event-shooting-star .pixel-shooting-star{animation:2.8s steps(16,end) both pixel-star-flight;display:block}.pixel-weather{z-index:9;pointer-events:none;position:absolute;inset:0}.pixel-fog-bank,.pixel-rain,.pixel-wind{display:none;position:absolute;inset:0}.pixel-fog-bank{background:repeating-linear-gradient(0deg,#e6f1de21 0 18px,#e6f1de4d 18px 34px);height:46%;top:25%}.event-fog .pixel-fog-bank,.event-drizzle .pixel-rain{display:block}.pixel-rain i{top:calc(-20% + var(--drop-index) * 3%);left:calc(2% + var(--drop-index) * 4.1%);width:3px;height:22px;animation:.82s linear infinite pixel-rain-fall;animation-delay:calc(var(--drop-index) * -53ms);background:#daf8ffb8;position:absolute;transform:rotate(14deg)}.event-wind .pixel-wind{display:block}.pixel-wind i{top:calc(18% + var(--wind-index) * 8%);width:calc(50px + var(--wind-index) * 8px);height:4px;animation:1.5s steps(12,end) infinite pixel-wind-pass;animation-delay:calc(var(--wind-index) * -180ms);background:#effff6a3;position:absolute;left:-18%}.event-wind .pixel-wave-row{animation-duration:1.5s}.pixel-dolphin{width:86px;height:48px;animation:4.8s steps(22,end) both pixel-dolphin-jump;position:absolute;top:46%;left:-90px}.dolphin-body{clip-path:polygon(0 35%,28% 0,80% 8%,100% 50%,75% 82%,20% 100%);background:#47798f;width:60px;height:24px;position:absolute;top:13px;left:11px}.dolphin-fin{clip-path:polygon(0 100%,55% 0,100% 100%);background:#345f76;width:22px;height:18px;position:absolute;top:2px;left:37px}.dolphin-tail{clip-path:polygon(0 0,100% 43%,100% 57%,0 100%,25% 50%);background:#345f76;width:24px;height:31px;position:absolute;top:11px;left:0}.pixel-lucky-current{height:44px;position:absolute;top:62%;left:0;right:0}.pixel-lucky-current i{background:repeating-linear-gradient(90deg,#0000 0 14px,#ffe477 14px 42px,#0000 42px 60px);width:40%;height:7px;animation:2.5s linear infinite lucky-current-pass;position:absolute;left:-20%}.pixel-lucky-current i:nth-child(2){animation-delay:-.8s;top:14px}.pixel-lucky-current i:nth-child(3){animation-delay:-1.6s;top:28px}.pixel-dive-world{background:linear-gradient(#1688a1 0%,#0a6685 44%,#064261 72%,#062d48 100%)}.pixel-dive-world.zone-1{background:linear-gradient(#11798f,#07536f 50%,#052f4f)}.pixel-dive-world.zone-2{background:linear-gradient(#0c5d78,#073c5d 45%,#041f3b)}.pixel-surface-glow{z-index:0;opacity:.62;background:repeating-linear-gradient(90deg,#8ee2d3 0 36px,#55c8c4 36px 72px);height:10%;animation:4s linear infinite underwater-surface;position:absolute;top:0;left:0;right:0}.pixel-light-rays{z-index:0;opacity:.15;position:absolute;inset:0}.pixel-light-rays i{clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);background:#c5fff0;width:13%;height:84%;position:absolute;top:-8%;transform:rotate(-8deg)}.pixel-light-rays i:first-child{left:8%}.pixel-light-rays i:nth-child(2){height:62%;left:43%}.pixel-light-rays i:nth-child(3){height:74%;right:9%}.pixel-bubbles i{z-index:2;bottom:-18px;left:calc(3% + var(--bubble-index) * 5.3%);width:8px;height:8px;animation:bubble-rise calc(4s + var(--bubble-index) * .15s) linear infinite;animation-delay:calc(var(--bubble-index) * -.42s);border:2px solid #baf4eba6;position:absolute}.dive-depth-field{z-index:1;perspective:520px;pointer-events:none;position:absolute;inset:7% 0 16%;overflow:hidden}.depth-speck{top:var(--depth-y);left:var(--depth-x);opacity:0;width:5px;height:3px;animation:3.8s linear infinite depth-speck-rush;animation-delay:calc(var(--depth-index) * -.31s);background:#cafff2b8;position:absolute;box-shadow:5px 0 #cafff238}.depth-layer-0{opacity:.32;width:3px;height:2px;animation-duration:6.5s}.depth-layer-1{width:6px;animation-duration:4.7s}.depth-layer-2{background:#fff1b78a;width:9px;height:4px;animation-duration:3.2s}.diver-forward-wake{z-index:6;pointer-events:none;width:92px;height:42px;transition:left 50ms linear,top 50ms linear;position:absolute;transform:translate(-120%,-50%)}.diver-forward-wake i{border:2px solid #c5fff0bf;width:7px;height:7px;animation:1.15s steps(7,end) infinite diver-forward-wake;position:absolute;top:48%;right:0}.diver-forward-wake i:nth-child(2){animation-delay:-.38s;top:25%}.diver-forward-wake i:nth-child(3){animation-delay:-.76s;top:72%}.pixel-diver{z-index:7;filter:drop-shadow(5px 5px #02121c57);width:106px;height:60px;transition:left 50ms linear,top 50ms linear;animation:.75s steps(3,end) infinite alternate pixel-diver-swim;position:absolute;transform:translate(-50%,-50%)}.pixel-diver .diver-body{background:#efaa45;width:48px;height:25px;position:absolute;top:17px;left:32px}.pixel-diver .diver-head{background:#e1a06c;width:29px;height:29px;position:absolute;top:10px;right:4px}.pixel-diver .diver-mask{z-index:2;background:#70ded8;border:3px solid #13374d;width:22px;height:13px;position:absolute;top:14px;right:-3px}.pixel-diver .diver-tank{background:#d8e1cd;width:34px;height:15px;position:absolute;top:4px;left:36px;box-shadow:inset -8px 0 #819597}.pixel-diver .diver-arm{background:#e1a06c;width:39px;height:7px;position:absolute;top:36px;right:4px;transform:rotate(8deg)}.diver-fin{clip-path:polygon(0 0,100% 24%,100% 76%,0 100%,24% 50%);background:#143b55;width:35px;height:15px;position:absolute;left:2px}.back-fin{top:15px;transform:rotate(12deg)}.front-fin{top:37px;transform:rotate(-12deg)}.pixel-dive-hazard{z-index:8;filter:drop-shadow(7px 7px #020f1b6b)drop-shadow(0 0 12px #e6755b29);width:164px;height:78px;transform:translate(-50%, -50%) scale(var(--hazard-scale));transition:left 50ms linear,top 50ms linear;position:absolute}.pixel-dive-hazard .hazard-body{clip-path:polygon(0 45%,12% 12%,70% 0,100% 48%,72% 90%,15% 100%);background:#547080;width:118px;height:42px;position:absolute;top:21px;left:8px;box-shadow:inset 0 -12px #345162}.pixel-dive-hazard .hazard-belly{z-index:1;clip-path:polygon(0 0,100% 0,76% 100%,18% 100%);background:#b9cec9;width:82px;height:13px;position:absolute;top:45px;left:26px}.pixel-dive-hazard .hazard-tail{clip-path:polygon(0 40%,100% 0,72% 50%,100% 100%,0 62%);background:#3a596a;width:48px;height:58px;position:absolute;top:13px;right:0}.pixel-dive-hazard .hazard-fin{clip-path:polygon(10% 100%,55% 0,100% 100%);background:#486879;width:42px;height:31px;position:absolute;top:0;left:61px}.pixel-dive-hazard .hazard-eye{z-index:3;background:#ffda5e;width:7px;height:7px;position:absolute;top:31px;left:18px;box-shadow:3px 0 #071723}.pixel-dive-hazard .hazard-gill{z-index:3;border-left:4px solid #294656;width:4px;height:18px;position:absolute;top:35px;left:39px;transform:rotate(-8deg)}.pixel-dive-hazard.hazard-barracuda{width:184px;height:58px}.hazard-barracuda .hazard-body{clip-path:polygon(0 47%,14% 8%,86% 0,100% 45%,87% 90%,12% 100%);background:#718b86;width:142px;height:31px;top:15px;box-shadow:inset 0 -9px #3e6767,inset 34px 4px #8da69b}.hazard-barracuda .hazard-belly{width:110px;height:8px;top:34px}.hazard-barracuda .hazard-tail{background:#416969;width:52px;height:49px;top:5px}.hazard-barracuda .hazard-fin{background:#507775;width:27px;height:17px;top:5px;left:85px}.hazard-barracuda .hazard-eye{top:23px}.hazard-barracuda .hazard-gill{height:13px;top:25px}.pixel-dive-world.has-danger:after{z-index:9;content:"";pointer-events:none;border:6px solid #f064493d;animation:.85s steps(2,end) infinite alternate danger-vignette;position:absolute;inset:0;box-shadow:inset 0 0 52px #8a242633}.bubble-reticle{z-index:6;border:2px solid #ffe1687a;border-radius:50%;width:92px;height:92px;transition:left 50ms linear,top 50ms linear;position:absolute;transform:translate(-5%,-50%);box-shadow:inset 0 0 0 7px #06304540,0 0 0 2px #ffd55d2e,4px 4px #03152059}.reticle-outer-ring{border:3px dashed #c7fff0db;border-radius:50%;animation:5s steps(16,end) infinite reticle-spin;position:absolute;inset:11px}.reticle-center-dot{z-index:2;background:var(--sun);border:2px solid #071723;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #ffd55dbf}.reticle-readout{border:2px solid var(--sun);min-width:54px;color:var(--sun);font:900 .42rem var(--font-pixel);letter-spacing:.08em;text-align:center;background:#041826e6;padding:.24rem .35rem;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.reticle-corner{border-color:var(--sun);border-style:solid;width:19px;height:19px;position:absolute}.corner-a{border-width:4px 0 0 4px;top:-5px;left:-5px}.corner-b{border-width:4px 4px 0 0;top:-5px;right:-5px}.corner-c{border-width:0 4px 4px 0;bottom:-5px;right:-5px}.corner-d{border-width:0 0 4px 4px;bottom:-5px;left:-5px}.bubble-reticle.aim-locked{border-color:#70d8b4d1;box-shadow:inset 0 0 0 7px #267e6040,0 0 18px #70d8b461,4px 4px #03152059}.bubble-reticle.aim-locked .reticle-center-dot{background:#70d8b4}.bubble-reticle.aim-locked .reticle-corner,.bubble-reticle.aim-locked .reticle-readout{border-color:#70d8b4}.bubble-reticle.aim-locked .reticle-readout{color:#8bf0c8}.bubble-reticle.aim-danger{border-color:#f06449eb;box-shadow:inset 0 0 0 7px #7c202140,0 0 22px #f064497a,4px 4px #03152059}.bubble-reticle.aim-danger .reticle-center-dot{background:var(--coral)}.bubble-reticle.aim-danger .reticle-corner,.bubble-reticle.aim-danger .reticle-readout{border-color:var(--coral)}.bubble-reticle.aim-danger .reticle-readout{color:#ff9c88}.bubble-reticle.is-pulsing{animation:.24s steps(4,end) both bubble-reticle-catch}.pixel-seabed{z-index:3;background:#a88c5c;border-top:8px solid #d0b776;height:18%;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 16px #796b55}.pixel-seabed:before{content:"";background:repeating-linear-gradient(105deg,#0000 0 44px,#34373438 44px 55px,#0000 55px 104px);animation:2.8s linear infinite seabed-forward;position:absolute;inset:0}.pixel-posidonia{bottom:74%;left:calc(4% + var(--plant-index) * 11.5%);width:12px;height:calc(38px + var(--plant-index) * 2px);transform:rotate(calc(-12deg + var(--plant-index) * 3deg));transform-origin:bottom;animation:1.9s steps(3,end) infinite alternate posidonia-sway;animation-delay:calc(var(--plant-index) * -.15s);background:#3d8e69;position:absolute}.pixel-posidonia:after{content:"";transform-origin:bottom;background:#2d765d;width:10px;height:80%;position:absolute;bottom:0;right:-14px;transform:rotate(19deg)}.pixel-rock{clip-path:polygon(12% 42%,30% 8%,72% 0,100% 60%,86% 100%,0 100%);background:#6d7065;width:72px;height:45px;position:absolute;bottom:76%;box-shadow:inset 0 -12px #4c554f}.rock-a{left:15%}.rock-b{right:18%;transform:scale(.72)}.pixel-coral{background:#e06459;width:16px;height:55px;position:absolute;bottom:78%;right:34%;box-shadow:-15px -15px #e06459,16px -26px #e06459,30px -8px #e06459}.pixel-wreck{background:#293e43;border:9px solid #4a4e48;border-top-width:15px;width:180px;height:70px;position:absolute;bottom:68%;right:8%;transform:rotate(-7deg);box-shadow:inset 28px 0 #071f2f,inset -38px 0 #071f2f}@keyframes pixel-sky-cycle{0%,36%{background:#71cec5}48%{background:#e39a7e}62%,86%{background:#081c39}to{background:#71cec5}}@keyframes pixel-sun-trip{0%{top:35%;left:5%}40%{top:9%;left:48%}58%{opacity:1;top:38%;left:94%}59%,to{opacity:0}}@keyframes pixel-moon-trip{0%,57%{opacity:0}60%{opacity:1;top:35%;left:5%}79%{opacity:1;top:8%;left:48%}96%{opacity:1;top:35%;left:92%}to{opacity:0}}@keyframes pixel-stars-night{0%,55%,to{opacity:0}63%,90%{opacity:1}}@keyframes pixel-twinkle{to{opacity:.35;transform:scale(.6)}}@keyframes pixel-cloud-drift{to{translate:125vw}}@keyframes lighthouse-blink{50%{opacity:.18}}@keyframes pixel-wave-slide{to{translate:12%}}@keyframes pixel-boat-bob{to{transform:translateY(7px)rotate(1deg)}}@keyframes pixel-float-bob{to{transform:translateY(5px)}}@keyframes pixel-float-bite{to{transform:translateY(16px)rotate(8deg)}}@keyframes pixel-splash-pop{0%{opacity:0;transform:translate(-50%)scale(.3)}35%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(1.3)}}@keyframes surface-shark-prowl{0%{right:-180px;transform:translateY(12px)}72%,to{right:7%;transform:translateY(-5px)}}@keyframes chum-toss{0%{opacity:0;transform:translate(0)rotate(0)}18%{opacity:1}70%{opacity:1;transform:translate(calc(30vw + var(--chum-index) * 1.1vw), calc(-42px + var(--chum-index) * 3px)) rotate(180deg)}to{opacity:0;transform:translate(calc(34vw + var(--chum-index) * 1.2vw), calc(20px + var(--chum-index) * 2px)) rotate(270deg)}}@keyframes surface-whale-rise{0%{right:-330px;transform:translateY(70px)}35%,72%{right:9%;transform:translateY(-8px)}to{right:24%;transform:translateY(46px)}}@keyframes whale-spout{to{transform:translateY(-8px)scaleX(1.08)}}@keyframes whale-boat-rock{to{transform:translateY(10px)rotate(-8deg)}}@keyframes surface-challenge-countdown{to{transform:scaleX(0)}}@keyframes whale-ring-pulse{to{border-color:var(--cream);transform:translate(-50%,-50%)scale(1.12);box-shadow:0 0 0 13px #75ebd83d,8px 8px #020e168f}}@keyframes active-fish-bite{to{margin-top:-8px}}@keyframes active-fish-caught{to{transform:translate(-50%, -50%) scale(var(--scene-fish-scale)) rotate(-18deg);top:39%}}@keyframes pixel-ufo-flight{0%{left:-120px}50%{top:13%}to{left:calc(100% + 120px)}}@keyframes pixel-star-flight{to{translate:-120vw 45vh}}@keyframes pixel-rain-fall{to{translate:-12px 115vh}}@keyframes pixel-wind-pass{to{left:110%}}@keyframes pixel-dolphin-jump{0%{left:-90px;transform:rotate(-35deg)}50%{top:29%;transform:rotate(0)}to{left:calc(100% + 90px);transform:rotate(35deg)}}@keyframes lucky-current-pass{to{left:110%}}@keyframes underwater-surface{to{background-position-x:72px}}@keyframes bubble-rise{to{bottom:105%;translate:14px}}@keyframes depth-speck-rush{0%{opacity:0;transform:translate(150px)scale(.2)}18%{opacity:.56}to{opacity:0;transform:translate(-230px)scale(1.75)}}@keyframes diver-forward-wake{0%{opacity:0;transform:translate(8px)scale(.45)}22%{opacity:.8}to{opacity:0;transform:translate(-86px)scale(1.15)}}@keyframes seabed-forward{to{background-position-x:-208px}}@keyframes reticle-spin{to{transform:rotate(360deg)}}@keyframes danger-vignette{to{border-color:#f0644980;box-shadow:inset 0 0 82px #8a242657}}@keyframes pixel-diver-swim{to{transform:translate(-50%,calc(-50% - 5px))rotate(1deg)}}@keyframes bubble-reticle-catch{50%{border-color:#fff7c2;transform:translate(-5%,-50%)scale(1.22)}to{transform:translate(-5%,-50%)scale(.9)}}@keyframes posidonia-sway{to{transform:rotate(12deg)}}.round-hud{z-index:10;pointer-events:none;grid-template-columns:1.5fr .7fr .7fr;gap:.45rem;display:grid;position:absolute;top:.75rem;left:.75rem;right:7.25rem}.hud-cell{background:#051c2adb;border:2px solid #eaf6df9e;flex-direction:column;justify-content:center;min-height:54px;padding:.45rem .75rem;display:flex;box-shadow:4px 4px #010b1273}.hud-cell>span{color:#7fd8cb;font:800 .49rem var(--font-pixel);letter-spacing:.1em}.hud-cell strong{color:var(--cream);font:900 .8rem var(--font-pixel);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud-time strong{color:var(--sun);font-size:1.05rem}.hud-combo{color:var(--sun);font:1000 .82rem var(--font-pixel);text-shadow:3px 3px #073448;position:absolute;top:64px;left:50%;transform:translate(-50%)}.pause-button{z-index:12;border-color:var(--sun);width:92px;height:54px;color:var(--sun);pointer-events:auto;background:#051c2af0;flex-direction:column;justify-content:center;align-items:center;gap:.18rem;display:flex;position:fixed;top:.75rem;right:.75rem}.pause-button span{font:900 .64rem var(--font-pixel);letter-spacing:.08em}.pause-button small{color:#eaf6dfad;font:800 .38rem var(--font-pixel)}.fishing-steps{z-index:9;pointer-events:none;background:#041b2ac7;border:2px solid #eaf6df85;justify-content:center;gap:0;width:min(560px,100vw - 2rem);margin:0;padding:.42rem;list-style:none;display:flex;position:absolute;top:5.25rem;left:50%;transform:translate(-50%);box-shadow:4px 4px #020d1561}.fishing-steps li{color:#eaf6df6b;min-width:0;font:800 .48rem var(--font-pixel);letter-spacing:.04em;flex:1;justify-content:center;align-items:center;gap:.34rem;display:flex;position:relative}.fishing-steps li+li:before{content:"";background:#eaf6df33;width:14px;height:2px;margin-right:.3rem}.fishing-steps b{border:2px solid;place-items:center;width:24px;height:24px;font-size:.52rem;display:grid}.fishing-steps .is-active{color:var(--sun);text-shadow:2px 2px #453918}.fishing-steps .is-active b{background:var(--sun);color:var(--ink);animation:.9s ease-in-out infinite alternate step-nudge;box-shadow:3px 3px #03111bb8}.fishing-steps .is-done{color:#8de6c7}@keyframes step-nudge{to{transform:translateY(-3px)}}.bite-callout{z-index:9;border:4px solid var(--cream);background:var(--sun);color:var(--ink);font:1000 .8rem var(--font-pixel);box-shadow:7px 7px 0 var(--coral), 11px 11px 0 #020e168c;opacity:0;pointer-events:none;align-items:center;gap:.45rem;padding:.65rem .8rem;transition:opacity .14s,transform .14s;display:flex;position:absolute;top:35%;right:14%;transform:translateY(16px)scale(.82)}.bite-callout b{background:var(--coral);width:26px;height:26px;color:var(--cream);place-items:center;font-size:1rem;display:grid}.bite-callout.is-visible{opacity:1;animation:.62s ease-in-out infinite alternate bite-callout-bob;transform:translateY(0)scale(1)}.surface-event-banner{z-index:9;border:2px solid var(--sun);width:min(440px,100vw - 2rem);color:var(--cream);pointer-events:none;background:#062435eb;align-items:center;gap:.8rem;padding:.62rem .8rem;animation:.36s steps(4,end) both surface-event-arrive;display:flex;position:absolute;top:8.25rem;left:50%;transform:translate(-50%);box-shadow:5px 5px #020e168f}.surface-event-banner>span{width:38px;height:38px;color:var(--sun);font:900 .68rem var(--font-pixel);background:#ffffff14;border:2px solid;flex:0 0 38px;place-items:center;display:grid}.surface-event-banner>div{gap:.2rem;min-width:0;display:grid}.surface-event-banner b{color:var(--sun);font:900 .62rem/1.3 var(--font-pixel);letter-spacing:.05em}.surface-event-banner small{color:#eaf6dfc2;font-size:.76rem;line-height:1.3}.surface-event-banner.event-drizzle,.surface-event-banner.event-fog{border-color:#c8e6e5}.surface-event-banner.event-ufo{border-color:#7fffe9;box-shadow:5px 5px #020e168f,0 0 18px #53ffdd33}.surface-event-banner.event-shark{border-color:#ff7a72;box-shadow:5px 5px #020e168f,0 0 22px #f040494d}.surface-event-banner.event-whale{border-color:#8ee9ea}@keyframes surface-event-arrive{0%{opacity:0;transform:translate(-50%,-12px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}.surface-challenge{z-index:12;pointer-events:none;position:absolute;inset:0}.surface-challenge-panel{border:3px solid var(--cream);width:min(330px,100vw - 2.4rem);color:var(--cream);background:#061b31eb;padding:.7rem;position:absolute;top:13rem;left:1.2rem;box-shadow:6px 6px #030f18b8}.surface-challenge-panel>div:first-child{justify-content:space-between;align-items:baseline;gap:.65rem;display:flex}.surface-challenge-panel b,.surface-challenge-panel span{font:900 .58rem/1.25 var(--font-pixel)}.surface-challenge-panel b{color:var(--sun)}.surface-challenge-panel>div:first-child>span{color:var(--cream)}.surface-challenge-timer{background:#06131e;border:2px solid #eaf6dfad;height:10px;margin-top:.55rem}.surface-challenge-timer span{background:linear-gradient(90deg, var(--coral), var(--sun));transform-origin:0;width:100%;height:100%;animation:linear both surface-challenge-countdown;display:block}.surface-challenge.is-paused .surface-challenge-timer span{animation-play-state:paused}.shark-chum-button{border:5px solid var(--cream);color:#fff5de;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#bd263d;flex-direction:column;justify-content:center;align-items:center;width:154px;height:106px;display:flex;position:absolute;top:45%;right:9%;box-shadow:8px 8px #671d32,12px 12px #020e169e}.shark-chum-button:active{transform:translate(6px,6px);box-shadow:2px 2px #671d32,5px 5px #020e169e}.shark-chum-button span{font:1000 .92rem var(--font-pixel)}.shark-chum-button small{font:800 .45rem var(--font-pixel);margin-top:.4rem}.whale-balance-ring{border:6px solid var(--sun);cursor:pointer;pointer-events:auto;touch-action:manipulation;background:#063e5259;border-radius:50%;place-items:center;width:92px;height:92px;animation:.62s steps(3,end) infinite alternate whale-ring-pulse;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #75ebd8ad,8px 8px #020e168f}.whale-balance-ring span{border:5px solid var(--cream);background:var(--coral);border-radius:50%;width:26px;height:26px}.arcade-action.has-challenge{color:#b6c4c3;background:#35505d;border-color:#9aaeb1;box-shadow:7px 7px #172c38,11px 11px #020e169e}@keyframes bite-callout-bob{to{transform:translateY(-8px)scale(1.03)}}.surface-controls,.dive-controls{z-index:8;grid-template-columns:minmax(230px,.7fr) minmax(300px,1fr) auto;align-items:end;gap:1rem;display:grid;position:absolute;bottom:1.1rem;left:1.2rem;right:1.2rem}.status-bubble{color:var(--cream);font:800 .72rem/1.4 var(--font-pixel);background:#061b31db;border:2px solid #eaf6dfc2;align-self:center;padding:.85rem 1rem;box-shadow:5px 5px #030f1894}.meter-block{background:#061b31e0;border:2px solid #eaf6dfa8;padding:.65rem;box-shadow:5px 5px #030f1894}.meter-label{font-family:var(--font-pixel);justify-content:space-between;align-items:baseline;display:flex}.meter-label span{color:#7fd8cb;font-size:.55rem}.meter-label b{color:var(--sun);font-size:.72rem}.power-meter,.reel-meter{height:18px;margin-top:.4rem}.reel-panel{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.tension-meter{background:linear-gradient(90deg,#b74747,#d48a45 24%,#3fb286 24% 82%,#d48a45 82%,#b74747);border:3px solid #eaf6df99;height:18px;margin-top:.4rem;position:relative}.tension-meter .safe-zone{border-left:2px dashed #ffffff59;border-right:2px dashed #ffffff59;position:absolute;inset:0 18%}.tension-meter>span{background:var(--cream);width:7px;height:26px;position:absolute;top:-7px;transform:translate(-50%);box-shadow:2px 2px #05131d}.tension-legend{color:#ed8e73;font:700 .38rem var(--font-pixel);justify-content:space-between;margin-top:.25rem;display:flex}.tension-legend b{color:#86dfb5;font-weight:900}.arcade-action{border:4px solid var(--cream);background:var(--coral);width:142px;height:92px;color:var(--cream);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:7px 7px #8a3434,11px 11px #020e169e}.arcade-action:disabled{cursor:default;opacity:1}.arcade-action.phase-aim.is-holding{background:var(--sun);color:var(--ink);animation:.65s ease-in-out infinite alternate charge-button;box-shadow:7px 7px #8a6634,11px 11px #020e169e}.arcade-action.phase-cast,.arcade-action.phase-waiting{background:#167f9b;box-shadow:7px 7px #07506c,11px 11px #020e169e}.arcade-action.phase-reel{background:#e2883e}.arcade-action.phase-reel.is-holding{transform:translate(4px,4px);box-shadow:3px 3px #8a4b2d,6px 6px #020e169e}.arcade-action.phase-caught{background:#35a97b;box-shadow:7px 7px #196b54,11px 11px #020e169e}@keyframes charge-button{to{transform:translateY(-5px)}}.arcade-action:active{transform:translate(5px,5px);box-shadow:2px 2px #8a3434,5px 5px #020e169e}.arcade-action span{font:1000 .92rem var(--font-pixel)}.arcade-action small{font:700 .48rem var(--font-pixel);opacity:.72;margin-top:.42rem}.arcade-action.is-biting{background:var(--sun);color:var(--ink);animation:.5s steps(2,jump-none) infinite bite-pulse}@keyframes bite-pulse{50%{transform:translateY(-7px);box-shadow:7px 14px #8a6634,11px 18px #020e169e}}.dive-controls{grid-template-columns:auto minmax(230px,1fr) auto}.dive-controls .status-bubble{grid-column:2}.touch-joystick{-webkit-user-select:none;user-select:none;flex-direction:column;grid-area:1/1;align-items:center;gap:.32rem;width:156px;display:flex}.joystick-surface{background:radial-gradient(circle at center, #4fc4bf2e 0 31%, transparent 32%), repeating-conic-gradient(from 22.5deg, #4fc4bf1f 0 18deg, #0418263d 18deg 45deg), #061b31e6;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border:4px solid #eaf6dfd6;border-radius:50%;width:148px;height:148px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #04121c9e,inset 0 0 28px #4fc4bf2e,6px 7px #020d1694}.joystick-surface:active{border-color:var(--sun)}.joystick-surface:disabled{cursor:default;opacity:.62}.joystick-depth-ring{border:2px dashed #80d7ca7a;border-radius:50%;position:absolute;inset:23px}.joystick-cardinals i{background:#eaf6dfad;width:7px;height:7px;position:absolute;box-shadow:2px 2px #020d168c}.joystick-cardinals i:first-child{top:11px;left:calc(50% - 3px)}.joystick-cardinals i:nth-child(2){top:calc(50% - 3px);right:11px}.joystick-cardinals i:nth-child(3){bottom:11px;left:calc(50% - 3px)}.joystick-cardinals i:nth-child(4){top:calc(50% - 3px);left:11px}.joystick-knob{z-index:2;border:4px solid var(--cream);width:61px;height:61px;transform:translate(calc(-50% + var(--joystick-x)), calc(-50% + var(--joystick-y)));background:radial-gradient(circle at 36% 30%,#80d7ca 0 15%,#0000 16%),#0d7491;border-radius:50%;place-items:center;transition:transform 35ms linear;display:grid;position:absolute;top:50%;left:50%;box-shadow:inset -7px -7px #07506e,5px 6px #020d169e}.joystick-knob i{border:3px solid #eaf6dfb8;border-radius:50%;width:17px;height:17px}.touch-joystick>small{color:#9ce9df;font:900 .46rem var(--font-pixel);letter-spacing:.12em;text-shadow:2px 2px #020d16b3}.scan-button{background:var(--sun);width:150px;height:112px;color:var(--deep);border-radius:50%;box-shadow:7px 7px #9c6f31,11px 11px #020e169e}.scan-button.aim-locked{background:#35a97b;box-shadow:7px 7px #196b54,0 0 22px #70d8b473,11px 11px #020e169e}.scan-button.aim-danger{color:var(--cream);background:#b74747;animation:.62s steps(2,end) infinite alternate scan-danger;box-shadow:7px 7px #762d33,0 0 22px #f0644975,11px 11px #020e169e}@keyframes scan-danger{to{transform:translateY(-5px)}}.dive-flight-hud{z-index:10;pointer-events:none;align-items:center;gap:.4rem;display:flex;position:absolute;top:78px;left:.75rem}.dive-flight-hud>span{color:#80d7ca;font:800 .47rem var(--font-pixel);background:#041826c2;border:2px solid #80d7ca80;padding:.35rem .48rem;box-shadow:3px 3px #020d1670}.dive-flight-hud b{color:var(--cream)}.dive-flight-hud .aim-indicator{border-color:var(--sun);color:var(--sun)}.dive-flight-hud .aim-indicator.aim-locked{color:#8bf0c8;border-color:#70d8b4}.dive-flight-hud .aim-indicator.aim-danger{border-color:var(--coral);color:#ff9c88}.catch-banner{z-index:90;border:3px solid var(--sun);color:var(--cream);font:900 .75rem var(--font-pixel);box-shadow:var(--shadow-pixel);background:#061b31f0;align-items:center;gap:.65rem;padding:.8rem 1.2rem;animation:1.8s both banner-in;display:flex;position:fixed;top:6rem;left:50%;transform:translate(-50%)}.catch-banner span{color:var(--sun)}@keyframes banner-in{0%,to{opacity:0;transform:translate(-50%,-18px)}12%,84%{opacity:1;transform:translate(-50%)}}.modal-backdrop,.pause-overlay{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020d16d4;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.fish-card{border:5px solid var(--sun);background:linear-gradient(135deg, #ffffff1a, transparent 35%), var(--paper);color:#102d3d;width:min(600px,100%);padding:1.4rem;position:relative;overflow:hidden;box-shadow:10px 10px #0d6880,16px 16px #03111c}.fish-card.rarity-epico,.fish-card.rarity-leggenda{border-color:#ffc64c;box-shadow:10px 10px #b15a5a,16px 16px #03111c}.card-shine{border:18px solid #ffffff38;width:190px;height:190px;position:absolute;top:-80px;right:-80px;transform:rotate(45deg)}.fish-card header,.fish-card footer{z-index:2;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:relative}.fish-card .eyebrow{color:#147084;margin-bottom:.35rem;font-size:.58rem}.fish-card h2{color:#0b2a3d;font:1000 clamp(1.5rem, 4vw, 2.4rem) / 1 var(--font-pixel);letter-spacing:-.06em;text-transform:uppercase;margin:0}.fish-card header em{color:#6d7166;margin-top:.35rem;font-family:Georgia,serif;font-size:.88rem;display:block}.rarity-chip{background:var(--sun);font:900 .58rem var(--font-pixel);border:2px solid #173c4d;flex:none;padding:.45rem .6rem}.card-portrait{background:linear-gradient(#62cbc0 0 45%,#16849a 45% 70%,#0b5d78 70%);border:4px solid #163c4d;place-items:center;height:230px;margin:1.1rem 0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #ffffff24}.card-portrait:before{content:"";background:#9fead799;height:8px;position:absolute;bottom:15px;left:0;right:0;box-shadow:0 16px #065a7659}.card-stars{color:var(--sun);letter-spacing:.16em;text-shadow:2px 2px #0b4d61;font-size:.8rem;position:absolute;bottom:.65rem;right:.8rem}.card-facts{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.card-facts>div{background:#ffffff4d;border:2px solid #102d3d47;padding:.65rem}.card-facts span{color:#34717a;font:900 .5rem var(--font-pixel);display:block}.card-facts strong{margin-top:.28rem;font-size:.76rem;display:block}.fish-fact{color:#31515c;border-left:5px solid #e9a841;padding:.5rem .8rem;font-family:Georgia,serif;font-size:.9rem;line-height:1.5}.fish-card footer{border-top:2px dashed #102d3d40;align-items:center;padding-top:.85rem}.fish-card footer>span{color:#52717b;font:800 .57rem var(--font-pixel)}.confirm-card,.pause-overlay>div{border:3px solid var(--cream);text-align:center;background:#0a3044;width:min(480px,100%);padding:2rem;box-shadow:10px 10px #03111c}.confirm-card h2,.pause-overlay h2{color:var(--cream);font:900 1.5rem var(--font-pixel);margin:.5rem 0}.confirm-card p,.pause-overlay p{color:#eaf6dfad;line-height:1.6}.confirm-card>div,.pause-overlay>div>div{justify-content:center;gap:.8rem;display:flex}.pause-overlay .text-button{margin:1.2rem auto 0;display:block}.pause-actions{grid-template-columns:1fr;margin-top:1.35rem;gap:.75rem!important;display:grid!important}.pause-actions .pixel-button{width:100%}.pause-exit{color:var(--cream)}.pause-shortcut{color:#eaf6df94;font:700 .48rem/1.6 var(--font-pixel);margin-top:1rem;display:block}.result-screen{text-align:center;background:radial-gradient(circle at 50% 30%,#39abb14d,#0000 30rem),linear-gradient(155deg,#092c42,#061927);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:7rem 1.2rem 3rem;display:flex}.result-screen h1{text-transform:none;font-size:clamp(2.2rem,6vw,5.5rem)}.result-stars{color:#26495a;letter-spacing:.12em;margin:1.2rem 0 1.8rem;font-size:clamp(2.5rem,6vw,5rem)}.result-stars .earned{color:var(--sun);filter:drop-shadow(5px 5px #0b4b5e)}.result-grid{border:2px solid var(--line);background:#082d3eb8;grid-template-columns:repeat(4,1fr);width:min(760px,100%);display:grid}.result-grid>div{border-right:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;min-height:100px;display:flex}.result-grid>div:last-child{border-right:0}.result-grid span{color:#77cfc4;font:800 .54rem var(--font-pixel)}.result-grid strong{color:var(--cream);font:900 1.4rem var(--font-pixel);margin-top:.45rem}.completion-banner{border:3px solid var(--sun);max-width:760px;color:var(--sun);background:#694d2073;align-items:center;gap:1rem;margin-top:1rem;padding:.8rem 1.1rem;display:flex}.completion-banner b{font-family:var(--font-pixel)}.completion-banner p{color:var(--foam);margin:.3rem 0 0;font-size:.8rem}.result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;margin-top:1.8rem;display:flex}@media (max-width:980px){.menu-screen{padding-bottom:7rem;display:block;overflow-y:auto}.menu-hero{text-align:center;max-width:720px;margin:0 auto 2.5rem}.collection-progress{margin-left:auto;margin-right:auto}.badge-row{justify-content:center}.mode-grid{max-width:760px;margin:auto}.mode-card{min-height:480px}.menu-actions{justify-content:center;margin-top:2rem;position:static}.fish-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.surface-controls{grid-template-columns:1fr 1.2fr auto}.dive-controls{grid-template-columns:auto 1fr auto}.reel-panel{grid-template-columns:1fr}}@media (max-width:720px){.game-shell{overflow-y:auto}.top-bar{align-items:center;height:118px;padding:.55rem .8rem 3.9rem}.top-stats{gap:.75rem;margin-right:0;font-size:.72rem}.top-bar+.quick-settings,.quick-settings{justify-content:flex-end;position:absolute;inset:72px .7rem auto .8rem}.quick-settings .assist-button{min-height:38px;font-size:.55rem}.quick-settings .icon-button{width:38px;height:38px}.brand-mark>div>span{font-size:.76rem}.brand-mark>div>strong{font-size:clamp(1.35rem,7vw,2rem)}.brand-star{width:48px;height:48px;font-size:2.7rem}.brand-mark.compact>div>span{font-size:.48rem}.brand-mark.compact>div>strong{font-size:.75rem}.dedication-screen{padding:1rem 1rem 3.5rem}.dedication-copy{border-width:3px;padding:2.2rem .9rem;box-shadow:7px 7px #043446a6,11px 11px #ffd55db8}.studio-presents{margin-bottom:1.4rem}.dedication-copy .brand-mark{margin-bottom:1.6rem}.pixel-sun{width:54px;height:54px;top:7%;right:8%}.menu-screen{padding:8.6rem .85rem 5rem}.menu-hero{text-align:left;margin-bottom:1.65rem}.menu-hero .eyebrow{letter-spacing:.14em;margin-bottom:.55rem;font-size:.54rem}.menu-hero h1{font-size:clamp(1.5rem,7.2vw,2rem);line-height:1.04}.collection-progress{max-width:none;margin-top:1.2rem;padding-top:.85rem}.collection-progress>div:first-child{font-size:.56rem}.collection-progress>div:first-child strong{font-size:.76rem}.pixel-progress{border-width:2px;height:10px;margin-top:.55rem}.badge-row{justify-content:flex-start;gap:.6rem;margin-top:.85rem;padding-left:.25rem}.badge{width:34px;height:34px;font-size:.72rem}.badge small{margin-top:1.25rem;font-size:.38rem}.mode-grid{grid-template-columns:1fr;gap:1.2rem}.mode-card{min-height:400px;box-shadow:6px 6px #030f18b3}.mode-illustration{bottom:42%}.mode-copy{min-height:42%;padding:1rem 1.05rem}.mode-copy h2{margin:.42rem 0}.mode-copy p{min-height:0;margin:.4rem 0 .8rem;font-size:.76rem}.mode-number{top:.75rem;left:.8rem}.menu-actions{flex-direction:column}.content-screen{padding:8.6rem .85rem 5rem}.section-heading h1{font-size:2.15rem}.zone-grid,.how-grid{grid-template-columns:1fr}.zone-card,.how-grid article{min-height:auto}.album-heading{display:block}.album-counter{justify-content:flex-end;margin-top:1rem}.fish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-card{min-height:190px}.album-card .pixel-fish{transform:scale(.82)}.round-hud{grid-template-columns:1fr .72fr .72fr;right:5.15rem}.hud-cell{min-height:47px;padding:.35rem .5rem}.hud-cell strong{font-size:.6rem}.hud-time strong{font-size:.82rem}.pause-button{width:70px;height:47px;top:.75rem;right:.45rem}.pause-button small{display:none}.fishing-steps{width:calc(100vw - 1.3rem);padding:.32rem .24rem;top:4.55rem}.surface-event-banner{gap:.55rem;width:calc(100vw - 1.3rem);padding:.52rem .58rem;top:7.15rem}.surface-event-banner>span{flex-basis:32px;width:32px;height:32px;font-size:.56rem}.surface-event-banner b{font-size:.5rem}.surface-event-banner small{font-size:.68rem}.fishing-steps li{gap:.2rem;font-size:.39rem}.fishing-steps li+li:before{width:5px;margin-right:.12rem}.fishing-steps b{width:20px;height:20px;font-size:.44rem}.bite-callout{padding:.52rem .62rem;font-size:.66rem;top:33%;right:6%}.surface-challenge-panel{width:calc(100vw - 1.3rem);padding:.55rem .62rem;top:10.4rem;left:.65rem}.surface-challenge-panel b,.surface-challenge-panel span{font-size:.48rem}.shark-chum-button{border-width:4px;width:122px;height:86px;top:43%;right:.9rem}.shark-chum-button span{font-size:.76rem}.shark-chum-button small{font-size:.38rem}.whale-balance-ring{border-width:5px;width:72px;height:72px}.whale-balance-ring span{border-width:4px;width:21px;height:21px}.surface-controls{grid-template-columns:1fr auto;gap:.55rem;bottom:.65rem;left:.65rem;right:.65rem}.surface-controls .status-bubble{text-align:center;grid-column:1/-1;padding:.68rem .72rem;font-size:.58rem}.surface-controls>.meter-block,.surface-controls>.reel-panel{grid-column:1}.surface-controls>.arcade-action{grid-area:2/2}.arcade-action{width:112px;height:78px}.arcade-action span{font-size:.75rem}.arcade-action small{text-align:center;max-width:92px;font-size:.39rem;line-height:1.35}.dive-controls{grid-template-columns:auto 1fr auto;gap:.55rem;bottom:.65rem;left:.65rem;right:.65rem}.dive-controls .status-bubble{text-align:center;font-size:.58rem;position:absolute;bottom:150px;left:0;right:0}.touch-joystick{width:136px}.joystick-surface{width:132px;height:132px}.joystick-depth-ring{inset:18px}.joystick-knob{width:54px;height:54px}.dive-flight-hud{gap:.25rem;top:73px;left:.65rem}.dive-flight-hud>span{padding:.3rem .38rem;font-size:.4rem}.scan-button{width:105px;height:105px}.fish-card{padding:.85rem;box-shadow:6px 6px #0d6880,10px 10px #03111c}.fish-card header{display:block}.rarity-chip{position:absolute;top:.8rem;right:.8rem}.fish-card h2{max-width:70%;font-size:1.3rem}.card-portrait{height:175px}.pixel-fish-large{transform:scale(1.25)}.card-facts{gap:.35rem}.card-facts>div{padding:.45rem}.fish-card footer{flex-direction:column;align-items:stretch}.result-screen{padding:5.5rem .85rem 4.5rem}.result-grid{grid-template-columns:1fr 1fr}.result-grid>div{border-bottom:1px solid var(--line);min-height:78px}.result-actions{flex-direction:column;align-items:stretch}}@media (max-width:390px){.menu-hero h1{font-size:clamp(1.42rem,7vw,1.72rem)}.mode-card{min-height:375px}.fish-grid{gap:.5rem}.album-card{min-height:176px;padding-left:.45rem;padding-right:.45rem}.album-card .pixel-fish{transform-origin:50%;margin-left:-1px;transform:scale(.7)}.round-hud{gap:.25rem;left:.45rem}.hud-cell{padding:.3rem}.hud-cell>span{font-size:.41rem}.arcade-action{width:96px}.touch-joystick{width:122px}.joystick-surface{border-width:3px;width:118px;height:118px}.joystick-knob{width:42px;height:42px}.touch-joystick>small{font-size:.4rem}.dive-flight-hud>span{padding:.26rem .31rem;font-size:.35rem}.dive-controls .status-bubble{bottom:137px}.scan-button{width:92px;height:92px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.dedication-sea,.dedication-copy,.studio-presents strong,.studio-presents span,.intro-logo,.start-button,.dedication-footer,.dedication-screen:before{opacity:1!important;filter:none!important;animation:none!important;transform:none!important}.intro-flash{display:none}.surface-challenge-timer span{width:100%;transform:none}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.reduce-motion .dedication-sea,.reduce-motion .dedication-copy,.reduce-motion .studio-presents strong,.reduce-motion .studio-presents span,.reduce-motion .intro-logo,.reduce-motion .start-button,.reduce-motion .dedication-footer,.reduce-motion .dedication-screen:before{opacity:1!important;filter:none!important;animation:none!important;transform:none!important}.reduce-motion .intro-flash{display:none}