*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#041329;color:#f6f9ff;font-family:"Nunito",system-ui,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 max(6vw,22px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;background:#031329ed;border-bottom:1px solid #123655;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:7px;font-size:28px;font-weight:900;letter-spacing:-1px}.blue{color:#17baff}.fish-logo{display:inline-grid;place-items:center;background:#0caef4;color:#03223c;border-radius:60% 40% 55% 45%;width:30px;height:26px;font-size:20px;transform:scaleX(1.1)}nav{display:flex;gap:38px}nav a{font-size:14px;font-weight:900;color:#d1deed}nav a:hover,nav a.active{color:#24c2ff}.header-btn{padding:13px 22px;border-radius:10px;background:linear-gradient(135deg,#25c7ff,#008ee9);color:#03192c;font-size:13px;font-weight:900;box-shadow:0 6px 20px #00aaff24}.hero{min-height:600px;display:grid;grid-template-columns:minmax(230px,.78fr) minmax(340px,.9fr);align-items:center;gap:28px;padding:58px max(5.5vw,22px) 55px;position:relative;overflow:hidden;background:linear-gradient(115deg,#07547c 0%,#087eaa 28%,#043459 56%,#03162d 100%)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 25% 8%,#a5f3ff66,transparent 30%),radial-gradient(ellipse at 7% 85%,#00c9ff38,transparent 34%),linear-gradient(180deg,transparent 60%,#031329 100%);pointer-events:none}.sun-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:#ffd47b24;filter:blur(45px);top:-160px;left:10%}.wave-lines{position:absolute;bottom:0;left:0;right:0;height:80px;opacity:.22;background:repeating-radial-gradient(ellipse at 50% 120%,transparent 0 24px,#7ce7ff 25px 26px,transparent 27px 50px)}.hero-art{position:absolute;inset:0 0 0 0;overflow:hidden;pointer-events:none;opacity:.92}.sun{position:absolute;left:5%;top:7%;width:105px;height:105px;border-radius:50%;background:linear-gradient(#ffe4a4,#f5a44c);box-shadow:0 0 65px #ffc8799c}.mountain{position:absolute;bottom:27%;width:0;height:0;border-left:210px solid transparent;border-right:210px solid transparent;border-bottom:210px solid #1d6c83;opacity:.8}.mountain-a{left:-4%;border-bottom-color:#2a8294}.mountain-b{left:16%;bottom:29%;transform:scale(.8);border-bottom-color:#16516d}.water{position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(180deg,#007ba5a8,#032342);border-top:2px solid #65e4f5a8}.reeds{position:absolute;right:1%;bottom:27%;font-size:100px;color:#8fcf9b;opacity:.6;transform:rotate(-15deg)}.angler{position:absolute;left:-1%;bottom:4%;width:310px;height:410px}.hat{position:absolute;z-index:3;top:8px;left:63px;width:160px;height:43px;border-radius:100% 100% 30% 30%;background:linear-gradient(#6a5b3b,#342d25);border-bottom:8px solid #292923;transform:rotate(-8deg);box-shadow:0 5px 8px #00142666}.head{position:absolute;z-index:2;left:91px;top:38px;width:105px;height:126px;border-radius:44% 45% 48% 48%;background:linear-gradient(120deg,#f4bd86,#b96e42);transform:rotate(-7deg);box-shadow:inset -13px -4px #8f4f37}.hair{position:absolute;left:0;right:0;top:0;height:27px;background:#49392c;border-radius:60% 50% 20% 20%}.sunglasses{position:absolute;top:39px;left:9px;display:flex;gap:5px}.sunglasses i{width:38px;height:24px;background:#102b3a;border:3px solid #b9c6c8;border-radius:7px;box-shadow:inset 0 0 10px #4cc5d0}.smile{position:absolute;left:32px;top:76px;width:43px;height:22px;background:#572c25;border-radius:10% 10% 60% 60%;border-bottom:5px solid #f1e3c8}.beard{position:absolute;left:12px;top:80px;width:82px;height:39px;background:#49372d;border-radius:20% 20% 50% 50%;z-index:-1}.body{position:absolute;left:42px;top:151px;width:205px;height:230px;background:linear-gradient(100deg,#4d654b,#172f31);border-radius:40% 35% 10% 10%;transform:rotate(-5deg);border:3px solid #304c43}.arm{position:absolute;z-index:4;left:128px;top:180px;width:120px;height:35px;border-radius:20px;background:#d89a68;transform:rotate(30deg);box-shadow:0 7px #8e563c}.big-fish{position:absolute;z-index:5;left:3px;top:204px;width:245px;height:112px;border-radius:55% 45% 45% 55%;background:repeating-linear-gradient(120deg,#3f9b9e 0 8px,#28767e 9px 13px,#b1d1c5 14px 17px);border:4px solid #1d4f5c;transform:rotate(-9deg);box-shadow:inset 0 -17px 0 #d1d7c4,0 8px 15px #001c2d88}.big-fish:after{content:"";position:absolute;right:-32px;top:16px;border-top:36px solid transparent;border-bottom:36px solid transparent;border-left:40px solid #4b8c8a}.big-fish span{position:absolute;right:33px;top:24px;color:#031d2b;font-size:19px;text-shadow:0 0 0 white}.rod{position:absolute;z-index:1;left:235px;top:-6px;width:4px;height:280px;background:#b7a27c;transform:rotate(28deg);transform-origin:bottom}.jump-fish{position:absolute;right:1.5%;top:33%;font-size:100px;filter:drop-shadow(0 15px 5px #001a2b66);transform:rotate(-15deg)}.bobber{position:absolute;right:8%;bottom:13%;font-size:44px;color:#ff704b;text-shadow:0 5px 0 white}.hero-copy{position:relative;z-index:2;grid-column:1;grid-row:1;margin-left:clamp(210px,30vw,390px);width:min(310px,100%);text-shadow:0 2px 12px #00243d88}.eyebrow{color:#82e7ff;font-size:10px;letter-spacing:1.7px;font-weight:900}.eyebrow span{color:#ffcb3e;font-size:16px;margin-right:6px}.hero h1{font-size:clamp(42px,4.3vw,62px);line-height:.87;letter-spacing:-2px;margin:18px 0 20px;font-weight:1000;font-style:italic}.hero h1 small{font-size:.62em;letter-spacing:-1.3px}.hero h1 em{font-style:italic;color:#ffcb35;text-shadow:0 5px 25px #ffb31f35}.hero-copy p{color:#d9f1ff;font-size:14px;line-height:1.6;font-weight:800;max-width:280px}.main-cta{display:inline-flex;align-items:center;gap:14px;background:linear-gradient(135deg,#ffe15c,#ffb91e);padding:15px 29px;border-radius:28px;color:#061b2d;font-weight:1000;font-size:17px;margin-top:4px;box-shadow:0 8px 25px #001b2d66;transition:.2s}.main-cta:hover{transform:translateY(-3px)}.features{display:flex;gap:20px;margin-top:19px;font-size:11px;font-weight:900}.features span{display:grid;justify-items:center;gap:3px}.features b{font-size:23px;color:#5ce2ff}.game-card{position:relative;z-index:3;grid-column:2;grid-row:1;justify-self:center;width:min(100%,470px);padding:16px;background:linear-gradient(145deg,#031a33f5,#031125f5);border:1px solid #168bc2;border-radius:22px;box-shadow:0 24px 60px #00101e99,inset 0 1px #ffffff12}.game-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 3px 13px;border-bottom:1px solid #174262}.stat{display:flex;align-items:center;gap:8px}.stat small{display:block;font-size:10px;color:#9cbad3}.stat strong{display:block;font-size:16px;font-weight:1000}.coin{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(140deg,#ffe778,#e58a0c);color:#fff5b0;border:2px solid #ffdb5d;font-size:18px}.mine-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:22px;color:#ff806a;background:#1b3b52;border:1px solid #63839c}.next{text-align:right}.next strong{color:#ffcb38}.status{height:35px;display:grid;place-items:center;text-align:center;color:#b7d2e6;font-size:11px;font-weight:800}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.tile{aspect-ratio:1;border-radius:10px;border:1px solid #176a99;background:linear-gradient(145deg,#0d5681,#073452);color:#3686a9;display:grid;place-items:center;font-size:clamp(20px,2.5vw,28px);cursor:pointer;box-shadow:inset 0 1px #ffffff18,0 3px 0 #020c1a;transition:.15s}.tile:hover:not(:disabled){transform:translateY(-2px);border-color:#54ddff;background:linear-gradient(145deg,#146b9b,#0a4166)}.tile:focus-visible{outline:2px solid #ffce3b;outline-offset:2px}.tile.gold{background:radial-gradient(circle,#75551a,#2a2c24 80%);border-color:#ffc638;color:#ffda49;box-shadow:0 0 18px #ffbc3333}.tile.mine{background:linear-gradient(145deg,#532f39,#241b2a);border-color:#ed746d;color:#ff8178}.tile:disabled{cursor:default}.game-controls{display:flex;align-items:center;gap:6px;margin-top:13px;flex-wrap:wrap}.game-controls label{display:flex;align-items:center;gap:6px;color:#a4c2d8;font-size:10px;font-weight:900}.game-controls select{background:#0c2b47;color:#e9f6ff;border:1px solid #24516f;border-radius:7px;padding:9px 4px;font:inherit;font-size:10px}.collect,.reset{border:0;border-radius:8px;padding:10px 9px;font:inherit;font-size:10px;font-weight:1000;cursor:pointer}.collect{margin-left:auto;background:#ffca37;color:#08203a}.collect:disabled{opacity:.38;cursor:not-allowed}.reset{background:#0e304b;border:1px solid #23516d;color:#d4ebf9}.demo-note{text-align:center;color:#6e9ab5;font-size:9px;margin:11px 0 0}.how{padding:53px max(5vw,20px) 56px;background:#041329;position:relative}.section-title{text-align:center;margin-bottom:31px}.section-title h2{font-size:35px;letter-spacing:-1px;margin:7px 0;color:#f7fbff;font-style:italic}.section-title p{font-size:13px;color:#a3c5dc;margin:0}.steps{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;align-items:start}.steps article{text-align:center;position:relative;padding:0 13px}.step-no{position:absolute;top:0;left:calc(50% - 39px);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#0bb8fa;color:#04213a;font-weight:1000;font-size:12px;border:2px solid #55d7ff}.step-icon{margin:0 auto 10px;width:73px;height:73px;border:2px solid #078cc7;border-radius:50%;display:grid;place-items:center;font-size:31px;color:#e6f8ff;box-shadow:inset 0 0 20px #0ba7e51a}.fish-step{font-size:37px}.mine-step{color:#ff7d69}.trophy{color:#ffcb3d}.steps h3{font-size:15px;margin:0 0 7px}.steps p{font-size:12px;line-height:1.55;color:#9bbbd1;max-width:190px;margin:auto}.arrow{color:#0db5f7;font-size:38px;text-align:center;padding-top:17px}.faq{padding:45px 20px 60px;background:#061a31}.faq-list{max-width:720px;margin:auto}.faq-list details{border-bottom:1px solid #17405d;padding:16px 2px}.faq-list summary{cursor:pointer;list-style:none;font-weight:900;font-size:14px;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:"+";font-size:20px;color:#22c2ff}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:13px;line-height:1.7;color:#a3bfd3;margin:12px 25px 0 0}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px max(6vw,22px) 15px;background:#031126;border-top:1px solid #123651}.footer-brand{font-size:21px}.footer-brand .fish-logo{width:24px;height:22px;font-size:16px}.footer-perks{display:flex;gap:27px;color:#a7c5dc;font-size:11px}.footer-perks span:first-letter{color:#1fc4ff}.good-luck{font-size:21px;font-weight:1000;font-style:italic}.good-luck span{font-size:22px}.legal,.copyright{width:100%;text-align:center;color:#6689a5;font-size:9px;margin:0}.copyright{margin-top:-8px}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr;gap:18px}.hero-copy{margin-left:clamp(150px,22vw,240px);width:calc(100% - clamp(150px,22vw,240px));}.angler{transform:scale(.8);transform-origin:bottom left}.jump-fish{font-size:65px}.hero h1{font-size:48px}.steps{grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr}.footer-perks{gap:13px}}@media(max-width:760px){.topbar{height:68px;padding:0 16px}.brand{font-size:21px}.fish-logo{width:23px;height:21px;font-size:15px}nav{gap:15px}nav a{font-size:11px}nav a:nth-child(2){display:none}.header-btn{font-size:11px;padding:11px 12px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:42px 15px 40px;gap:28px}.hero-art{opacity:.48}.hero-copy{margin:0 auto;width:100%;max-width:410px;text-align:center}.hero-copy p{margin:0 auto 13px}.hero h1{font-size:53px}.features{justify-content:center}.game-card{width:100%;max-width:460px}.steps{grid-template-columns:1fr 1fr;gap:27px 12px}.steps .arrow{display:none}.steps article{padding:0 7px}.step-no{left:calc(50% - 38px)}.section-title h2{font-size:30px}.footer-perks{order:3;width:100%;justify-content:center;flex-wrap:wrap}.good-luck{font-size:17px}}@media(max-width:420px){.brand{font-size:18px;gap:4px}.header-btn{padding:10px 9px}.hero h1{font-size:47px}.game-card{padding:11px}.board{gap:5px}.tile{border-radius:7px}.stat{gap:5px}.coin,.mine-symbol{width:28px;height:28px;font-size:15px}.stat strong{font-size:14px}.stat small{font-size:9px}.collect,.reset{font-size:9px;padding:10px 7px}.game-controls label{font-size:9px}.footer-perks{font-size:10px;gap:12px}}