:root{--ink:#071821;--deep:#0c2730;--sea:#0e8191;--cyan:#4ee1d0;--foam:#ecf7ed;--lime:#bade60;--coral:#ff6b45;--line:rgba(236,247,237,.16)}*{box-sizing:border-box}html{background:var(--ink);color:var(--foam);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body{margin:0;background:radial-gradient(circle at 90% 10%,rgba(78,225,208,.1),transparent 24%),var(--ink)}a{color:inherit;text-decoration:none}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,5vw);border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{font:900 27px Impact,'Arial Narrow',sans-serif;letter-spacing:.04em}.brand span{color:var(--coral)}nav{display:flex;gap:26px;align-items:center;font-weight:700;font-size:14px}.steam{background:var(--lime);color:var(--ink);padding:11px 16px;clip-path:polygon(0 0,92% 0,100% 30%,100% 100%,8% 100%,0 70%)}.topicbar{display:flex;gap:28px;padding:12px max(24px,5vw);overflow:auto;white-space:nowrap;background:var(--deep);font:700 13px Inter;color:#a9c8c8}.hero{min-height:650px;position:relative;display:grid;align-items:end;overflow:hidden}.heroImage{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,24,33,.98) 0%,rgba(7,24,33,.82) 38%,rgba(7,24,33,.1) 72%),linear-gradient(0deg,var(--ink),transparent 35%),url('/images/how-to-fish-gameplay-hero.jpg') center/cover no-repeat;filter:saturate(1.12)}.heroCopy{position:relative;padding:100px max(24px,8vw);max-width:850px}.eyebrow,.kicker,.card small{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.17em}.hero h1,.article h1{font:900 clamp(62px,9vw,124px)/.78 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.03em;margin:24px 0}.hero h1 em{font-style:normal;color:var(--lime)}.hero p,.lead{font-size:clamp(17px,2vw,22px);line-height:1.6;color:#c9d9d7;max-width:680px}.actions{display:flex;gap:15px;margin-top:30px}.btn,.ghost{display:inline-block;padding:15px 22px;font-weight:800}.btn{background:var(--coral);color:white;clip-path:polygon(0 0,94% 0,100% 25%,100% 100%,6% 100%,0 75%)}.ghost{border:1px solid var(--cyan);color:var(--cyan)}main section:not(.hero),.article{padding:80px max(24px,8vw)}h2{font:800 clamp(36px,5vw,60px)/1 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;margin:12px 0 28px}.intro{display:grid!important;grid-template-columns:.8fr 1.2fr;gap:8vw;border-bottom:1px solid var(--line)}.intro p{font-size:20px;line-height:1.7;color:#bcd0cf}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.card{min-height:220px;padding:26px;background:linear-gradient(145deg,#11343d,#0b242c);border-top:2px solid var(--sea);position:relative;transition:.2s}.card:after{content:'↗';position:absolute;right:22px;bottom:18px;color:var(--coral)}.card:hover{transform:translateY(-5px);border-color:var(--cyan)}.card h3{font:800 30px Impact,'Arial Narrow',sans-serif;text-transform:uppercase;margin:35px 0 10px}.card p{color:#abc2c1;line-height:1.5}.split{display:grid!important;grid-template-columns:1fr 1fr;gap:8vw;background:#0a2229}.log{border-left:4px solid var(--lime);padding:30px;background:rgba(186,222,96,.07)}.log li{margin:13px 0}.article{max-width:1100px;margin:auto;min-height:65vh}.article h1{font-size:clamp(58px,8vw,100px);margin-top:18px}.crumb,.updated{font-size:12px;letter-spacing:.13em;color:var(--cyan);font-weight:800}.article h2{margin-top:60px}.article p,.article li{line-height:1.75;color:#c8d8d6}.article ol,.article ul{font-size:18px}.notice{margin:35px 0;padding:24px;border:1px solid var(--coral);background:rgba(255,107,69,.08)}.notice b{color:var(--coral);text-transform:uppercase}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.steps b{padding:20px;background:var(--deep);border-left:3px solid var(--cyan)}table{width:100%;border-collapse:collapse;background:var(--deep)}th,td{text-align:left;padding:17px;border-bottom:1px solid var(--line)}th{color:var(--lime)}.updated{margin-top:70px;padding-top:20px;border-top:1px solid var(--line)}.faq details{background:var(--deep);margin:10px 0;padding:20px}.faq summary{font:800 24px Impact,'Arial Narrow',sans-serif;cursor:pointer}footer{padding:45px max(24px,5vw);display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#91aaa9}footer div:last-child{display:flex;gap:20px}footer b{color:var(--foam);font-family:Impact,'Arial Narrow',sans-serif;font-size:22px}@media(max-width:800px){header{height:auto;padding-block:18px;align-items:flex-start}.brand{font-size:23px}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}nav a:not(.steam){display:none}.hero{min-height:650px}.heroImage{background-position:65% center}.heroCopy{padding-top:170px}.hero h1{font-size:66px}.intro,.split{grid-template-columns:1fr!important}.cards{grid-template-columns:1fr 1fr}.article{padding-top:55px}.steps{grid-template-columns:1fr}footer{flex-direction:column;gap:25px}footer div:last-child{flex-wrap:wrap}}@media(max-width:480px){.cards{grid-template-columns:1fr}.hero h1{font-size:56px}.actions{flex-direction:column;align-items:flex-start}.article h1{font-size:55px}.topicbar{gap:20px}}
.systems{background:linear-gradient(180deg,#071821,#0b2931)}.systemGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.systemGrid article{padding:30px;background:var(--deep);min-height:230px}.systemGrid article>b{color:var(--coral);font:900 38px Impact,'Arial Narrow',sans-serif}.systemGrid h3{font:800 30px Impact,'Arial Narrow',sans-serif;text-transform:uppercase;margin:18px 0 8px}.systemGrid p,.questionGrid p{color:#abc2c1;line-height:1.6}.route{display:grid!important;grid-template-columns:.7fr 1.3fr;gap:7vw;align-items:center;background:var(--lime);color:var(--ink)}.routeLine{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.routeLine span{padding:15px 12px;border-bottom:2px solid var(--ink);font-weight:800}.textLink{display:inline-block;margin-top:20px;color:var(--cyan);font-weight:800}.questionGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.questionGrid a{padding:24px;background:var(--deep);border-left:3px solid var(--coral)}.questionGrid b{font:800 25px Impact,'Arial Narrow',sans-serif;text-transform:uppercase}.latest{border-top:1px solid var(--line)}@media(max-width:800px){.systemGrid{grid-template-columns:1fr 1fr}.route{grid-template-columns:1fr!important}.questionGrid{grid-template-columns:1fr}}@media(max-width:480px){.systemGrid{grid-template-columns:1fr}}

:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.articleHero{height:clamp(210px,35vw,390px);margin:-35px 0 42px;background:linear-gradient(90deg,rgba(7,24,33,.45),transparent),url('/images/how-to-fish-gameplay-hero.jpg') center 48%/cover no-repeat;border-bottom:4px solid var(--coral);clip-path:polygon(0 0,97% 0,100% 10%,100% 100%,3% 100%,0 90%)}.wikiHero{background-position:center 55%;border-color:var(--cyan)}.faqHero{background-position:center 42%;border-color:var(--lime)}.related{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:65px;padding:22px;background:var(--deep);border-top:2px solid var(--cyan)}.related span{width:100%;color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.related a{padding:9px 12px;background:#12353e;font-size:14px;font-weight:700}.related a:hover{background:var(--sea)}table{display:block;overflow-x:auto;white-space:nowrap}a,button,summary{touch-action:manipulation}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:480px){.articleHero{margin:-20px -8px 32px;height:220px}.related{align-items:stretch}.related a{width:100%}}
.answerBox{margin:30px 0 45px;padding:24px 26px;background:linear-gradient(135deg,rgba(78,225,208,.12),rgba(186,222,96,.06));border-left:4px solid var(--lime)}.answerBox>b{display:block;font:800 28px Impact,'Arial Narrow',sans-serif;text-transform:uppercase;color:var(--foam)}.answerBox p{margin-bottom:0}