.tool-purpose-tooltip{z-index:150;border:1px solid var(--border-strong);border-top-color:var(--accent);width:min(360px,100vw - 32px);color:var(--text-main);background:#10151d;border-radius:3px;padding:1rem;box-shadow:0 8px 24px #0008}.tool-purpose-tooltip strong{color:var(--text-emph);font:600 1rem/1.45 var(--font-ui);display:block}.tool-purpose-tooltip p{font:.875rem/1.75 var(--font-ui);margin:.6rem 0 0}.tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.tool-card{border:1px solid var(--border-strong);background:var(--bg-1);min-width:0;color:var(--text-emph);border-radius:4px;flex-direction:column;text-decoration:none;transition:border-color .16s;display:flex;overflow:hidden}.tool-card:hover{border-color:var(--accent)}.tool-card-image{aspect-ratio:1.92;background:var(--bg-0);flex:none;position:relative;overflow:hidden}.tool-card-image img{object-fit:contain;width:calc(100% - 1.5rem);height:calc(100% - 1.5rem);display:block;position:absolute;inset:.75rem}.tool-card-copy{flex-direction:column;flex:1;gap:.75rem;padding:1.1rem 1.25rem;display:flex}.tool-card-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1rem;display:flex}.tool-card-heading h2,.tool-card-heading h3{text-wrap:balance;margin:0;font-size:1.3rem;line-height:1.4}.tool-card-heading>span{color:var(--accent-bright);font-size:.75rem}.tool-card-copy p{color:var(--text-desc);margin:0;font-size:.875rem;line-height:1.7}.tool-card-action{border:1px solid var(--border-strong);min-height:40px;color:var(--accent-bright);border-radius:3px;align-self:flex-start;align-items:center;margin-top:auto;padding:.5rem .8rem;font-size:.8125rem;display:inline-flex}.tool-card:hover .tool-card-action{border-color:var(--accent);background:var(--accent-dim)}.home-item-entry>h2{margin-bottom:1rem}.home-search-field{width:min(100%,560px);margin:1.25rem 0}.home-search-field label{color:var(--text-main);margin-bottom:.6rem;font-size:.875rem;display:block}.home-search-field input{background:var(--bg-0);border-color:var(--accent);width:100%;height:56px;padding-left:1rem;font-size:1rem;display:block}.home-search-field .search-clear{height:54px;top:auto}[data-home-search-active=true] .home-content{display:none}.article-card-image{aspect-ratio:16/9;background:var(--bg-0);flex:none;margin-bottom:.3rem;position:relative;overflow:hidden}.article-card-image img{object-fit:cover;outline-offset:-1px;outline:1px solid #ffffff1a;width:100%;height:100%;display:block;position:absolute;inset:0}.home-guides .article-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-tool-example{border-top:1px solid var(--border-strong);margin-top:3rem;padding-top:1.5rem;scroll-margin-top:96px}.article-tool-example>h2{margin:0 0 1.2rem}.article-example-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:1rem;margin-bottom:1rem;display:grid}.article-example-fields .game-select-field{margin:0}.enhancement-example-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.article-example-actions{flex-wrap:wrap;gap:.65rem;margin:1rem 0;display:flex}.article-example-actions>.game-button{min-height:44px;text-decoration:none}.article-example-notice{border:1px solid var(--border-strong);background:var(--panel-bg);border-radius:3px;padding:.75rem;font-size:.875rem}.article-example-equipment{color:var(--text-emph)}.article-example-equipment span{color:var(--text-desc);margin-left:.75rem;font-size:.8125rem}.article-tool-example .comparison-table th{font-family:var(--font-ui)}.article-tool-example .comparison-table thead a{line-height:1.5}.article-tool-example .comparison-table-scroll{margin-top:1rem}.article-tool-example .enhancement-summary{margin-top:1.25rem}.article-tool-example .enhancement-materials{margin-top:1rem}@media (max-width:700px){.tool-card-grid,.home-guides .article-card-grid{grid-template-columns:1fr}.home-search-field{width:100%}.article-example-fields{grid-template-columns:1fr;gap:.75rem}.article-example-actions>.game-button{width:100%}}@media (prefers-reduced-motion:reduce){.tool-card,.tool-card-action{transition:none}}.home-content .expedition-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@container content (max-width:852px){.home-content .expedition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.home-content .expedition-grid{grid-template-columns:1fr}}@media (max-width:900px){.tool-card-grid{grid-template-columns:1fr}}@media (min-width:1001px){@container content (max-width:752px){.tool-card-grid{grid-template-columns:1fr}}@container content (max-width:700px){.home-guides .article-card-grid{grid-template-columns:1fr}}}@media (max-width:820px){.article-tool-example,.article-prose h2,.article-prose h3{scroll-margin-top:164px}}
.navigation-tree{color:var(--text-main);border-right:1px solid var(--border-strong);overscroll-behavior-y:contain;scrollbar-gutter:stable;background:linear-gradient(#141923,#0a0e16);padding:0 .6rem 1.5rem .75rem;overflow:hidden auto}.navigation-rail{top:var(--header-height);height:calc(100dvh - var(--header-height));align-self:start;position:sticky}.navigation-title{font:400 1.25rem/1.3 var(--font-flavor);color:var(--text-emph);align-items:center;gap:.7rem;margin:1.25rem .4rem .85rem;display:flex}.navigation-title:before{content:"";background:var(--label);width:10px;height:10px;clip-path:var(--star);flex:none}.navigation-title:after{content:"";background:linear-gradient(90deg, var(--rule), transparent);flex:1;height:1px}.navigation-search{z-index:4;background:#131822;margin-bottom:.15rem;padding-block:6px 10px;position:sticky;top:0}.navigation-search .search-field{width:auto}.navigation-search .search-field input{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%237c8594' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='4.6'/%3E%3Cpath d='M10.6 10.6 14 14'/%3E%3C/svg%3E") .7rem center / 14px no-repeat, var(--bg-3);width:100%;min-height:40px;padding:.45rem 2.2rem}.navigation-search .search-field input::-webkit-search-cancel-button{-webkit-appearance:none}.navigation-empty{color:var(--text-desc);font:400 .875rem/1.4 var(--font-ui);margin:.35rem .6rem}.navigation-sections,.navigation-children{margin:0;padding:0;list-style:none}.navigation-sections{gap:2px;display:grid}.navigation-children{gap:1px;margin:0 0 .3rem;padding-left:1.15rem;display:grid;position:relative}.navigation-children:before{content:"";background:var(--rule);width:1px;position:absolute;top:2px;bottom:6px;left:13px}.navigation-children[hidden]{display:none}.navigation-row{border-radius:2px;align-items:stretch;min-height:40px;transition:background-color .15s;display:flex;position:relative}.navigation-row:hover{background:var(--band-row-hover)}.navigation-row[data-current]{background:var(--band-row)}.navigation-toggle{color:var(--label);cursor:pointer;background:0 0;border:0;flex:0 0 28px;place-items:center;padding:0;display:grid}span.navigation-toggle{cursor:default}button.navigation-toggle:hover{color:var(--label-bright)}.navigation-chevron{border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transition:transform .15s;transform:rotate(-45deg)}.navigation-toggle[aria-expanded=true] .navigation-chevron{transform:rotate(45deg)}.navigation-link{min-width:0;color:var(--text-desc);font:400 .875rem/1.35 var(--font-ui);flex:1;align-items:center;gap:.6rem;padding:.35rem .6rem .35rem .15rem;text-decoration:none;transition:color .15s;display:flex}.navigation-row[data-depth="0"] .navigation-link{color:var(--text-main);font-size:.9375rem;font-weight:500}.navigation-row:hover .navigation-link,.navigation-row[data-path] .navigation-link{color:var(--text-emph)}.navigation-row[data-current] .navigation-link{color:#fff}.navigation-label{overflow-wrap:anywhere;min-width:0}.navigation-art{flex:0 0 24px;place-items:center;width:24px;height:24px;display:grid}.navigation-art img{object-fit:contain;width:24px;height:24px;display:block}[data-artless]>li>.navigation-row .navigation-art{display:none}.navigation-tree :is(a,button):focus-visible{outline:1px solid var(--accent-bright);outline-offset:-2px;box-shadow:none}@media (max-width:1000px){.navigation-rail{display:none}.site-header .mobile-nav.navigation-tree{border:1px solid var(--border-strong);border-top:0;width:min(380px,100%);padding:0 .75rem .75rem;display:block;position:fixed;left:0;box-shadow:0 16px 36px #0009}.site-header .mobile-nav.navigation-tree .navigation-title{margin-top:.75rem}.site-header .mobile-nav.navigation-tree .navigation-row,.site-header .mobile-nav.navigation-tree .navigation-search input{min-height:44px}}
@media (min-width:1001px){:root{--network-rail-w:56px}html[data-network-rail=closed]{--network-rail-w:40px}}.network-rail{display:none}@media (min-width:1001px){.network-rail{top:var(--header-height);z-index:2;height:calc(100dvh - var(--header-height));border-inline:1px solid var(--border-strong);box-shadow:var(--panel-inset);background:linear-gradient(#111722,#080b12);flex-direction:column;align-self:start;align-items:center;padding-top:8px;display:flex;position:sticky}html[data-network-rail=closed] .network-rail{box-shadow:none;background:0 0;border:0}}.network-rail-toggle{border:1px solid var(--border-strong);width:40px;height:40px;color:var(--label);cursor:pointer;background:linear-gradient(#303b4e,#192231);border-radius:2px;flex:none;place-items:center;padding:0;display:grid}.network-rail-toggle:hover{border-color:var(--accent-bright);color:var(--label-bright)}html[data-network-rail=closed] .network-rail-toggle .step-arrow{rotate:180deg}.network-rail-panel{flex-direction:column;width:100%;min-height:0;display:flex}html[data-network-rail=closed] .network-rail-panel{visibility:hidden}.network-sites{overscroll-behavior-y:contain;align-content:start;justify-items:center;gap:4px;margin:0;padding:8px 0;list-style:none;display:grid;overflow-y:auto}.network-site{min-height:40px;color:var(--text-desc);font:400 .875rem/1.35 var(--font-ui);white-space:nowrap;align-items:center;gap:.6rem;padding:.3rem .45rem;text-decoration:none;display:flex}.network-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.network-tile{border:1px solid var(--border-strong);width:28px;height:28px;box-shadow:var(--panel-inset);color:var(--label);font:400 1rem/1 var(--font-flavor);background:radial-gradient(circle at 50% 28%,#202a38,#090d14);border-radius:2px;flex:none;place-items:center;display:grid}.network-tile img{object-fit:contain;width:24px;height:24px;display:block}.network-tile[data-monogram]:before{content:attr(data-monogram)}.network-sites .network-site{border:1px solid var(--border-strong);width:40px;height:40px;box-shadow:var(--panel-inset);background:radial-gradient(at top,#263448,#0c111a 85%);border-radius:2px;justify-content:center;padding:0;position:relative}.network-sites .network-tile{width:32px;height:32px;box-shadow:none;background:0 0;border:0}.network-sites .network-tile img{width:32px;height:32px}.network-sites .network-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.network-sites .network-site[data-current]{border-color:var(--accent-bright);box-shadow:inset 0 0 0 1px var(--accent-bright);background:#2e3c50}.network-sites .network-site:hover{border-color:var(--label-bright);background:#2e3c50}.network-rail :is(a,button):focus-visible{outline:1px solid var(--accent-bright);outline-offset:2px;box-shadow:none}.network-tooltip{z-index:130;border:1px solid var(--border-strong);background:linear-gradient(105deg, #303d50, var(--bg-3));box-shadow:var(--shadow-window);color:var(--text-emph);font:500 .875rem/1.4 var(--font-ui);border-radius:2px;padding:.65rem .85rem}.network-menu-sites .network-site:hover{background:var(--band-row-hover);color:var(--text-emph)}.network-menu-sites .network-site[data-current]{background:var(--band-row);color:#fff}.network-menu-toggle{min-width:0;color:var(--text-main);font:500 .9375rem/1.35 var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:stretch;padding:0 .6rem 0 0;transition:color .15s;display:flex}.network-menu-toggle .navigation-label{align-self:center;padding-left:.15rem}.network-menu-toggle .navigation-toggle{cursor:inherit}.navigation-row:hover .network-menu-toggle{color:var(--text-emph)}.network-menu-toggle[aria-expanded=true] .navigation-chevron{transform:rotate(45deg)}.network-menu-sites .network-site{min-height:44px}
