:root{--night: #0b1828;--night2: #10233a;--deep: #163552;--sea: #1f5f96;--sea-hi: #56b8e6;--ink: #07101a;--text: #ece4cf;--sub: #9fb0c3;--link: #ffd36b;--gold: #f2b33d;--gold-l: #ffe08a;--gold-d: #a8641a;--red: #d8432f;--red-d: #8a2117;--green: #5db35a;--parch: #f0e0b8;--parch2: #e3cc98;--parch-ink: #3a2412;--wood: #a46d3c;--wood-l: #c38a52;--wood-d: #5a361b;--chip-bg: #1b3350;--chip-fg: #e6dcc4;--px: 3px;--display: "Jersey 10", "Pixelify Sans", monospace;--ui: "Pixelify Sans", system-ui, sans-serif;--tiny: "Silkscreen", "Pixelify Sans", monospace;color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--night: #0b1828}}:root[data-theme=dark]{--night: #0b1828}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--night);color:var(--text);font:400 17px/1.55 var(--ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{image-rendering:pixelated;max-width:100%}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1;margin:0;letter-spacing:.5px}kbd{display:inline-block;font:600 .78em/1 var(--tiny);padding:4px 6px 5px;margin:0 1px;color:var(--parch-ink);background:linear-gradient(#f6ead0 0,#f6ead0 60%,#d8c08c 60%);border-radius:0;box-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink),0 4px 0 var(--ink);position:relative;top:-1px}code{font:.9em var(--tiny);background:#00000040;padding:1px 5px}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:3px solid var(--gold-l);outline-offset:3px}.panel{position:relative;background:var(--night2);box-shadow:var(--px) 0 0 var(--ink),calc(-1 * var(--px)) 0 0 var(--ink),0 var(--px) 0 var(--ink),0 calc(-1 * var(--px)) 0 var(--ink),inset 0 var(--px) 0 #ffffff12,inset 0 calc(-1 * var(--px)) 0 #00000040,9px 9px #0000004d}.parchment{--chip-bg: #e2c98f;--chip-fg: var(--parch-ink);--sub: #7a5a39;--link: #9b2a19;--text: var(--parch-ink);color:var(--parch-ink);background:repeating-linear-gradient(90deg,rgba(120,80,30,.05) 0 2px,transparent 2px 7px),radial-gradient(ellipse at 30% 20%,#f7ebcc,var(--parch) 55%,var(--parch2))}.parchment code{background:#5a361b24}.wood{background:repeating-linear-gradient(180deg,transparent 0 26px,rgba(60,30,10,.35) 26px 29px),linear-gradient(var(--wood),#95602f)}.spr{display:inline-block;flex:none;background-repeat:no-repeat;image-rendering:pixelated;vertical-align:middle}.btn{--b: var(--wood);--bl: var(--wood-l);--fg: #fff4dc;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font:400 15px/1 var(--tiny);text-transform:uppercase;letter-spacing:.5px;color:var(--fg);text-decoration:none!important;padding:12px 18px 13px;border:0;background:linear-gradient(var(--bl) 0 50%,var(--b) 50%);box-shadow:var(--px) 0 0 var(--ink),calc(-1 * var(--px)) 0 0 var(--ink),0 var(--px) 0 var(--ink),0 calc(-1 * var(--px)) 0 var(--ink),inset 0 -4px #00000047,inset 0 3px #ffffff40,0 7px 0 var(--ink);text-shadow:2px 2px 0 rgba(0,0,0,.45);transition:transform .08s steps(2),box-shadow .08s steps(2);margin:3px}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(4px);box-shadow:var(--px) 0 0 var(--ink),calc(-1 * var(--px)) 0 0 var(--ink),0 var(--px) 0 var(--ink),0 calc(-1 * var(--px)) 0 var(--ink),inset 0 -4px #00000047,0 3px 0 var(--ink)}.btn.gold{--b: #e09a26;--bl: var(--gold-l);--fg: #3b1d06;text-shadow:1px 1px 0 rgba(255,255,255,.4)}.btn.red{--b: var(--red-d);--bl: var(--red)}.btn.big{font-size:17px;padding:16px 24px 17px}.btn.small{font-size:12px;padding:8px 12px 9px;box-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink),inset 0 -3px #00000047,0 4px 0 var(--ink)}.input{font:16px var(--ui);color:var(--parch-ink);background:#f6ebd0;border:0;padding:10px 12px;min-width:0;box-shadow:var(--px) 0 0 var(--ink),calc(-1 * var(--px)) 0 0 var(--ink),0 var(--px) 0 var(--ink),0 calc(-1 * var(--px)) 0 var(--ink),inset 3px 3px #5a361b40;margin:3px;border-radius:0}.input::placeholder{color:#8d7556}select.input{cursor:pointer}.kicker{display:inline-block;font:13px var(--tiny);color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}.sub{color:var(--sub)}.gold-t{color:var(--gold);font-weight:600}.parchment .gold-t{color:#a35a0c}.count{font:15px var(--tiny);color:var(--sub);vertical-align:middle;letter-spacing:0;margin-left:8px}.tag{display:inline-block;font:11px/1 var(--tiny);text-transform:uppercase;padding:4px 6px 5px;margin:2px 4px 2px 0;background:#2a4566;color:#cfe1f2;vertical-align:middle;white-space:nowrap}.tag.bad{background:var(--red-d);color:#ffd9cf}.tag.fx{background:#2f5f3a;color:#d3f4d0}.tag.set{background:var(--gold-d);color:#fff1cf}.tag.tier{background:#4b3d66;color:#e6dcff}.tag.stat{background:#1c2b3d;color:var(--gold-l)}.parchment .tag:not(.bad):not(.fx):not(.set):not(.tier):not(.stat){background:#cbb37c;color:var(--parch-ink)}.chips{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:4px}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 3px;font-size:14px;line-height:1.2;background:var(--chip-bg);color:var(--chip-fg)!important;text-decoration:none!important;max-width:100%}.chip:hover{box-shadow:0 0 0 2px var(--gold)}.chip em{font-style:normal;font:11px var(--tiny);opacity:.7}.slot{position:relative;display:inline-grid;place-items:center;width:52px;height:52px;padding:0;border:0;cursor:pointer;background:#4a2f1a;box-shadow:inset 3px 3px #2b1a0d,inset -3px -3px #6b4627,0 0 0 2px #24150a;transition:transform .06s steps(2)}.slot:hover{background:#5b3a20;transform:translateY(-2px)}.slot.on{box-shadow:inset 3px 3px #2b1a0d,inset -3px -3px #6b4627,0 0 0 3px var(--gold),0 0 0 5px var(--ink);background:#6b4627}.slot b{position:absolute;right:3px;bottom:1px;font:12px var(--tiny);color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000}.slot.big{width:72px;height:72px;cursor:default}.slot.big:hover{transform:none}.bar{flex:1;height:10px;background:#0a1420;box-shadow:0 0 0 2px var(--ink);position:relative;overflow:hidden}.bar i{display:block;height:100%;box-shadow:inset 0 -3px #0000004d,inset 0 2px #ffffff4d}.stats{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin:14px 0 0;align-items:center}.stats dt{font:12px var(--tiny);text-transform:uppercase;color:var(--sub)}.stats dd{margin:0;display:flex;align-items:center;gap:10px}.stats dd span{min-width:3.5em;font-weight:600}.stats.small{gap:5px 10px;margin-top:8px}.stats.small .bar{height:8px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease var(--d, 0ms),transform .5s steps(6) var(--d, 0ms)}.reveal.in{opacity:1;transform:none}.topbar{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:18px;padding:10px 24px;height:64px;background:linear-gradient(#07101ad9,#07101a00);transition:background .3s}.topbar.solid{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='40' shape-rendering='crispEdges'%3E%3Cg fill='%232a1406' fill-opacity='.28'%3E%3Cpath d='M6 4h22v1H6zM40 9h30v1H40zM96 5h14v1H96zM124 12h40v1h-40zM12 14h18v1H12zM150 3h26v1h-26zM78 15h12v1H78z'/%3E%3Cpath d='M18 24h34v1H18zM64 29h20v1H64zM104 23h28v1h-28zM146 31h30v1h-30zM2 33h14v1H2zM90 35h22v1H90z'/%3E%3Cpath d='M58 6h4v1h1v2h-1v1h-4v-1h-1V7h1z' fill-opacity='.55'/%3E%3Cpath d='M170 26h3v1h1v1h-1v1h-3v-1h-1v-1h1z' fill-opacity='.55'/%3E%3Cpath d='M86 0h2v18h-2zM12 20h2v18h-2zM140 20h2v18h-2z' fill-opacity='.7'/%3E%3C/g%3E%3Cg fill='%23e9a866' fill-opacity='.16'%3E%3Cpath d='M8 2h16v1H8zM44 7h20v1H44zM130 10h26v1h-26zM24 22h22v1H24zM110 21h18v1h-18zM150 29h20v1h-20zM98 3h8v1h-8z'/%3E%3Cpath d='M88 0h1v18h-1zM14 20h1v18h-1zM142 20h1v18h-1z'/%3E%3C/g%3E%3Cg fill='%23c9c3b8'%3E%3Cpath d='M83 9h2v2h-2zM91 9h2v2h-2zM9 29h2v2H9zM17 29h2v2h-2zM137 29h2v2h-2zM145 29h2v2h-2z'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 192px 40px,repeating-linear-gradient(180deg,rgba(255,200,140,.07) 0 1px,transparent 1px 18px,rgba(40,20,6,.45) 18px 20px),linear-gradient(#6d4423,#563318);box-shadow:0 3px 0 var(--ink),0 6px #0000004d}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand-word{height:22px;width:auto}.topnav{display:flex;align-items:center;gap:4px;margin-left:auto}.topnav a{color:#f5e8c8;font:13px var(--tiny);text-transform:uppercase;padding:8px 10px;text-decoration:none;text-shadow:2px 2px 0 rgba(0,0,0,.6)}.topnav a:hover,.topnav a.on{color:var(--gold-l)}.topnav a.on{box-shadow:inset 0 -3px 0 var(--gold)}.topnav a.btn{color:#3b1d06;text-shadow:none;margin-left:10px}.burger{display:none;margin-left:auto;font-size:22px;background:none;border:0;color:var(--gold-l);cursor:pointer;padding:6px 10px}.search{position:relative;width:280px;flex:none}.search .input{width:calc(100% - 6px);padding:8px 10px;font-size:15px}.search-res{position:absolute;right:3px;top:52px;width:min(420px,92vw);list-style:none;margin:0;padding:6px;z-index:60;max-height:70vh;overflow:auto}.search-res li{display:flex;align-items:center;gap:10px;padding:6px 8px;cursor:pointer}.search-res li.on{background:#9b2a1924;box-shadow:inset 3px 0 0 var(--red)}.res-ico{width:32px;display:grid;place-items:center;flex:none;color:#7a5a39}.res-ico img{max-width:32px;max-height:24px}.res-t{flex:1;font-weight:600}.res-k{font:11px var(--tiny);text-transform:uppercase;color:#7a5a39}.hero{position:relative;min-height:max(640px,100svh);display:grid;place-items:center;overflow:hidden;isolation:isolate}.ocean{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;z-index:-2;cursor:crosshair}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 48% at 50% 48%,rgba(5,14,26,.62),rgba(5,14,26,.1) 70%,transparent),linear-gradient(rgba(5,12,22,.55),transparent 18%,transparent 75%,var(--night))}.hero-inner{text-align:center;padding:100px 16px 80px;max-width:980px;pointer-events:none}.hero-inner a,.hero-inner button{pointer-events:auto}.hero-logo{width:min(820px,90vw);height:auto;filter:drop-shadow(0 8px 0 rgba(0,0,0,.45));animation:bob 4s steps(8) infinite}.hero-tag{font-size:clamp(18px,2.3vw,24px);margin:26px auto 34px;max-width:640px;text-shadow:2px 2px 0 #000,0 0 18px rgba(0,0,0,.8)}.hero-cta{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.hero-hint{font:11px var(--tiny);color:#ece4cfa6;margin-top:30px;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 0 #000}.hero-hud{position:absolute;left:24px;bottom:24px;display:flex;gap:14px;font:12px var(--tiny);color:#f6e7c4;padding:8px 12px;background:linear-gradient(var(--wood-l),var(--wood));box-shadow:0 0 0 3px var(--wood-d),0 0 0 6px var(--ink);text-shadow:1px 1px 0 rgba(0,0,0,.5)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ticker{background:var(--gold);color:#2c1405;overflow:hidden;box-shadow:0 -3px 0 var(--ink),0 3px 0 var(--ink),inset 0 4px 0 var(--gold-l),inset 0 -4px #c27e1e;position:relative;z-index:2}.ticker-track{display:flex;width:max-content;animation:tick 40s linear infinite;padding:10px 0 8px}.ticker span{font:30px/1 var(--display);padding:0 6px;white-space:nowrap;display:flex;align-items:center}.ticker b{font-weight:400;color:var(--red-d);margin-right:8px}.ticker i{font-style:normal;color:#a35a0c;margin-left:26px;font-size:18px}@keyframes tick{to{transform:translate(-50%)}}.sect{padding:110px 24px;position:relative;background:var(--night2)}.sect.dark{background:var(--night)}.sect.sea{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' shape-rendering='crispEdges'%3E%3Cpath fill='%23ffffff' fill-opacity='.06' d='M0 10h4v2H0zM4 8h6v2H4zM10 10h4v2h-4zM24 20h4v2h-4zM28 18h6v2h-6zM34 20h4v2h-4z'/%3E%3C/svg%3E"),linear-gradient(#123657,#0e2a46)}.sect-head{max-width:760px;margin:0 auto 56px;text-align:center}.sect-head h2{font-size:clamp(42px,6vw,68px);color:var(--parch);text-shadow:4px 4px 0 var(--ink)}.sect-head p{color:var(--sub);font-size:18px;margin:18px auto 0;max-width:640px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;max-width:1240px;margin:0 auto}.feature{padding:26px 22px 24px;transition:transform .12s steps(3)}.feature:hover{transform:translateY(-5px)}.feature-ico{width:48px;height:48px;padding:8px;background:#4a2f1a;box-shadow:inset 3px 3px #2b1a0d,inset -3px -3px #6b4627,0 0 0 2px var(--ink);box-sizing:content-box}.feature h3{font-size:32px;color:var(--gold-l);margin:18px 0 8px}.feature p{margin:0;color:var(--sub);font-size:16px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1240px;margin:0 auto}.shot{position:relative;padding:8px;border:0;cursor:zoom-in;background:linear-gradient(var(--wood-l),var(--wood));box-shadow:0 0 0 3px var(--wood-d),0 0 0 6px var(--ink),10px 10px #00000059;margin:6px;display:block}.shot.wide{grid-column:span 2;grid-row:span 2}.shot img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;box-shadow:0 0 0 3px var(--ink);image-rendering:auto}.shot span{position:absolute;left:8px;right:8px;bottom:8px;padding:22px 12px 10px;text-align:left;font:16px var(--ui);color:#fff;background:linear-gradient(transparent,#050c16d9);text-shadow:2px 2px 0 #000;opacity:0;transition:opacity .2s}.shot:hover span,.shot:focus-visible span{opacity:1}.shot:hover img{filter:brightness(1.08)}.seas{display:grid;grid-template-columns:1.7fr 1fr;gap:34px;max-width:1240px;margin:0 auto;align-items:start}.chart{position:relative;padding:14px;background:linear-gradient(#8c5a2e,#6e4322);box-shadow:0 0 0 3px var(--ink),inset 0 0 0 3px #b07a45,10px 10px #00000059}.chart-in{position:relative}.chart canvas{display:block;width:100%;aspect-ratio:240 / 150;image-rendering:pixelated;box-shadow:0 0 0 3px var(--ink)}.chart-pin{position:absolute;transform:translate(-50%,-50%);border:0;background:none;cursor:pointer;padding:0;display:grid;place-items:center}.chart-pin:before{content:"✕";font:26px/1 var(--display);color:var(--red);text-shadow:2px 2px 0 var(--ink),-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink);transition:transform .1s steps(2)}.chart-pin span{position:absolute;top:26px;white-space:nowrap;font:11px var(--tiny);color:var(--parch-ink);background:var(--parch);padding:3px 6px;box-shadow:0 0 0 2px var(--ink);pointer-events:none}.chart-pin:hover:before,.chart-pin.on:before{transform:scale(1.35);color:var(--gold-l)}.chart-pin.on span{background:var(--gold)}.chart-n{position:absolute;right:26px;top:22px;font:30px var(--display);color:var(--red-d);text-shadow:2px 2px 0 rgba(255,255,255,.3)}.biome{padding:28px 26px}.biome h3{font-size:44px;margin-bottom:10px}.biome h4{font:12px var(--tiny);text-transform:uppercase;margin:22px 0 10px;color:#8a5a2a}.biome-mobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-bottom:20px}.mob{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:#5a361b1f;text-align:center;font-size:13px;line-height:1.15;color:var(--parch-ink)!important;text-decoration:none!important}.mob:hover{background:#9b2a1926}.mob .spr{min-height:32px}.link{font:13px var(--tiny);text-transform:uppercase}.fleet{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr;gap:30px;align-items:center}.fleet-stage{position:relative;height:320px;display:grid;place-items:center;overflow:hidden;box-shadow:0 0 0 3px var(--ink),10px 10px #00000059}.fleet-water,.ship-water{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='32' shape-rendering='crispEdges'%3E%3Cpath fill='%23cfeaff' fill-opacity='.35' d='M4 6h6v2H4zM40 22h8v2h-8zM22 14h2v2h-2z'/%3E%3C/svg%3E"),linear-gradient(#2f80bc,#2369a3)}.fleet-water{position:absolute;top:0;right:0;bottom:0;left:0;animation:drift 6s linear infinite}@keyframes drift{to{background-position:-64px 0,0 0}}.fleet-ship{position:relative;image-rendering:pixelated;max-width:92%;height:auto!important;filter:drop-shadow(8px 10px 0 rgba(4,30,56,.35));animation:sail .6s steps(3) both,rock 3s steps(6) .6s infinite}@keyframes sail{0%{transform:translate(-60px);opacity:0}}@keyframes rock{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-1deg)}}.fleet-info{padding:26px}.fleet-info h3{font-size:46px}.fleet-info .sub{margin:8px 0 0}.fleet-pick{grid-column:1 / -1;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.fleet-pick button{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;width:132px;height:92px;cursor:pointer;border:0;padding:8px;background:#0f2c48;color:var(--sub);font:11px var(--tiny);box-shadow:0 0 0 3px var(--ink);margin:3px}.fleet-pick button img{max-width:110px;max-height:50px}.fleet-pick button.on,.fleet-pick button:hover{background:#1c4a74;color:var(--gold-l);box-shadow:0 0 0 3px var(--gold),0 0 0 6px var(--ink)}.fleet>.btn{grid-column:1 / -1;justify-self:center;margin-top:10px}.tree{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center}.compass{max-width:100%;height:auto;overflow:visible}.compass .ring{fill:none;stroke:#f2b33d4d;stroke-width:3;stroke-dasharray:6 6}.compass .ring.dim{stroke:#f2b33d26}.compass .branch{cursor:pointer;transition:opacity .2s;outline:none}.compass .trunk{stroke:var(--c);stroke-width:6}.compass .lane{stroke:var(--c);stroke-width:3;opacity:.75}.compass .step{fill:var(--c)}.compass .notable{fill:#f6ead0;stroke:var(--c);stroke-width:3}.compass .keystone{fill:var(--red);stroke:var(--ink);stroke-width:3}.compass .active{fill:var(--gold-l);stroke:var(--ink);stroke-width:3}.compass .branch.on .notable{fill:var(--c);stroke:#fff}.compass .pt{font:18px var(--tiny);fill:var(--gold)}.compass .helm line{stroke:#b07a45;stroke-width:7}.compass .helm circle{fill:none;stroke:#8a5a2e;stroke-width:8}.compass .helm .hub{fill:var(--gold);stroke:var(--ink);stroke-width:3}.compass .helm{animation:spin 40s linear infinite;transform-origin:260px 260px}@keyframes spin{to{transform:rotate(360deg)}}.tree-info{padding:28px;box-shadow:var(--px) 0 0 var(--ink),calc(-1 * var(--px)) 0 0 var(--ink),0 var(--px) 0 var(--ink),0 calc(-1 * var(--px)) 0 var(--ink),inset 6px 0 0 var(--c),9px 9px #0000004d}.tree-info h3{font-size:52px}.lane-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0;border-bottom:2px dashed rgba(255,255,255,.08)}.lane-row b{min-width:130px}.lane-end{color:var(--gold-l)}.mastery{margin:16px 0 0}.tree-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.tree-tabs button{font:11px var(--tiny);border:0;padding:6px 8px;cursor:pointer;background:#0b1828;color:var(--sub);box-shadow:inset 0 -3px 0 var(--c)}.tree-tabs button.on,.tree-tabs button:hover{background:var(--c);color:var(--ink)}.legends{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:28px;max-width:1240px;margin:0 auto}.legend{--chip-bg: #e2c98f;--chip-fg: var(--parch-ink);--sub: #7a5a39;padding:22px 18px 18px;text-align:center;color:var(--parch-ink);position:relative;background:radial-gradient(ellipse at 50% 30%,#f8ecce,var(--parch) 60%,#d9bf85);box-shadow:0 0 0 3px var(--ink),9px 9px #00000059;transform:rotate(var(--r, -1deg))}.legend:nth-child(2n){--r: 1.2deg}.legend:nth-child(3n){--r: -.4deg}.legend:before,.legend:after{content:"";position:absolute;top:8px;width:8px;height:8px;background:#6b6f76;box-shadow:0 0 0 2px var(--ink)}.legend:before{left:10px}.legend:after{right:10px}.legend-pic{height:120px;display:grid;place-items:center;margin:4px auto 6px;width:140px;background:#5a361b1a;box-shadow:inset 0 0 0 3px #5a361b59}.legend-pic .spr,.pic.glow .spr{animation:glow 2.4s steps(6) infinite}@keyframes glow{0%,to{filter:drop-shadow(0 0 0 #ffd36b) drop-shadow(0 0 4px rgba(255,196,64,.6))}50%{filter:drop-shadow(0 0 3px #ffd36b) drop-shadow(0 0 10px rgba(255,196,64,.9))}}.wanted{font:34px/1 var(--display);color:var(--red-d);letter-spacing:3px}.legend h3{font-size:34px;margin-top:2px}.legend .sub{font-size:14px;margin:4px 0 10px}.legend-loot{display:flex;flex-direction:column;align-items:center;gap:4px}.factions{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px;margin:0 auto}.faction{padding:8px 6px}.faction h3{font-size:34px;color:var(--parch);margin:14px 0 8px}.faction p{margin:4px 0;font-size:16px}.flag{position:relative;height:70px;padding-left:8px}.flag:before{content:"";position:absolute;left:0;top:0;width:6px;height:70px;background:#8a5a2e;box-shadow:0 0 0 2px var(--ink)}.flag i{display:block;width:84px;height:46px;background:var(--c);box-shadow:0 0 0 3px var(--ink),inset 0 -8px #0003,inset 0 8px #ffffff26;animation:wave 1.6s steps(4) infinite;transform-origin:left center;position:relative}.flag i:after{content:"☠";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fffc;font-size:22px}@keyframes wave{0%,to{transform:skewY(0) scaleX(1)}50%{transform:skewY(-4deg) scaleX(.96)}}.cta{min-height:640px;display:grid;place-items:center;overflow:hidden;isolation:isolate}.cta-sea{z-index:-2}.cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(var(--night),rgba(11,24,40,.6) 30%,rgba(11,24,40,.7) 70%,var(--night));pointer-events:none}.cta-inner{text-align:center;max-width:1100px;pointer-events:none}.cta-inner a{pointer-events:auto}.cta-inner h2{font-size:clamp(46px,7vw,80px);color:var(--parch);text-shadow:4px 4px 0 var(--ink)}.ways{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:40px 0 44px;text-align:left}.way{padding:20px;background:#10233aeb}.way h3{font-size:30px;color:var(--gold-l);margin-bottom:6px}.way p{margin:0;color:var(--sub);font-size:15px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#040910eb;display:grid;place-items:center;padding:24px;animation:fade .2s}.lightbox figure{margin:0;max-width:min(1400px,100%)}.lightbox img{display:block;max-height:80vh;width:auto;margin:0 auto;box-shadow:0 0 0 6px var(--wood),0 0 0 9px var(--ink);image-rendering:auto}.lightbox figcaption{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px;font-size:18px}.lightbox-x{position:fixed;top:18px;right:18px}@keyframes fade{0%{opacity:0}}.footer{background:#070f19;padding:50px 24px;box-shadow:0 -3px 0 var(--ink)}.footer-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:14px 30px;align-items:center}.footer img{height:40px;width:auto}.footer p{margin:0;color:var(--sub);font-size:15px}.footer-copy p:first-child{color:var(--text);font-size:17px}.footer-copy b{font-family:var(--display);font-weight:400;font-size:22px;color:var(--gold);letter-spacing:1px}.footer-legal{grid-column:1 / -1;order:3;font:11px var(--tiny);color:#5f7187;text-transform:uppercase;letter-spacing:.5px}.footer nav{grid-column:1 / -1;order:2;display:flex;flex-wrap:wrap;gap:4px 18px;font:12px var(--tiny);text-transform:uppercase}.wiki{padding:96px 24px 80px;max-width:1320px;margin:0 auto;min-height:80vh}.page-head{margin:10px 0 26px}.page-head h1{font-size:clamp(48px,7vw,76px);color:var(--parch);text-shadow:4px 4px 0 var(--ink)}.lede{color:var(--sub);font-size:18px;max-width:760px;margin:12px 0 0}.sub-h{font-size:46px;color:var(--parch);margin:60px 0 6px;text-shadow:3px 3px 0 var(--ink)}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.filters .input[type=search]{flex:1 1 320px}.cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px;align-items:center}.cats-label{font:12px var(--tiny);color:var(--sub);text-transform:uppercase;margin-right:6px}.cats button{font:12px var(--tiny);border:0;cursor:pointer;padding:7px 10px 8px;background:#16314e;color:#c7d6e6;box-shadow:0 0 0 2px var(--ink),inset 0 -3px #0000004d;margin:2px}.cats button em{font-style:normal;opacity:.6;margin-left:4px}.cats button:hover{background:#21456b}.cats button.on{background:var(--gold);color:#2c1405;box-shadow:0 0 0 2px var(--ink),inset 0 -3px #c27e1e}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px;margin:14px 0}.grid.wide{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));margin-top:40px}.card{padding:16px 18px;background:var(--night2);box-shadow:0 0 0 3px var(--ink),7px 7px #0000004d;margin:3px}.card .pic{width:76px;height:76px;display:grid;place-items:center;flex:none;background:#0b1828;box-shadow:inset 0 0 0 2px #22405f}.legend-card{display:flex;gap:14px;align-items:flex-start}.legend-card .name{font-size:18px;color:var(--gold-l)}.flash{animation:flash 1.2s steps(4) 2}@keyframes flash{50%{box-shadow:0 0 0 4px var(--gold),0 0 0 7px var(--ink)}}.items-layout{display:grid;grid-template-columns:1fr 400px;gap:26px;align-items:start}.inv{padding:16px;box-shadow:0 0 0 3px var(--wood-d),0 0 0 6px var(--ink),9px 9px #0000004d;margin:6px}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px;justify-items:center}.more{display:flex;margin:18px auto 4px}.empty{text-align:center;color:#fff1d6}.items-side{position:sticky;top:84px}.detail{padding:22px;max-height:calc(100vh - 104px);overflow:auto;margin:3px}.detail.hint h2{font-size:36px}.detail-x{position:absolute;top:10px;right:10px;border:0;background:none;font-size:18px;color:var(--parch-ink);cursor:pointer}.detail-head{display:flex;gap:16px;align-items:center;margin-bottom:10px}.detail-head h2{font-size:38px}.detail .desc{font-style:italic;margin:10px 0}.src{padding:10px 0;border-top:2px dashed rgba(90,54,27,.25)}.src h5{font:11px var(--tiny);text-transform:uppercase;margin:0 0 6px;color:#8a5a2a}.src>div{font-size:15px}.foot{font-size:13px;padding-top:10px;border-top:2px dashed rgba(90,54,27,.25)}.beasts{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.beast{display:flex;gap:14px}.beast-body{flex:1;min-width:0}.beast h3{font-size:30px;color:var(--gold-l)}.ships{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:18px}.shipcard{padding:0;display:flex;flex-direction:column}.ship-water{height:150px;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 -3px 0 var(--ink)}.ship-water img{filter:drop-shadow(6px 8px 0 rgba(4,30,56,.35));max-width:92%}.ship-body{padding:14px 18px 16px}.ship-body h3{font-size:34px;color:var(--gold-l)}.price{margin:4px 0 2px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ship-body p{margin:4px 0 0;font-size:15px}.ports-layout{display:grid;grid-template-columns:280px 1fr;gap:26px;align-items:start}.port-list{display:flex;flex-direction:column;gap:6px;position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto;padding:4px}.port-btn{text-align:left;border:0;cursor:pointer;padding:10px 12px;background:#13304d;color:var(--text);box-shadow:0 0 0 2px var(--ink);display:flex;flex-direction:column;gap:2px;font:16px var(--ui)}.port-btn span{font:11px var(--tiny);color:var(--sub);text-transform:uppercase}.port-btn:hover{background:#1c4268}.port-btn.on{background:var(--gold);color:#2c1405;box-shadow:0 0 0 2px var(--ink),inset 6px 0 0 var(--red)}.port-btn.on span{color:#6b3a0c}.port-main{display:flex;flex-direction:column;gap:22px}.port-sign{padding:20px 24px;color:#fff1d6;box-shadow:0 0 0 3px var(--wood-d),0 0 0 6px var(--ink),9px 9px #0000004d;margin:6px}.port-sign h2{font-size:52px;text-shadow:3px 3px 0 var(--ink)}.port-sign p{margin:8px 0 0}.shop{padding:18px 20px}.shop h3{font-size:30px}.shop-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.ware{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:13px;width:60px}.recipes{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px}.recipe{display:flex;align-items:center;gap:12px;padding:12px 14px;flex-wrap:wrap}.r-in{display:flex;gap:6px;flex-wrap:wrap}.r-in .slot{width:44px;height:44px}.r-arrow{color:var(--gold);font-size:22px}.r-out{display:flex;align-items:center;gap:10px;flex:1;min-width:160px}.r-out b{display:block;color:var(--gold-l)}.compass-page{display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:start}.compass-wrap{width:min(520px,100%)}.compass-page .prose{padding:24px 26px}.handbook{display:grid;grid-template-columns:250px 1fr;gap:36px;align-items:start}.toc{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto;padding:4px 8px 20px 4px;font-size:15px}.toc h4{font:11px var(--tiny);color:var(--gold);text-transform:uppercase;margin:18px 0 6px;letter-spacing:1px}.toc a{display:block;color:var(--sub);padding:3px 10px;text-decoration:none;box-shadow:inset 3px 0 #1d3a59}.toc a:hover{color:var(--text)}.toc a.on{color:var(--gold-l);box-shadow:inset 3px 0 0 var(--gold);background:#f2b33d12}.book{min-width:0}.book-head{margin:10px 0 30px}.book-head h1{font-size:clamp(52px,8vw,84px);color:var(--parch);text-shadow:4px 4px 0 var(--ink)}.chapter{margin-bottom:40px}.chapter-mark{display:flex;align-items:baseline;gap:16px;padding:18px 0 8px;margin-bottom:18px;border-bottom:3px solid #1f3f60}.chapter-mark span{font:13px var(--tiny);color:var(--red);text-transform:uppercase}.chapter-mark h2{font-size:50px;color:var(--gold-l);text-shadow:3px 3px 0 var(--ink)}.hb-sec{--chip-bg: #e2c98f;--chip-fg: var(--parch-ink);--sub: #7a5a39;--link: #9b2a19;padding:26px 30px 20px;margin:0 3px 26px;color:var(--parch-ink);background:repeating-linear-gradient(90deg,rgba(120,80,30,.04) 0 2px,transparent 2px 7px),radial-gradient(ellipse at 20% 0%,#f8eccf,var(--parch) 50%,var(--parch2));box-shadow:0 0 0 3px var(--ink),8px 8px #0000004d}.hb-sec h3{font-size:40px;margin-bottom:12px;display:flex;align-items:center;gap:10px}.anchor{font-size:22px;color:#b99c63!important;text-decoration:none!important}.prose{font-size:17px}.prose p{margin:0 0 12px}.prose ul{margin:0 0 12px;padding-left:0;list-style:none}.prose li{position:relative;padding-left:24px;margin-bottom:9px}.prose li:before{content:"";position:absolute;left:4px;top:.55em;width:8px;height:8px;background:var(--red);box-shadow:2px 2px #00000040}.prose b{color:#5e1a0e}.prose i{color:#6b4a26}.prose .tag{background:#cbb37c;color:var(--parch-ink)}.compass-page .prose b{color:#5e1a0e}.hb-sec .card,.compass-page~.grid .card{--chip-bg: #1b3350;--chip-fg: #e6dcc4;--sub: #9fb0c3;--link: #ffd36b;color:var(--text)}.hb-sec .card b{color:inherit}.tablewrap{overflow-x:auto;margin:6px 0 14px}table{border-collapse:collapse;width:100%;font-size:15px}th{font:11px var(--tiny);text-transform:uppercase;text-align:left;padding:8px 10px;background:#4a2f1a;color:var(--gold-l)}td{padding:8px 10px;vertical-align:top;border-bottom:2px dashed rgba(90,54,27,.22)}.hb-sec tr:nth-child(2n) td,.wiki>.page>.tablewrap tr:nth-child(2n) td{background:#5a361b0f}.page>.tablewrap{background:var(--parch);color:var(--parch-ink);box-shadow:0 0 0 3px var(--ink);padding:0;--chip-bg: #e2c98f;--chip-fg: var(--parch-ink);--sub: #7a5a39;--link: #9b2a19}.branch-card h3{font-size:34px;color:var(--c)}.branch-card .lane{margin-top:10px;font-size:15px}.branch-card ul{margin:6px 0 0;padding-left:18px}.branch-card li{margin-bottom:4px}.branch-card{box-shadow:0 0 0 3px var(--ink),inset 5px 0 0 var(--c),7px 7px #0000004d}@media (max-width: 1100px){.features,.ways{grid-template-columns:repeat(2,1fr)}.search{width:200px}.topnav a{padding:8px 6px;font-size:12px}}@media (max-width: 900px){.topbar{padding:8px 16px;gap:10px}.burger{display:block}.topnav{position:fixed;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;background:#563318;padding:10px 16px 16px;box-shadow:0 3px 0 var(--ink);display:none;margin:0}.topnav.open{display:flex}.topnav a{padding:12px 6px;font-size:14px}.topnav a.btn{margin:10px 0 0}.topbar.solid .search{position:fixed;top:64px;left:0;right:0;width:auto;padding:8px 16px;background:#4a2c14;box-shadow:0 3px 0 var(--ink)}.topbar.solid .topnav.open~.search{display:none}.wiki{padding-top:140px}.sect{padding:80px 16px}.gallery{grid-template-columns:1fr 1fr;gap:14px}.shot.wide{grid-column:1 / -1;grid-row:auto}.shot span{opacity:1;font-size:14px}.seas,.fleet,.tree,.items-layout,.ports-layout,.handbook,.compass-page{grid-template-columns:1fr}.tree{justify-items:center}.factions{grid-template-columns:1fr 1fr}.items-side,.port-list,.toc{position:static;max-height:none}.items-side{order:-1}.port-list{flex-direction:row;overflow-x:auto}.port-btn{flex:none}.toc{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px}.toc>div{display:contents}.toc h4{display:none}.toc a{flex:none;white-space:nowrap;box-shadow:0 0 0 2px #1d3a59}.detail{max-height:none}.recipes,.ships,.beasts,.grid,.grid.wide{grid-template-columns:1fr}.fleet-stage{height:220px}.hero-hud{display:none}.wiki{padding-left:16px;padding-right:16px}.hb-sec{padding:20px 18px 14px}}@media (max-width: 560px){.features,.ways,.factions,.gallery{grid-template-columns:1fr}.brand-word,.chart-pin span{display:none}.chart-pin.on span{display:block}.fleet-pick button{width:100px}.lane-row b{min-width:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}