:root{--ink:#102033;--muted:#526171;--surface:#fff;--surface-strong:#eef8fa;--line:#cfe2e8;--hero-ink:#edfaff;--hero-muted:#bad8e0;--deep:#06131f;--aqua:#38bdf8;--aqua-strong:#0ea5e9;--teal:#0f766e;--coral:#ef6a57;--gold:#f7c45c;--shadow:0 22px 70px #000b1457}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);letter-spacing:0;background:#f6fbfc;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.hero-band{color:var(--hero-ink);background:linear-gradient(#ffffff0a 0 1px,#0000 1px 100%) 0 0/100% 28px,linear-gradient(#06131f 0%,#0a2a37 54%,#103c48 100%);padding:18px clamp(16px,4vw,48px) 34px}.static-hero{color:var(--hero-ink);background:linear-gradient(#ffffff0a 0 1px,#0000 1px 100%) 0 0/100% 28px,linear-gradient(#06131f 0%,#0a2a37 58%,#103c48 100%);padding:18px clamp(16px,4vw,48px) clamp(54px,8vw,92px)}.topbar{justify-content:space-between;align-items:center;gap:18px;max-width:1240px;margin:0 auto 18px;display:flex}.brand,.nav-links{align-items:center;display:flex}.brand{color:#f5fcff;gap:10px;min-height:44px;font-weight:900}.brand-mark{background:linear-gradient(135deg,#0000 44%,#ffffffdb 45% 55%,#0000 56%),linear-gradient(145deg,#38bdf8,#f7c45c);border-radius:50%;width:32px;height:32px;box-shadow:0 0 28px #38bdf85c}.nav-links{gap:10px}.nav-links a{color:#dff8ff;background:#030d1775;border:1px solid #e2f9ff26;border-radius:8px;align-items:center;min-height:44px;padding:0 14px;display:inline-flex}.hero-layout{grid-template-columns:minmax(248px,.34fr) minmax(640px,1fr);align-items:start;gap:clamp(22px,3.4vw,42px);max-width:1240px;margin:0 auto;display:grid}.hero-copy,.game-shell{min-width:0}.hero-copy{padding-block:18px 0}.static-hero-inner{max-width:880px;margin:0 auto;padding-top:clamp(36px,7vw,84px)}.static-hero-inner h1{max-width:none}.static-hero-inner p:not(.eyebrow){max-width:680px;color:var(--hero-muted);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.65}.eyebrow,.section-kicker,.game-label{color:var(--aqua);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:10ch;margin-bottom:18px;font-size:clamp(2.7rem,5.8vw,5.6rem);line-height:.95}.hero-intro{max-width:460px;color:var(--hero-muted);font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.62}.game-shell{width:100%}.game-card{box-shadow:var(--shadow);background:#06131f;border:1px solid #e2f9ff29;border-radius:8px;overflow:hidden}.game-head{background:#020910cc;border-bottom:1px solid #e2f9ff1f;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.game-head h2{color:#f5fcff;margin:0;font-size:clamp(1.25rem,2vw,1.7rem)}.game-label{color:var(--gold);margin-bottom:4px;display:block}.stat-strip{flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:260px;display:flex}.stat-strip span{color:#dff8ff;background:#0f303eb8;border:1px solid #7dd3fc2e;border-radius:8px;align-items:center;min-height:34px;padding:0 10px;font-size:.84rem;font-weight:900;display:inline-flex}.game-canvas{aspect-ratio:16/9;touch-action:none;background:#061622;width:100%;height:auto;display:block}.controls{background:#04111d;border-top:1px solid #e2f9ff1a;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;display:grid}.fishing-controls{grid-template-columns:1.15fr repeat(4,minmax(0,1fr))}.controls button{cursor:pointer;border:1px solid #e2f9ff29;border-radius:8px;min-height:48px;font-weight:900;transition:transform .18s,box-shadow .18s,opacity .18s,background .18s}.controls button:focus-visible,.nav-links a:focus-visible,.brand:focus-visible{outline-offset:3px;outline:3px solid #38bdf87a}.controls button:hover:not(:disabled){transform:translateY(-1px)}.primary-control{color:#03111d;background:linear-gradient(180deg,#8de9ff,var(--aqua));box-shadow:0 14px 28px #0ea5e93d}.secondary-control{color:#e6f6ff;background:#103243}.upgrade-control{color:#fff8d2;background:#3b2d17;box-shadow:inset 0 0 0 1px #f7c45c24}.secondary-control:hover:not(:disabled){background:#17495d}.upgrade-control:hover:not(:disabled){background:#5a411d}.controls button:disabled{cursor:not-allowed;opacity:.48}.leaderboard-panel{color:#dff8ff;background:#04111d;border-top:1px solid #e2f9ff1a;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px 12px;font-size:.86rem;display:flex}.leaderboard-panel strong,.leaderboard-panel span{border-radius:8px;align-items:center;min-height:32px;padding:0 10px;display:inline-flex}.leaderboard-panel strong{color:#03111d;background:var(--gold)}.leaderboard-panel span{background:#0f303e9e;border:1px solid #7dd3fc29;font-weight:800}.content-band,.static-content{background:#fff;padding:clamp(44px,5.4vw,76px) clamp(18px,4vw,56px)}.static-article{max-width:820px;margin:0 auto}.content-band.alt{background:#edf8fa}.content-grid,.narrow{max-width:1120px;margin:0 auto}.content-grid{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:clamp(28px,5vw,64px);display:grid}.content-band h2{margin-bottom:18px;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.08}.static-article h2{color:var(--ink);margin-top:34px;margin-bottom:12px;font-size:clamp(1.5rem,2.5vw,2.1rem);line-height:1.15}.content-band h3{margin-bottom:8px;font-size:1.12rem}.content-band p{color:var(--muted);font-size:1rem;line-height:1.72}.static-article p,.static-article li{color:var(--muted);font-size:1rem;line-height:1.76}.static-article a{color:var(--teal);text-underline-offset:3px;font-weight:800;text-decoration:underline}.static-article ul{padding-left:22px}.score-panel{gap:12px;display:grid}.score-panel div,.related-card,.steps div,.faq-list details{border:1px solid var(--line);background:var(--surface);border-radius:8px}.score-panel div{padding:20px}.score-panel strong{color:var(--teal);font-size:2rem;line-height:1;display:block}.score-panel span{color:var(--muted);margin-top:8px;font-weight:800;display:block}.steps,.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.steps div,.related-card{padding:22px}.steps span{color:#03111d;background:var(--gold);border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:18px;font-weight:900;display:inline-flex}.related-card{background:linear-gradient(145deg,#38bdf817,#f7c45c24),#fff;min-height:164px}.expanded-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.guide-card{transition:border-color .18s,box-shadow .18s,transform .18s;display:block}.guide-card:focus-visible{outline-offset:3px;outline:3px solid #38bdf87a}.guide-card:hover{border-color:#0ea5e98a;transform:translateY(-2px);box-shadow:0 16px 34px #1020331f}.faq-list{gap:12px;display:grid}.faq-list details{padding:18px 20px}.faq-list summary{cursor:pointer;color:var(--ink);font-weight:900}.faq-list p{margin:14px 0 0}.site-footer{color:#dff8ff;background:#06131f;padding:30px clamp(18px,4vw,56px)}.footer-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1120px;margin:0 auto;display:flex}.site-footer strong{color:#f5fcff;font-size:1.08rem;display:block}.site-footer p{color:var(--hero-muted);margin:6px 0 0;line-height:1.55}.site-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.site-footer a{color:#dff8ff;background:#0f303e9e;border:1px solid #e2f9ff21;border-radius:8px;align-items:center;min-height:40px;padding:0 12px;display:inline-flex}@media (max-width:980px){.hero-layout,.content-grid{grid-template-columns:1fr}.hero-copy{padding-block:4px 0}h1{max-width:none}}@media (max-width:720px){.hero-band{padding:12px 12px 28px}.topbar{flex-direction:column;align-items:flex-start}.nav-links{width:100%}.nav-links a{flex:1;justify-content:center}.game-head{flex-direction:column;align-items:flex-start}.stat-strip{flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;min-width:0}.stat-strip span{min-height:32px}.controls,.fishing-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.leaderboard-panel{align-items:stretch}.leaderboard-panel strong,.leaderboard-panel span{flex:140px;justify-content:center}.steps,.related-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}.site-footer nav{justify-content:flex-start}}@media (max-width:420px){h1{font-size:2.45rem}.controls{gap:8px}.controls button{min-height:46px;padding-inline:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}