@import url('data:text/css,');

:root {
  --ink: #061014;
  --ink-2: #0a191e;
  --panel: #0d2025;
  --panel-2: #10282e;
  --line: rgba(162, 211, 207, .16);
  --line-strong: rgba(162, 211, 207, .28);
  --text: #f2f7f4;
  --muted: #98aaa8;
  --aqua: #67e2cf;
  --aqua-dark: #183e3e;
  --sand: #e6c66c;
  --danger: #ff806c;
  --shell: 1180px;
  --radius: 18px;
  --shadow: 0 20px 60px rgba(0, 0, 0, .26);
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 78% 8%, rgba(36, 116, 110, .12), transparent 31rem),
    var(--ink);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
[hidden], .is-hidden { display: none !important; }
.shell { width: min(calc(100% - 40px), var(--shell)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 100; top: 10px; left: 10px; padding: 10px 14px; background: var(--aqua); color: var(--ink); transform: translateY(-150%); border-radius: 8px; font-weight: 800; }
.skip-link:focus { transform: none; }
:focus-visible { outline: 3px solid var(--sand); outline-offset: 4px; }

.site-header { position: sticky; z-index: 50; top: 0; border-bottom: 1px solid var(--line); background: rgba(6, 16, 20, .82); backdrop-filter: blur(18px); }
.header-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 12px; }
.brand-mark { position: relative; width: 38px; height: 38px; border: 1px solid rgba(103, 226, 207, .45); border-radius: 50%; }
.brand-mark::before, .brand-mark::after, .brand-mark span::before { content: ""; position: absolute; left: 8px; right: 8px; height: 1px; background: var(--aqua); border-radius: 50%; transform: rotate(-8deg); }
.brand-mark::before { top: 13px; }.brand-mark::after { top: 18px; left: 11px; }.brand-mark span::before { top: 23px; left: 14px; }
.brand-copy { display: grid; letter-spacing: .1em; line-height: 1.05; }
.brand-copy strong { font-size: .84rem; }.brand-copy small { margin-top: 5px; color: var(--aqua); font-size: .58rem; font-weight: 800; }
.site-nav { display: flex; align-items: center; gap: 28px; }
.site-nav a { position: relative; padding-block: 27px 24px; color: #c7d2d0; font-size: .84rem; font-weight: 700; }
.site-nav a::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--aqua); transform: scaleX(0); transition: transform .2s ease; }
.site-nav a:hover { color: var(--text); }.site-nav a:hover::after { transform: scaleX(1); }
.menu-toggle { display: none; min-height: 44px; border: 1px solid var(--line-strong); border-radius: 10px; background: transparent; color: var(--text); }

.hero { position: relative; isolation: isolate; min-height: 660px; display: grid; align-items: center; overflow: hidden; border-bottom: 1px solid var(--line); background-image: linear-gradient(rgba(125,190,184,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(125,190,184,.045) 1px, transparent 1px); background-size: 54px 54px; }
.hero::after { content: ""; position: absolute; z-index: -1; inset: auto 0 0; height: 190px; background: linear-gradient(transparent, var(--ink)); }
.hero-glow { position: absolute; z-index: -1; width: 650px; height: 650px; top: -170px; left: 56%; border-radius: 50%; background: radial-gradient(circle, rgba(45, 148, 135, .18), rgba(45,148,135,.04) 45%, transparent 70%); }
.bubble-field i { position: absolute; border: 1px solid rgba(103,226,207,.18); border-radius: 50%; }.bubble-field i:nth-child(1){width:10px;height:10px;left:8%;top:25%}.bubble-field i:nth-child(2){width:5px;height:5px;left:13%;top:67%}.bubble-field i:nth-child(3){width:15px;height:15px;right:13%;top:19%}.bubble-field i:nth-child(4){width:7px;height:7px;right:7%;top:63%}.bubble-field i:nth-child(5){width:4px;height:4px;right:35%;top:30%}
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .72fr); align-items: center; gap: clamp(60px, 9vw, 130px); padding-block: 92px 110px; }
.eyebrow, .section-kicker { margin: 0 0 16px; color: var(--aqua); font-size: .7rem; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 10px; }.eyebrow span { width: 28px; height: 1px; background: var(--aqua); }
h1 { max-width: 760px; margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(3.5rem, 7.1vw, 6.7rem); font-weight: 400; letter-spacing: -.055em; line-height: .91; }
h1 span { color: var(--aqua); font-style: italic; }
.hero-lead { max-width: 630px; margin: 28px 0 0; color: #b8c6c4; font-size: clamp(1rem, 1.5vw, 1.2rem); }
.hero-actions { display: flex; gap: 12px; margin-top: 32px; }
.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 28px; padding: 0 20px; border: 1px solid var(--line-strong); border-radius: 9px; font-size: .8rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; transition: transform .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }.button--primary { border-color: var(--aqua); background: var(--aqua); color: #06201e; }.button--ghost:hover { background: rgba(255,255,255,.04); }
.guide-search { position: relative; max-width: 660px; margin-top: 48px; }
.guide-search input { width: 100%; height: 64px; padding: 0 58px 0 54px; border: 1px solid var(--line-strong); border-radius: 12px; background: rgba(6,16,20,.74); color: var(--text); box-shadow: var(--shadow); outline: none; }
.guide-search input:focus { border-color: var(--aqua); box-shadow: 0 0 0 3px rgba(103,226,207,.1), var(--shadow); }
.guide-search input::placeholder { color: #738785; }.guide-search kbd { position: absolute; top: 19px; right: 18px; min-width: 26px; padding: 2px 6px; border: 1px solid var(--line-strong); border-radius: 6px; color: var(--muted); text-align: center; }
.search-icon { position: absolute; z-index: 1; top: 22px; left: 21px; width: 17px; height: 17px; border: 2px solid var(--aqua); border-radius: 50%; }.search-icon::after { content:""; position:absolute; width:7px; height:2px; right:-5px; bottom:-2px; background:var(--aqua); transform:rotate(45deg); }
.search-hint { margin: 10px 0 0 4px; color: #728482; font-size: .74rem; }
.field-note { position: relative; min-height: 400px; padding: 28px; border: 1px solid var(--line-strong); background: linear-gradient(145deg, rgba(17,47,51,.8), rgba(8,25,29,.9)); box-shadow: var(--shadow); transform: rotate(1deg); }
.field-note::before, .field-note::after { content:""; position:absolute; width:10px; height:10px; border-color:var(--aqua); opacity:.5; }.field-note::before { top:10px;left:10px;border-top:1px solid;border-left:1px solid}.field-note::after { right:10px;bottom:10px;border-right:1px solid;border-bottom:1px solid}
.field-note__top { display:flex; justify-content:space-between; color:var(--muted); font-size:.62rem; letter-spacing:.12em; text-transform:uppercase; }.field-note__top span:last-child { color:var(--aqua); }
.field-note__number { margin: 28px 0 -24px; color: rgba(103,226,207,.08); font: 8rem/1 Georgia,serif; }
.field-note__quote { margin: 0; font: italic 2rem/1.15 Georgia,serif; }.field-note__line { width:50px; height:2px; margin:30px 0; background:var(--sand); }
.field-note dl { margin:0; }.field-note dl div { display:flex; justify-content:space-between; padding:11px 0; border-top:1px solid var(--line); }.field-note dt { color:var(--muted); font-size:.72rem; text-transform:uppercase; letter-spacing:.1em}.field-note dd { margin:0; font-size:.78rem; font-weight:700; }

.content-shell { padding-block: 92px 110px; }.guide-section { scroll-margin-top: 96px; margin-top: 100px; }.guide-section:first-child { margin-top: 0; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:30px; }.section-heading h2, .search-empty h2 { margin:0; font: 400 clamp(2rem,4vw,3.5rem)/1 Georgia,serif; letter-spacing:-.035em; }.section-heading p:last-child { max-width:380px; margin:0; color:var(--muted); font-size:.88rem; }.section-kicker { margin-bottom:10px; }.section-heading--inline { align-items:center; }
.text-link { color:var(--aqua); font-size:.76rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }.text-link span { margin-left:10px; }
.problem-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); }
.problem-card { position:relative; min-height:118px; display:grid; grid-template-columns:38px 54px 1fr 30px; align-items:center; gap:20px; padding:22px 24px 22px 0; border-bottom:1px solid var(--line); transition:background .2s ease,padding .2s ease; }.problem-card:nth-child(odd){border-right:1px solid var(--line);}.problem-card:nth-child(even){padding-left:24px}.problem-card:hover { background:rgba(103,226,207,.035); padding-right:16px; }.card-index { align-self:start; color:#5e7472; font-size:.63rem; font-weight:800; }.card-icon { position:relative; width:50px; height:50px; border:1px solid var(--line-strong); border-radius:50%; background:var(--panel); }.card-icon::before,.card-icon::after { content:""; position:absolute; inset:14px; border:1px solid var(--aqua); border-radius:45% 55% 55% 45%; }.card-icon::after { inset:20px 12px; border-width:1px 0 0; border-radius:0; }.card-icon--drop::before{transform:rotate(45deg);border-radius:60% 15% 60% 60%}.card-icon--key::before{inset:14px 23px 14px 13px;border-radius:50%}.card-icon--key::after{inset:23px 11px 23px 25px;border-top:2px solid var(--aqua)}.card-icon--orb::before{border-radius:50%}.card-icon--orb::after{inset:9px;border:0;background:repeating-conic-gradient(from 0deg,transparent 0 20deg,var(--aqua) 21deg 23deg,transparent 24deg 45deg)}.card-icon--island::before{inset:23px 9px 10px;border-radius:50% 50% 20% 20%}.card-body { display:grid; gap:5px; }.card-body strong { font-family:Georgia,serif;font-size:1.12rem;font-weight:400}.card-body small { color:var(--muted);font-size:.7rem}.card-arrow { color:var(--aqua); font-size:1.2rem; }
.start-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.feature-card { position:relative; min-height:255px; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; padding:24px; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(150deg,var(--panel-2),var(--panel)); transition:transform .25s ease,border-color .25s ease; }.feature-card:hover { transform:translateY(-4px);border-color:var(--line-strong)}.feature-card--wide { grid-column:span 2;background:linear-gradient(125deg,#133833,#0d2327 70%)}.feature-card__label { position:absolute;top:18px;left:18px;padding:5px 9px;border-radius:30px;background:var(--aqua);color:var(--ink);font-size:.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.feature-card__art { position:absolute; top:18px; right:18px; width:110px;height:110px;border:1px solid rgba(103,226,207,.15);border-radius:50%;opacity:.7}.feature-card--wide .feature-card__art{width:190px;height:190px;top:18px;right:55px}.feature-card__art::before,.feature-card__art::after{content:"";position:absolute;inset:24%;border:1px solid var(--aqua);border-radius:50%}.feature-card__art::after{inset:42%;background:var(--aqua)}.feature-card__art--map::before{border-radius:0;transform:rotate(18deg)}.feature-card__art--waves::before{border-width:1px 0;border-radius:50%;inset:34% 15%}.feature-card__art--target::before{inset:15%}.feature-card__art--sun::after{box-shadow:0 0 28px var(--sand);background:var(--sand)}.feature-card__art--hook::before{inset:25% 40% 20% 25%;border-width:0 2px 2px 0;border-radius:0 0 70% 0}.feature-card__copy { position:relative;display:grid;max-width:360px}.feature-card__copy small{margin-bottom:8px;color:var(--aqua);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em}.feature-card__copy strong{font:400 1.55rem/1.2 Georgia,serif}.feature-card__copy span{margin-top:8px;color:var(--muted);font-size:.78rem}.round-arrow{position:absolute;right:20px;bottom:20px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:var(--aqua)}
.boss-section { padding:50px; margin-inline:-50px; border:1px solid var(--line); background:linear-gradient(160deg,rgba(14,37,42,.82),rgba(7,20,24,.8)); }.boss-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.boss-card{position:relative;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:22px;border:1px solid var(--line);background:rgba(3,13,16,.36);transition:background .2s ease}.boss-card:hover{background:rgba(103,226,207,.045)}.boss-card__count{position:absolute;top:18px;left:18px;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em}.boss-card__sigil{position:absolute;top:52px;width:135px;height:135px;border:1px solid rgba(103,226,207,.2);border-radius:50%;background:radial-gradient(circle,rgba(103,226,207,.12),transparent 68%)}.boss-card__sigil::before,.boss-card__sigil::after{content:"";position:absolute;inset:30%;border:2px solid var(--aqua);border-radius:45% 55% 45% 55%;transform:rotate(22deg)}.boss-card__sigil::after{inset:43% 18%;border-width:2px 0 0;border-radius:0;transform:rotate(-10deg)}.boss-card__sigil--piranha::before{inset:34% 21%;border-radius:60% 35% 45% 60%}.boss-card__sigil--puffer::before{border-radius:50%;box-shadow:0 -18px 0 -16px var(--aqua),16px -8px 0 -16px var(--aqua),16px 10px 0 -16px var(--aqua),-16px 10px 0 -16px var(--aqua),-16px -8px 0 -16px var(--aqua)}.boss-card__copy{display:grid;text-align:center}.boss-card__copy strong{font:400 1.35rem Georgia,serif}.boss-card__copy small{margin-top:5px;color:var(--muted);font-size:.68rem}.difficulty{display:flex;align-items:center;gap:4px;margin-top:18px}.difficulty i{width:18px;height:3px;background:var(--aqua)}.difficulty em{margin-left:7px;color:var(--muted);font-size:.62rem;font-style:normal;text-transform:uppercase}.boss-card:first-child .difficulty i:nth-child(n+2){background:var(--line-strong)}.boss-card:nth-child(2) .difficulty i:nth-child(3){background:var(--line-strong)}
.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.resource-link{min-height:78px;display:grid;grid-template-columns:38px 1fr 30px;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:0 22px 0 0}.resource-link:nth-child(odd){border-right:1px solid var(--line)}.resource-link:nth-child(even){padding-left:22px}.resource-link span{color:#607371;font-size:.62rem}.resource-link strong{font:400 1.06rem Georgia,serif}.resource-link i,.update-row i{color:var(--aqua);font-style:normal;transition:transform .2s ease}.resource-link:hover i,.update-row:hover i{transform:translateX(5px)}
.updates-list{border-top:1px solid var(--line)}.update-row{min-height:92px;display:grid;grid-template-columns:80px 1fr 120px 30px;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.update-row time{color:var(--sand);font-size:.72rem;font-weight:850;text-transform:uppercase}.update-row span{display:grid;gap:5px}.update-row strong{font:400 1.07rem Georgia,serif}.update-row small{color:var(--muted);font-size:.68rem}.update-row b{justify-self:start;padding:5px 9px;border:1px solid rgba(103,226,207,.25);border-radius:20px;color:var(--aqua);font-size:.57rem;letter-spacing:.08em;text-transform:uppercase}
.search-empty { padding:90px 20px;text-align:center}.search-empty>span{color:var(--aqua);font-size:3rem}.search-empty p{color:var(--muted)}
.site-footer{border-top:1px solid var(--line);background:#050d10}.footer-inner{min-height:190px;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand--footer{margin-bottom:14px}.footer-inner p{margin:0;color:#687b79;font-size:.7rem}.footer-inner>p{text-align:right}
.searching [data-search-section].is-empty { display:none; }

@media (max-width: 960px) {
  .hero-grid { grid-template-columns:1fr; }.field-note{display:none}.hero{min-height:auto}.start-grid{grid-template-columns:repeat(2,1fr)}.feature-card--wide{grid-column:span 2}.boss-section{margin-inline:0;padding:34px}.boss-grid{grid-template-columns:1fr}.boss-card{min-height:220px;align-items:flex-start}.boss-card__sigil{top:40px;right:40px}.boss-card__copy{text-align:left}.site-nav{gap:18px}.site-nav a{font-size:.76rem}
}

@media (max-width: 700px) {
  .shell{width:min(calc(100% - 28px),var(--shell))}.header-inner{min-height:66px}.menu-toggle{display:flex;align-items:center;gap:9px;padding:0 12px}.menu-toggle__icon{display:grid;gap:5px}.menu-toggle__icon i{display:block;width:17px;height:1px;background:var(--aqua);transition:transform .2s ease}.menu-toggle[aria-expanded="true"] .menu-toggle__icon i:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-toggle__icon i:last-child{transform:translateY(-3px) rotate(-45deg)}.menu-toggle__label{font-size:.72rem;font-weight:800}.site-nav{position:absolute;top:66px;right:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 14px 16px;border-bottom:1px solid var(--line);background:rgba(6,16,20,.98)}.site-nav.is-open{display:flex}.site-nav a{padding:14px 8px;border-bottom:1px solid var(--line)}.site-nav a::after{display:none}.hero-grid{padding-block:70px 80px}.hero{background-size:38px 38px}h1{font-size:clamp(3rem,15vw,4.6rem)}.hero-lead{font-size:1rem}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.guide-search{margin-top:34px}.guide-search input{height:58px;font-size:.9rem}.guide-search kbd{display:none}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.section-heading--inline{flex-direction:row;align-items:end}.section-heading--inline .text-link{padding-bottom:4px}.problem-grid,.resource-grid{grid-template-columns:1fr}.problem-card:nth-child(odd),.resource-link:nth-child(odd){border-right:0}.problem-card:nth-child(even),.resource-link:nth-child(even){padding-left:0}.problem-card{grid-template-columns:28px 48px 1fr 22px;gap:12px}.start-grid{grid-template-columns:1fr}.feature-card--wide{grid-column:auto}.feature-card--wide .feature-card__art{width:120px;height:120px;right:20px}.boss-section{padding:26px 18px;margin-inline:-2px}.boss-card__sigil{width:110px;height:110px;right:24px}.updates-section .section-heading p:last-child{display:none}.update-row{grid-template-columns:58px 1fr 24px;gap:10px}.update-row b{display:none}.content-shell{padding-block:70px 90px}.guide-section{margin-top:78px}.footer-inner{padding-block:45px;align-items:flex-start;flex-direction:column}.footer-inner>p{text-align:left}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}

/* Article template */
.article-hero { position:relative;isolation:isolate;overflow:hidden;padding:58px 0 72px;border-bottom:1px solid var(--line);background-image:linear-gradient(rgba(125,190,184,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(125,190,184,.04) 1px,transparent 1px);background-size:54px 54px }
.article-hero__glow{position:absolute;z-index:-1;top:-350px;right:-100px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(49,145,133,.15),transparent 68%)}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:54px;color:var(--muted);font-size:.7rem}.breadcrumbs a:hover{color:var(--aqua)}
.article-hero__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.62fr);align-items:end;gap:90px}.article-hero h1{max-width:800px;font-size:clamp(3.4rem,6.8vw,6.5rem)}.article-hero h1 span{display:block}.article-deck{max-width:700px;margin:28px 0 0;color:#b8c6c4;font-size:1.08rem}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:28px;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.article-meta b{padding:6px 10px;border:1px solid rgba(103,226,207,.28);border-radius:20px;color:var(--aqua);font-size:.58rem}
.fact-card{padding:25px;border:1px solid var(--line-strong);background:rgba(9,29,33,.82);box-shadow:var(--shadow)}.fact-card__icon{display:block;margin:0 0 24px}.fact-card>p,.article-toc>p{margin:0 0 16px;color:var(--aqua);font-size:.62rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.fact-card dl{margin:0}.fact-card dl div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-top:1px solid var(--line)}.fact-card dt{color:var(--muted);font-size:.72rem}.fact-card dd{margin:0;font-size:.75rem;font-weight:750}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 250px;justify-content:space-between;gap:80px;padding-block:80px 120px}.article-body>section{scroll-margin-top:110px;margin-top:78px}.article-body>section:first-child{margin-top:0}.article-body h2{margin:0 0 20px;font:400 clamp(2rem,4vw,3rem)/1.08 Georgia,serif;letter-spacing:-.03em}.article-body h3{margin:0 0 7px;font:400 1.18rem Georgia,serif}.article-body p{color:#afbfbd}.article-body strong{color:var(--text)}
.answer-box{padding:34px;border:1px solid rgba(103,226,207,.35);border-left:3px solid var(--aqua);background:linear-gradient(125deg,rgba(22,66,61,.42),rgba(10,29,33,.6))}.answer-box p:last-child{margin-bottom:0;font-size:1.02rem}
.location-card{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:30px;margin-top:28px;padding:22px;border:1px solid var(--line);background:var(--panel)}.location-card__map{position:relative;display:block;height:130px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 62% 46%,rgba(103,226,207,.14) 0 7px,transparent 8px),repeating-radial-gradient(ellipse at 45% 55%,transparent 0 17px,rgba(103,226,207,.08) 18px 19px,transparent 20px 28px)}.location-card__map i{position:absolute;width:8px;height:8px;border:2px solid var(--sand);border-radius:50%}.location-card__map i:nth-child(1){top:25%;left:22%}.location-card__map i:nth-child(2){top:62%;left:58%}.location-card__map i:nth-child(3){top:34%;right:17%}.location-card small{color:var(--aqua);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.location-card strong{display:block;margin-top:4px;font:400 1.2rem Georgia,serif}.location-card p{margin:8px 0 0;font-size:.78rem}
.step-list{margin:30px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.step-list li{display:grid;grid-template-columns:48px 1fr;gap:22px;padding:26px 0;border-bottom:1px solid var(--line)}.step-list li>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(103,226,207,.35);border-radius:50%;color:var(--aqua);font:italic 1rem Georgia,serif}.step-list p{margin:0;font-size:.9rem}
.tip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tip-grid>div{padding:22px;border:1px solid var(--line);background:rgba(13,32,37,.55)}.tip-grid strong{font:400 1.05rem Georgia,serif}.tip-grid p{margin:8px 0 0;font-size:.78rem}.warning-note{margin-top:18px;padding:20px 22px;border-left:3px solid var(--sand);background:rgba(230,198,108,.065)}.warning-note p{margin:5px 0 0;font-size:.8rem}
.next-guide{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:28px;padding:28px;border:1px solid rgba(103,226,207,.3);background:linear-gradient(120deg,#143a36,#0c2529);transition:transform .2s ease,border-color .2s ease}.next-guide:hover{transform:translateY(-3px);border-color:var(--aqua)}.next-guide>span{display:grid}.next-guide small{color:var(--aqua);font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.next-guide strong{margin-top:8px;font:400 1.45rem Georgia,serif}.next-guide em{margin-top:5px;color:var(--muted);font-size:.74rem;font-style:normal}.next-guide i{color:var(--aqua);font-size:1.5rem;font-style:normal}
.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{padding:20px 32px 20px 0;cursor:pointer;font:400 1rem Georgia,serif}.faq details p{margin:0;padding:0 0 20px;font-size:.86rem}
.article-sidebar{position:relative}.article-toc{position:sticky;top:110px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.article-toc a{display:grid;grid-template-columns:26px 1fr;gap:8px;padding:8px 0;color:var(--muted);font-size:.72rem}.article-toc a:hover{color:var(--aqua)}.article-toc a span{color:#5e7371;font-size:.58rem}.verified-note{display:flex;gap:12px;margin-top:20px;padding:16px;border:1px solid var(--line);background:rgba(13,32,37,.45)}.verified-note>span{flex:0 0 24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--aqua);color:var(--ink);font-weight:900}.verified-note strong{font-size:.72rem}.verified-note p{margin:5px 0 0;color:var(--muted);font-size:.65rem}
.previous-guide{display:inline-flex;align-items:center;gap:14px;margin-top:24px;padding:14px 18px;border:1px solid var(--line);background:rgba(13,32,37,.5)}.previous-guide>span:first-child{color:var(--aqua)}.previous-guide>span:last-child{display:grid}.previous-guide small{color:var(--muted);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em}.previous-guide strong{font:400 .95rem Georgia,serif}.fact-card>.boss-card__sigil{position:relative;top:auto;display:block;width:74px;height:74px;margin:0 0 20px}
.fact-card>.feature-card__art{position:relative;top:auto;right:auto;display:block;width:74px;height:74px;margin:0 0 20px}.related-pair{display:flex;flex-wrap:wrap;gap:10px}
.boss-card__sigil--bird::before{inset:35% 16%;border-radius:70% 10% 70% 10%;transform:rotate(-18deg)}.boss-card__sigil--bird::after{inset:48% 18%;transform:rotate(12deg)}
.article-hero--volcano .article-hero__glow{background:radial-gradient(circle,rgba(255,128,108,.16),rgba(230,198,108,.05) 42%,transparent 70%)}.feature-card__art--volcano::before{inset:27% 22% 18%;border-radius:60% 60% 15% 15%;transform:rotate(45deg);border-color:var(--danger)}.feature-card__art--volcano::after{inset:38%;background:var(--sand);box-shadow:0 0 24px rgba(255,128,108,.5)}
.boss-card__sigil--whale::before{inset:37% 16%;border-radius:70% 40% 55% 70%;transform:rotate(-8deg);border-color:var(--danger)}.boss-card__sigil--whale::after{inset:46% 14% 40% 58%;border-top:2px solid var(--sand);transform:rotate(-18deg)}.achievement-note{display:flex;gap:16px;margin-top:42px;padding:22px;border:1px solid rgba(230,198,108,.28);background:rgba(230,198,108,.06)}.achievement-note>span{color:var(--sand);font-size:1.5rem}.achievement-note strong{font:400 1.05rem Georgia,serif}.achievement-note p{margin:6px 0 0;color:var(--muted);font-size:.78rem}
.article-hero--ending .article-hero__glow{background:radial-gradient(circle,rgba(103,226,207,.18),rgba(86,148,190,.06) 45%,transparent 70%)}.ending-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}.ending-checklist>div{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid var(--line);background:rgba(13,32,37,.5)}.ending-checklist span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--aqua);color:var(--ink);font-weight:900}.ending-checklist strong{font:400 .92rem Georgia,serif}.resource-grid--article{margin-top:28px}
@media (max-width:700px){.ending-checklist{grid-template-columns:1fr}}

@media (max-width:960px){.article-hero__grid{grid-template-columns:1fr;gap:40px}.fact-card{max-width:520px}.article-layout{grid-template-columns:1fr}.article-sidebar{display:none}}
@media (max-width:700px){.article-hero{padding:38px 0 58px}.breadcrumbs{margin-bottom:40px}.article-hero h1{font-size:clamp(3rem,14.5vw,4.5rem)}.article-meta{align-items:flex-start;flex-direction:column}.article-layout{padding-block:60px 90px}.answer-box{padding:24px 20px}.article-body>section{margin-top:62px}.location-card{grid-template-columns:1fr}.location-card__map{height:150px}.tip-grid{grid-template-columns:1fr}.next-guide{padding:22px}.next-guide em{display:none}}

/* Full walkthrough */
.article-hero--walkthrough{background:radial-gradient(circle at 78% 32%,rgba(103,226,207,.13),transparent 26rem)}
.walkthrough-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}.walkthrough-checklist label{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid var(--line);background:rgba(13,32,37,.5);color:#afbfbd;font-size:.8rem}.walkthrough-checklist input{accent-color:var(--aqua)}
.walkthrough-route{position:relative;display:grid;gap:12px;margin-top:28px}.walkthrough-route::before{content:"";position:absolute;top:36px;bottom:36px;left:34px;width:1px;background:linear-gradient(var(--aqua),rgba(103,226,207,.1))}.route-step{position:relative;display:grid;grid-template-columns:56px 1fr;gap:18px;padding:22px;border:1px solid var(--line);background:rgba(13,32,37,.55)}.route-step__number{z-index:1;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(103,226,207,.4);border-radius:50%;background:#092126;color:var(--aqua);font-size:.7rem;font-weight:850}.route-step small{color:var(--aqua);font-size:.61rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.route-step h3{margin-top:5px}.route-step p{margin:7px 0 10px;font-size:.86rem}.route-step a{color:var(--aqua);font-size:.76rem;font-weight:800}.route-step--final{border-color:rgba(230,198,108,.35);background:linear-gradient(120deg,rgba(33,58,48,.8),rgba(13,32,37,.65))}.route-step--final .route-step__number{border-color:var(--sand);color:var(--sand)}
@media (max-width:700px){.walkthrough-checklist{grid-template-columns:1fr}.route-step{grid-template-columns:46px 1fr;padding:18px 14px;gap:10px}.walkthrough-route::before{left:35px}.route-step__number{width:36px;height:36px}}

/* Boss guide index */
.article-hero--boss-index .article-hero__glow{background:radial-gradient(circle,rgba(255,128,108,.13),rgba(230,198,108,.04) 46%,transparent 70%)}.boss-index-sigil{position:relative;display:block;width:74px;height:74px;margin-bottom:20px;border:1px solid rgba(255,128,108,.3);border-radius:50%;background:radial-gradient(circle,rgba(255,128,108,.18),transparent 65%)}.boss-index-sigil::before,.boss-index-sigil::after{content:"";position:absolute;inset:23px 12px;border:1px solid var(--danger);border-radius:55% 45% 48% 52%}.boss-index-sigil::after{inset:33px 20px;border-width:1px 0 0;border-radius:0}
.boss-guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.boss-guide-card{position:relative;overflow:hidden;padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,42,46,.82),rgba(9,25,29,.92))}.boss-guide-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;color:var(--muted);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.boss-guide-card__top>span{color:var(--aqua);font-weight:850}.boss-guide-card>.boss-card__sigil{position:relative;top:auto;right:auto;width:64px;height:64px;margin:0 0 20px}.boss-guide-card h3{font-size:1.45rem}.boss-guide-card>p{min-height:80px;margin:8px 0 20px;font-size:.8rem}.boss-guide-card dl{margin:0 0 20px}.boss-guide-card dl div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-top:1px solid var(--line)}.boss-guide-card dt{color:var(--muted);font-size:.66rem}.boss-guide-card dd{margin:0;color:var(--text);font-size:.68rem;font-weight:750}.boss-guide-card>a{color:var(--aqua);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.boss-guide-card--final{border-color:rgba(230,198,108,.3)}
.boss-jump-list{display:grid;margin-top:26px;border-top:1px solid var(--line)}.boss-jump-list a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.78rem}.boss-jump-list a>span{color:var(--aqua);font-size:.65rem;font-weight:850}.boss-jump-list strong{font:400 .95rem Georgia,serif}.boss-jump-list a:hover strong{color:var(--aqua)}
@media (max-width:700px){.boss-guide-grid{grid-template-columns:1fr}.boss-guide-card>p{min-height:0}.boss-jump-list a{grid-template-columns:28px 1fr}.boss-jump-list strong{grid-column:2}}

/* Island guide index */
.article-hero--island-index .article-hero__glow{background:radial-gradient(circle,rgba(86,148,190,.16),rgba(103,226,207,.05) 45%,transparent 70%)}.island-index-map{position:relative;display:block;height:76px;margin-bottom:20px;border:1px solid var(--line);background:repeating-radial-gradient(ellipse at 45% 55%,transparent 0 13px,rgba(103,226,207,.09) 14px 15px,transparent 16px 23px)}.island-index-map i{position:absolute;width:9px;height:9px;border:2px solid var(--aqua);border-radius:50%}.island-index-map i:nth-child(1){left:18%;top:53%}.island-index-map i:nth-child(2){left:52%;top:25%}.island-index-map i:nth-child(3){right:16%;bottom:18%;border-color:var(--sand)}
.island-route{display:grid;gap:15px;margin-top:28px}.island-route-card{display:grid;grid-template-columns:180px 1fr;overflow:hidden;border:1px solid var(--line);background:rgba(13,32,37,.58)}.island-route-card__visual{position:relative;min-height:300px;border-right:1px solid var(--line);background:radial-gradient(ellipse at 50% 64%,rgba(103,226,207,.22) 0 18%,transparent 19%),repeating-radial-gradient(ellipse at 50% 64%,transparent 0 22px,rgba(103,226,207,.07) 23px 24px,transparent 25px 34px),linear-gradient(#102e33,#091a1e)}.island-route-card__visual>span{position:absolute;top:18px;left:18px;color:rgba(103,226,207,.55);font:italic 2rem Georgia,serif}.island-route-card__visual>i{position:absolute;left:50%;bottom:25%;width:34px;height:18px;border:1px solid var(--aqua);border-radius:50% 50% 28% 28%;transform:translateX(-50%)}.island-route-card__visual--volcano{background:radial-gradient(circle at 50% 64%,rgba(255,128,108,.2),transparent 20%),linear-gradient(#2e2423,#111d20)}.island-route-card__visual--volcano>i{border-color:var(--danger);border-radius:60% 60% 15% 15%;transform:translateX(-50%) rotate(8deg)}.island-route-card__body{padding:26px}.island-route-card__body>small{color:var(--aqua);font-size:.62rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.island-route-card__body h3{margin-top:7px;font-size:1.5rem}.island-route-card__body>p{margin:8px 0 20px;font-size:.82rem}.island-route-card__body dl{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px;margin:0 0 22px}.island-route-card__body dl div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.island-route-card__body dt{color:var(--muted);font-size:.65rem}.island-route-card__body dd{margin:0;color:var(--text);font-size:.67rem;font-weight:750;text-align:right}.island-route-card__body>a{color:var(--aqua);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.island-route-card--final{border-color:rgba(230,198,108,.3)}
@media (max-width:700px){.island-route-card{grid-template-columns:1fr}.island-route-card__visual{min-height:130px;border-right:0;border-bottom:1px solid var(--line)}.island-route-card__body{padding:22px 18px}.island-route-card__body dl{grid-template-columns:1fr}}

/* Resource hubs */
.article-hero--guide-index .article-hero__glow{background:radial-gradient(circle,rgba(103,226,207,.17),rgba(86,148,190,.05) 45%,transparent 70%)}.guide-compass{position:relative;display:block;width:72px;height:72px;margin-bottom:20px;border:1px solid rgba(103,226,207,.4);border-radius:50%}.guide-compass::before{content:"";position:absolute;inset:15px;border:1px solid var(--line-strong);border-radius:50%}.guide-compass::after{content:"";position:absolute;left:32px;top:13px;width:7px;height:42px;background:linear-gradient(var(--aqua) 0 50%,var(--sand) 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:rotate(35deg)}
.hub-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px}.hub-card-grid article{padding:24px;border:1px solid var(--line);background:rgba(13,32,37,.55)}.hub-card-grid article>span{color:var(--aqua);font-size:.62rem;font-weight:850}.hub-card-grid h3{margin-top:18px}.hub-card-grid p{margin:7px 0 0;font-size:.8rem}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.resource-card{display:grid;gap:7px;padding:22px;border:1px solid var(--line);background:rgba(13,32,37,.55)}.resource-card>span{color:var(--aqua);font-size:.61rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.resource-card>strong{font:400 1.25rem Georgia,serif}.resource-card>small{color:var(--muted)}.resource-card:hover{border-color:rgba(103,226,207,.4)}
@media(max-width:700px){.hub-card-grid,.resource-grid{grid-template-columns:1fr}}

.article-hero--fish-index .article-hero__glow{background:radial-gradient(circle,rgba(86,148,190,.18),rgba(103,226,207,.05) 48%,transparent 70%)}.fish-index-sigil{position:relative;display:block;width:78px;height:62px;margin-bottom:24px;border:1px solid var(--aqua);border-radius:60% 42% 48% 60%}.fish-index-sigil::before{content:"";position:absolute;right:-24px;top:12px;border-top:18px solid transparent;border-bottom:18px solid transparent;border-left:25px solid rgba(103,226,207,.45)}.fish-index-sigil::after{content:"";position:absolute;left:17px;top:20px;width:6px;height:6px;border-radius:50%;background:var(--aqua)}
.fish-tier-grid{display:grid;gap:11px;margin-top:26px}.fish-tier-grid article{display:grid;grid-template-columns:90px 150px 1fr auto;align-items:center;gap:16px;padding:17px 20px;border:1px solid var(--line);background:rgba(13,32,37,.52)}.fish-tier-grid span{color:var(--aqua);font-size:.62rem;font-weight:850;text-transform:uppercase}.fish-tier-grid h3,.fish-tier-grid p{margin:0}.fish-tier-grid p{font-size:.78rem}.fish-tier-grid small{color:var(--muted);text-align:right}.data-table-wrap{overflow-x:auto;margin-top:26px;border:1px solid var(--line)}.guide-data-table{width:100%;border-collapse:collapse;min-width:620px}.guide-data-table th,.guide-data-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:.76rem}.guide-data-table th{color:var(--aqua);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;background:rgba(13,32,37,.8)}.guide-data-table td{color:#afbfbd}.guide-data-table tr:last-child td{border-bottom:0}.guide-data-table a{color:var(--aqua)}
@media(max-width:700px){.fish-tier-grid article{grid-template-columns:1fr;gap:7px}.fish-tier-grid small{text-align:left}}

.article-hero--achievement-index .article-hero__glow{background:radial-gradient(circle,rgba(230,198,108,.17),rgba(255,128,108,.04) 46%,transparent 70%)}.achievement-medal{width:72px;height:72px;display:grid;place-items:center;margin-bottom:20px;border:1px solid rgba(230,198,108,.55);border-radius:50%;background:radial-gradient(circle,rgba(230,198,108,.15),transparent 68%);color:var(--sand);font-size:1.7rem}
.achievement-group{margin-top:30px}.achievement-group>h3{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:1.35rem}.achievement-group>h3 span{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:var(--aqua);font:.68rem Arial,sans-serif}.achievement-checks{display:grid;grid-template-columns:repeat(2,1fr)}.achievement-checks label{display:flex;gap:12px;padding:17px 14px 17px 0;border-bottom:1px solid var(--line);cursor:pointer}.achievement-checks label:nth-child(odd){border-right:1px solid var(--line)}.achievement-checks label:nth-child(even){padding-left:18px}.achievement-checks input{margin-top:3px;accent-color:var(--aqua)}.achievement-checks label>span{display:grid;gap:4px}.achievement-checks strong{font:400 1rem Georgia,serif}.achievement-checks small{color:var(--muted);font-size:.7rem;line-height:1.45}.achievement-checks label:has(input:checked){opacity:.52}.achievement-checks label:has(input:checked) strong{text-decoration:line-through}
@media(max-width:700px){.achievement-checks{grid-template-columns:1fr}.achievement-checks label:nth-child(odd){border-right:0}.achievement-checks label:nth-child(even){padding-left:0}}

/* Error page */
.error-main{min-height:calc(100vh - 76px);display:grid;align-items:center;background:radial-gradient(circle at 70% 30%,rgba(103,226,207,.12),transparent 34rem)}.error-shell{padding-block:90px}.error-shell h1{max-width:850px}.error-shell>p:not(.eyebrow){max-width:620px;margin:28px 0 0;color:var(--muted);font-size:1.05rem}