@charset "UTF-8";
.handbook-page { --accent:#a9d2dd; --accent-rgb:169,210,221; }
.reference-paths { display:flex; flex-wrap:wrap; gap:5px 28px; padding:15px 0; border-bottom:1px solid var(--line); }
.reference-paths a { display:inline-flex; align-items:center; min-height:40px; color:#9ab5c7; font-size:13px; }
.reference-paths a:hover { color:#d0eff6; }
.reference-paths:not(.reference-toc) { gap:5px 12px; }
.reference-paths:not(.reference-toc) a { min-height:44px; padding:8px 12px; border-radius:4px; transition:color .15s,background .15s,box-shadow .15s; }
.reference-paths:not(.reference-toc) a[aria-current="page"],.reference-paths:not(.reference-toc) a[aria-current="location"] { color:#d9f7ff; background:#163447; box-shadow:inset 0 -3px 0 #92e2f1,0 0 20px #65cde912; font-weight:600; }
.reference-paths:not(.reference-toc) a:hover { background:#132b3b; }
.reference-paths:not(.reference-toc) a[aria-current]:hover { background:#1c4054; }
.reference-paths:not(.reference-toc) a:focus-visible { outline:2px solid #a7e5f5; outline-offset:3px; }
.handbook-hero { display:grid; grid-template-columns:1.35fr .8fr; align-items:center; gap:40px; padding:45px 0; }
.handbook-hero>div:only-child { grid-column:1/-1; max-width:850px; }
.handbook-hero .guide-kicker { color:#84afc4; font-size:10px; letter-spacing:1.7px; }
.handbook-hero h1 { font-size:clamp(34px,3.7vw,50px); font-weight:500; line-height:1.5; margin:0 0 23px; }
.handbook-hero h1 em { color:#badce5; font-style:normal; }
.handbook-hero .guide-lead { max-width:640px; font-size:15px; }
.handbook-actions { display:flex; flex-wrap:wrap; gap:12px; }
.handbook-hero-art { margin:0; }.handbook-hero-art img { width:100%; max-height:360px; object-fit:contain; }
.handbook-hero-art figcaption { text-align:center; color:#819eb4; font-size:11px; letter-spacing:2px; }
.handbook-topics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.handbook-topic { display:block; position:relative; border-top:1px solid #92b6c14d; border-bottom:1px solid #92b6c11f; padding:24px 22px 30px; background:#101d2a; }
.handbook-topic>span { font-size:10px; color:#7799af; letter-spacing:1px; }
.handbook-topic h3 { font-size:22px; font-weight:500; color:#cfdfeb; margin:13px 0 10px; }
.handbook-topic p { font-size:13px; color:#91abbf; margin:0 0 14px; }.handbook-topic>.icon { width:17px; height:17px; color:#90c5d6; }
.handbook-topic:hover { background:#142536; border-color:#9fc8d67a; }
.map-filters { display:grid; grid-template-columns:1fr 1fr 1fr; align-items:end; gap:18px; background:#112130; border:1px solid #8fbbcb38; padding:26px; }
.map-filters label { display:block; font-size:12px; color:#a9c1d0; }
.map-filters input,.map-filters select,.supply-planner input { display:block; width:100%; min-height:48px; padding:10px 12px; border:1px solid #779fb451; border-radius:0; background:#0a1723; color:#d4e6ef; font:inherit; font-size:15px; margin-top:8px; }
.map-filters .map-query { grid-column:span 2; }.map-filters>p { grid-column:1/-1; color:#8eacbf; font-size:12px; margin:0; }
.map-filters #map-filter-error { color:#e2b6a6; }.map-filters #map-filter-error:empty { display:none; }
.filter-reset { padding:10px 18px; min-height:48px; border:1px solid #7398ae70; color:#bad1df; background:none; font:inherit; font-size:13px; cursor:pointer; }
.filter-result { font-size:12px; color:#8eabbe!important; margin:20px 0; }
.map-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.map-card { display:flex; flex-direction:column; min-width:0; padding:25px; background:#0f1b29; border:1px solid #8faec02b; }
.map-card-top { display:flex; align-items:center; justify-content:space-between; gap:10px; }.map-card-top>span { color:#819fb6; font-size:11px; }.map-card-top>strong { color:#a9d4e0; font-size:13px; font-weight:500; }
.map-card h3 { font-size:21px; font-weight:500; margin:16px 0 13px; color:#d0e0ec; }.map-card>p { font-size:13px; color:#93aec1; margin-bottom:20px; }
.map-card dl { margin:auto 0 15px; }.map-card dl>div { display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-top:1px solid var(--line); }.map-card dt { font-size:11px; color:#7192a9; flex-shrink:0; }.map-card dd { font-size:12px; color:#b5ccdc; text-align:right; margin:0; }
.map-card>a { display:inline-flex; min-height:44px; align-items:center; justify-content:space-between; gap:15px; font-size:13px; color:#a1d4e4; }.map-card>a .icon { width:16px; height:16px; }
.reference-empty { text-align:center; color:#9ebacc; padding:28px; border:1px dashed #7a9fb35c; font-size:14px; margin:20px 0; }
.reference-three { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }.reference-three>* { border-top:1px solid #91b1c348; padding-top:22px; }.reference-three span { color:#8bbed0; font-size:12px; }.reference-three h3 { font-size:19px; font-weight:500; margin:10px 0; }.reference-three p { color:#98b0c4; font-size:14px; margin:0; }
.map-detail { border-top:1px solid #85a7ba40; scroll-margin-top:115px; }.map-detail:last-child { border-bottom:1px solid #85a7ba40; }
.map-detail>summary { display:flex; justify-content:space-between; align-items:center; gap:20px; list-style:none; padding:25px 12px; cursor:pointer; }.map-detail>summary::-webkit-details-marker { display:none; }
.map-detail>summary small { display:block; color:#7eabc0; font-size:11px; margin-bottom:7px; }.map-detail>summary strong { font-size:24px; font-weight:500; color:#cfdfec; }.detail-plus { color:#9ec9d9; font-size:23px; }.map-detail[open] .detail-plus { transform:rotate(45deg); }
.map-detail-content { padding:0 30px 35px; }.map-detail-lead { color:#9eb9cb; font-size:15px; }.map-detail-content h3 { font-size:19px; font-weight:500; margin:30px 0 18px; }
.map-detail-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; background:#112231; padding:23px; margin:25px 0; }.map-detail-facts dt { color:#719aaf; font-size:11px; }.map-detail-facts dd { margin:7px 0 0; font-size:17px; color:#c0d7e4; }
.reference-callout { border-left:2px solid #8bbacb; padding:18px 22px; background:#122232; color:#b0c6d6; font-size:14px; margin:20px 0; }.reference-callout>strong { display:block; color:#b9dce7; font-weight:500; font-size:13px; margin-bottom:7px; }
.reference-muted,.reference-image-note { color:#87a4b9; font-size:13px; }.reference-image-note { border:1px dashed #7f9eb43a; padding:20px; }
.reference-bullets { color:#a9c1d2; font-size:14px; padding-left:22px; }.reference-bullets li { padding:6px 0; }
.map-reward { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px 25px; border-block:1px solid #b7a47b51; background:#b29b4b08; margin:25px 0; }.map-reward>span { font-size:12px; color:#af9f82; }.map-reward>strong { font-weight:500; color:#dec99c; font-size:20px; }
.handbook-table-wrap { overflow-x:auto; max-width:100%; overscroll-behavior-inline:contain; margin:18px 0; }
.handbook-table { width:100%; border-collapse:collapse; font-size:14px; }.handbook-table th,.handbook-table td { border-bottom:1px solid var(--line); text-align:left; padding:14px 18px; vertical-align:top; color:#a7c1d2; }.handbook-table thead th { background:#142839; color:#99bdce; font-size:12px; font-weight:500; }.handbook-table tbody th { color:#c8dce9; font-weight:500; }.handbook-table th:last-child,.handbook-table td:last-child { font-variant-numeric:tabular-nums; }
.map-rules-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; margin:0 0 24px; }.map-rules-list>div { padding:15px; background:#101e2b; border:1px solid var(--line); }.map-rules-list dt { color:#809eb3; font-size:11px; margin-bottom:7px; }.map-rules-list dd { margin:0; font-size:13px; }.rule-yes { color:#afd2c0; }.rule-no { color:#c6acb5; }
.reference-search { display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px 20px; padding:24px; border:1px solid #84b0c240; background:#102131; margin-bottom:25px; }.reference-search label { grid-column:1/-1; color:#9cbacc; font-size:12px; }.reference-search input { min-width:0; width:100%; min-height:48px; background:#091725; border:1px solid #7f9fb24a; padding:10px 14px; color:#d0e5ee; font:inherit; font-size:16px; }.reference-search button { background:none; color:#aed0e1; border:0; min-height:44px; font:inherit; font-size:13px; cursor:pointer; }.reference-search p { grid-column:1/-1; margin:0; font-size:12px; color:#89adbf; }
.reference-content .ac-wrap { max-width:none; padding:0; }.reference-content .ac-section { margin:35px 0; padding-top:20px; }.reference-content .ac-section-title { font-size:24px; color:#c4dce8; font-weight:500; }.reference-content .ac-section-desc { color:#8daec2; font-size:14px; margin-top:13px; }
.reference-content .ac-tier { padding:35px 0; border-top:1px solid var(--line); scroll-margin-top:115px; }.reference-content .ac-tier-head { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px 22px; margin-bottom:25px; }.reference-content .ac-tier-name { color:#c4deec; font-size:25px; font-weight:500; margin:0; }.reference-content .ac-tier-badge { color:#7d9fb6; font-size:11px; letter-spacing:1px; }.reference-content .ac-sub { font-size:18px; font-weight:500; color:#b6d7e5; margin:28px 0 14px; }
.reference-content .ac-info { color:#a9c2d4; background:#112130; padding:20px 24px; border-left:2px solid #82aabc; font-size:14px; line-height:2; margin:18px 0; }.reference-content .ac-info-warn { border-color:#ba9e84; }.reference-content .ac-info strong { color:#d3e6ed; font-weight:500; }.reference-content a { color:#9ad7e8; text-decoration:underline; text-underline-offset:4px; }.reference-content .ac-info p:last-child { margin-bottom:0; }
.reference-content .ac-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:23px 0; }.reference-content .ac-stat { padding:18px; border:1px solid var(--line); background:#101c2a; }.reference-content .lbl { display:block; font-size:11px; color:#7d9bb2; margin-bottom:8px; }.reference-content .val { display:block; color:#b5dbe8; font-size:17px; }
.reference-content .ac-drops { display:grid; gap:0; }.reference-content .ac-drop { display:flex; flex-wrap:wrap; gap:10px 24px; justify-content:space-between; padding:15px 0; border-bottom:1px solid var(--line); font-size:14px; color:#a8c0d0; }.reference-content .ac-drop strong { font-weight:500; color:#c9dfeb; }.reference-content .rate { color:#a8cbd9; }
.reference-content .feat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }.reference-content .feat-card { border:1px solid var(--line); padding:20px; font-size:14px; color:#adcad9; }
.reference-content .step-img { display:flex; justify-content:center; padding:20px 0; }.reference-content img { max-width:100%; height:auto; }.reference-content table { min-width:580px; width:100%; border-collapse:collapse; font-size:14px; }.reference-content th,.reference-content td { padding:15px 18px; border-bottom:1px solid var(--line); text-align:left; color:#abc3d4; vertical-align:top; }.reference-content thead th { background:#142738; color:#9fc6d8; font-size:12px; font-weight:500; }.reference-content tbody tr:hover { background:#76a4c006; }.reference-content .cmd,.reference-content .cmd-en,.reference-content .sym { color:#b9ddeb; font-family:Consolas,monospace; }.reference-content .key { display:inline-block; padding:4px 8px; background:#15283a; border:1px solid #779db44a; border-radius:3px; color:#c9e4ee; font-size:12px; }
.reference-content .faq-item { border-bottom:1px solid var(--line); }.reference-content .faq-item summary { display:flex; align-items:center; gap:15px; min-height:65px; list-style:none; cursor:pointer; font-size:16px; color:#c6dce8; padding:18px 10px; }.reference-content .faq-item summary::-webkit-details-marker { display:none; }.reference-content .q-icon { font:12px Consolas,monospace; color:#7eafc3; }.reference-content .q-arrow { margin-left:auto; color:#7eafc3; font-size:10px; }.reference-content details[open] .q-arrow { transform:rotate(180deg); }.reference-content .faq-answer { color:#9fbacc; font-size:14px; line-height:2; padding:0 35px 24px; }.reference-content .faq-answer strong { color:#c7dfeb; font-weight:500; }
.reference-content .code-block { white-space:pre-wrap; background:#0b1926; border:1px solid #83a2b236; padding:20px; color:#b3d8e8; font:14px/1.9 Consolas,monospace; margin:20px 0; }.command-copy { display:inline-flex; align-items:center; min-height:35px; margin-left:10px; padding:3px 8px; border:1px solid #739ab347; background:none; color:#83b7cb; font:11px/1.6 var(--sans); cursor:pointer; }
.supply-planner { display:grid; grid-template-columns:1fr 1fr 1.2fr; gap:22px; padding:26px; background:#112130; border:1px solid #83b3c442; align-items:center; }.supply-planner label { font-size:12px; color:#9ebdce; }.supply-planner>div { padding-left:25px; border-left:1px solid var(--line); }.supply-planner span { display:block; font-size:12px; color:#8caebe; }.supply-planner strong { display:block; font-size:44px; font-weight:500; color:#bee6ef; }.supply-planner p { font-size:12px; color:#8facbf; margin:5px 0 0; }
.map-filters[hidden],.map-card[hidden],.reference-search[hidden],.reference-empty[hidden],.reference-content [hidden],.supply-planner[hidden] { display:none!important; }
/* Equipment and item references share the new typography and table system. */
.reference-content .g7-wrap,.reference-content .g8-wrap,.reference-content .g9-wrap,.reference-content .g10-wrap,.reference-content .g11-wrap,.reference-content .g-overview { max-width:none; padding:0; }
.reference-content .g7-tier-grid,.reference-content .g8-tier-grid,.reference-content .g9-special-grid,.reference-content .g9-basic-grid,.reference-content .g10-grid,.reference-content .g11-grid,.reference-content .g-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin:25px 0; }
.reference-content .g7-tier-card,.reference-content .g8-tier-card,.reference-content .g9-card,.reference-content .g10-card,.reference-content .g11-card,.reference-content .g-card { display:flex; flex-direction:column; min-width:0; border:1px solid #8eaec033; background:#101e2c; padding:23px; text-decoration:none; }
.reference-content .g7-tier-card:hover,.reference-content .g8-tier-card:hover,.reference-content .g9-card:hover,.reference-content .g10-card:hover,.reference-content .g11-card:hover { border-color:#8dbacc77; background:#142638; }
.reference-content .g7-tier-img-wrap,.reference-content .g8-tier-img-wrap { display:grid; place-items:center; min-height:120px; margin-bottom:20px; }
.reference-content .g7-tier-img-wrap img,.reference-content .g8-tier-img-wrap img { max-height:180px; width:auto; object-fit:contain; }
.reference-content .g7-tier-name,.reference-content .g8-tier-name,.reference-content .g9-card h3,.reference-content .g10-card h3,.reference-content .g11-card h3,.reference-content .g-card h3 { font-size:21px; color:#c4e0ec; font-weight:500; margin:12px 0; }
.reference-content .g7-tier-tagline,.reference-content .g8-tier-tagline,.reference-content .g9-card p,.reference-content .g10-card p,.reference-content .g11-card p,.reference-content .g-card p { font-size:13px; color:#97b3c6; }
.reference-content .g7-tier-stats,.reference-content .g8-tier-stats { display:grid; gap:10px; margin:20px 0; }.reference-content .stat { display:flex; align-items:baseline; justify-content:space-between; gap:15px; border-top:1px solid var(--line); padding-top:9px; }.reference-content .stat-label { color:#7f9fb5; font-size:11px; }.reference-content .stat-value { color:#b6d9e8; font-size:14px; }
.reference-content .g7-tier-go,.reference-content .g8-tier-go { display:block; color:#96c9db; font-size:12px; margin-top:15px; }.reference-content .g9-section-header,.reference-content .g10-section-header,.reference-content .g11-section-header { display:flex; align-items:center; flex-wrap:wrap; gap:15px; margin:38px 0 15px; font-size:24px; color:#c3dfec; }.reference-content .g9-section-sub,.reference-content .g11-section-sub { color:#819fb5; font-size:13px; margin-bottom:24px; }
.reference-content .g9-overview-banner { display:flex; align-items:center; gap:22px; padding:25px; background:#122535; border:1px solid #8ab3c747; text-decoration:none; }.reference-content .g9-overview-title { font-size:22px; color:#b9dbe8; }.reference-content .g9-overview-desc { font-size:13px; color:#8eabbf; margin-top:8px; }
.reference-content .g7-overview-banner,.reference-content .g8-overview-banner { display:flex; align-items:center; gap:22px; padding:25px; background:#122535; border:1px solid #8ab3c747; text-decoration:none; }.reference-content .g7-overview-title,.reference-content .g8-overview-title { font-size:22px; color:#bddde9; }.reference-content .g7-overview-desc,.reference-content .g8-overview-desc { font-size:13px; color:#8faec2; margin-top:8px; }.reference-content .g7-overview-arrow,.reference-content .g8-overview-arrow,.reference-content .g9-overview-arrow { margin-left:auto; color:#8abed1; font-size:23px; }.reference-content .g7-overview-icon,.reference-content .g8-overview-icon,.reference-content .g9-overview-icon { font-size:25px; }
.reference-content .g7-flow,.reference-content .g8-flow,.reference-content .g8-acc-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin:25px 0; }.reference-content .g7-tier-arrow,.reference-content .g8-tier-arrow { display:none; }.reference-content .g7-aside-label,.reference-content .g8-aside-label { grid-column:1/-1; font-size:11px; color:#7698af; letter-spacing:1px; }.reference-content .g7-flow-header,.reference-content .g8-section-header { font-size:23px; color:#bcd9e9; margin:35px 0 15px; }.reference-content .g8-section-sub { font-size:13px; color:#8eabbf; }
.reference-content .g7-flow>.g7-tier-card:first-child,.reference-content .g8-flow>.g8-tier-card:first-child { grid-column:1/-1; display:grid; grid-template-columns:1fr 2fr; gap:28px; align-items:center; }.reference-content .g7-flow>.g7-tier-card:first-child .g7-tier-img-wrap,.reference-content .g8-flow>.g8-tier-card:first-child .g8-tier-img-wrap { margin:0; }.reference-content .g7-flow>.g7-tier-card:first-child .g7-tier-stats,.reference-content .g8-flow>.g8-tier-card:first-child .g8-tier-stats { grid-template-columns:1fr 1fr; gap:25px; }
.reference-content .g8-acc-card,.reference-content .g9-special-card { display:block; min-width:0; border:1px solid #8eaec033; padding:23px; background:#101f2d; text-decoration:none; }.reference-content .g8-acc-card h3,.reference-content .g9-special-card h3 { color:#c1deeb; font-size:20px; font-weight:500; margin:10px 0; }.reference-content .g8-acc-card p,.reference-content .g9-special-card p { font-size:13px; color:#91b0c5; }.reference-content .g8-acc-types,.reference-content .g8-acc-tiers,.reference-content .g9-tier-mini { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin:15px 0; }.reference-content .g8-acc-type-chip,.reference-content .g8-acc-tier-pill,.reference-content .g9-tier-mini-pill { font-size:11px; color:#96b7cb; border:1px solid #84a4bb36; padding:5px 8px; }
.reference-content .ac-img,.reference-content .ac-img-sm { display:block; width:auto; max-width:min(100%,600px); max-height:550px; object-fit:contain; margin:20px auto; }.reference-content .ac-img-sm { max-height:230px; }
.reference-content .ac-stat .label { display:block; font-size:11px; color:#82a1b6; margin-bottom:7px; }.reference-content .ac-stat .value { display:block; font-size:18px; color:#bbdce9; }
.reference-content .ac-recipe { border:1px solid #8baabe33; background:#101f2e; padding:24px; margin:20px 0; }.reference-content .ac-recipe-title { color:#b6d9e9; font-size:16px; margin-bottom:18px; }.reference-content .ac-recipe-items { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }.reference-content .ac-recipe-item { border:1px solid #8aaac139; background:#14293a; padding:10px 14px; color:#adc6d8; font-size:13px; }.reference-content .ac-recipe-success { color:#a6cabb; font-size:13px; border-top:1px solid var(--line); padding-top:16px; margin-top:18px; }.reference-content .ac-feat,.reference-content .ac-set-bonus { display:grid; gap:10px; padding:15px 0; }.reference-content .ac-feat-item,.reference-content .ac-set-item,.reference-content .ac-common-item { color:#a7c4d6; font-size:13px; padding:12px 0; border-bottom:1px solid var(--line); }.reference-content .ac-type-name,.reference-content .ac-piece-name { color:#bfdbe9; font-size:16px; margin-bottom:8px; }.reference-content .ac-type-role,.reference-content .ac-piece-def { color:#84a5ba; font-size:12px; }.reference-content .ac-type-stat { display:flex; justify-content:space-between; gap:16px; color:#9dbdd1; font-size:12px; margin-top:8px; }
.reference-content .stone-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }.reference-content .stone-card,.reference-content .ac-cape-card { display:flex; align-items:start; gap:15px; border:1px solid #87a6bc30; padding:22px; background:#101f2d; text-decoration:none; }.reference-content .stone-icon,.reference-content .ac-cape-card-emoji { font-size:26px; }.reference-content .stone-name,.reference-content .ac-cape-card-name { color:#c1dce8; font-size:16px; }.reference-content .stone-badge,.reference-content .stone-go,.reference-content .ac-cape-card-stats { color:#8aaabe; font-size:12px; margin-top:8px; }.reference-content .ac-rate { display:flex; flex-wrap:wrap; align-items:center; gap:14px; padding:20px; border:1px solid var(--line); background:#112232; color:#a3c5d8; }.reference-content .ac-rate-value { color:#c2dce9; font-size:22px; }
.reference-image-viewer { width:min(1000px,92vw); max-height:90dvh; overflow:auto; overscroll-behavior:contain; padding:18px; border:1px solid #8db2c578; background:#0c1928; color:#d1e8f2; }.reference-image-viewer::backdrop { background:#030913dd; }.reference-image-viewer>button { position:sticky; top:0; z-index:1; display:block; margin:0 0 16px auto; min-height:44px; padding:8px 15px; border:1px solid #789eb451; color:#c2e0ed; background:#142b3d; font:13px var(--sans); cursor:pointer; }.reference-image-viewer>img { display:block; max-width:100%; height:auto; margin:auto; }.reference-content img[role="button"] { cursor:zoom-in; }
.reference-image-status { min-height:80px; display:grid; place-items:center; margin:0; padding:20px; color:#b6cfdd; font-size:14px; text-align:center; }
.reference-image-original { display:inline-flex; align-items:center; min-height:44px; margin-top:12px; color:#acd5e4; font-size:13px; text-decoration:underline; text-underline-offset:4px; }
body.reference-viewer-open { overflow:hidden; }
.reference-content .ac-types,.reference-content .ac-pieces { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:22px 0; }.reference-content .ac-type,.reference-content .ac-piece { padding:20px; border:1px solid var(--line); background:#101e2c; font-size:13px; color:#acc7d7; }.reference-content .ac-type h4,.reference-content .ac-piece h4 { color:#c8dfe9; font-size:16px; font-weight:500; margin:10px 0; }
.reference-content .ac-path,.reference-content .ac-flow,.reference-content .ac-pills,.reference-content .ac-tiers-nav { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:20px 0; }.reference-content .ac-path-item,.reference-content .ac-flow-step,.reference-content .ac-pill { font-size:13px; color:#abcbdc; border:1px solid #7f9fb342; background:#112334; padding:11px 16px; }.reference-content .ac-path-arrow,.reference-content .ac-flow-arrow { color:#65899f; }.reference-content .ac-highlight-box { padding:23px; border-left:2px solid #9ac1d0; background:#122333; color:#adc9d9; margin:25px 0; }
.reference-content .prob-question { background:#122332; border-left:2px solid #8eb6cb; padding:23px; color:#aec9da; font-size:15px; }.reference-content .q-label { display:block; font-size:11px; color:#789fb5; margin-bottom:10px; }.reference-content .prob-chart { display:grid; gap:16px; padding:25px; border:1px solid var(--line); background:#101e2b; }.reference-content .prob-bar-wrap { display:grid; grid-template-columns:85px 1fr; gap:16px; align-items:center; }.reference-content .prob-bar-label { color:#9cb7cb; font-size:12px; }.reference-content .prob-bar-track { background:#1b3142; min-height:27px; position:relative; }.reference-content .prob-bar-fill { background:#528ba5; min-height:27px; color:#d9ecf5; font-size:11px; padding-left:7px; white-space:nowrap; box-sizing:border-box; }.reference-content .prob-formula { color:#b5d6e5; background:#0c1926; padding:23px; margin:24px 0; font-family:Consolas,monospace; font-size:15px; }.reference-content .prob-formula small { display:block; color:#849fb5; margin-top:10px; font-family:var(--sans); font-size:12px; }.reference-content .dice-example { display:flex; flex-wrap:wrap; gap:14px; padding:20px 0; }.reference-content .dice { display:grid; place-items:center; width:42px; height:42px; border:1px solid #83a7bd55; color:#b7d7e8; }
.reference-content .color-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }.reference-content .color-card { display:flex; gap:13px; align-items:center; min-width:0; border:1px solid var(--line); padding:16px; background:#111f2d; }.reference-content .color-swatch { width:34px; height:34px; flex-shrink:0; border:1px solid #d0e0ef35; }.reference-content .color-code { font:16px Consolas,monospace; color:#b7d9e8; }.reference-content .color-name { color:#8ba8bd; font-size:11px; margin-top:5px; }.reference-content .color-demo { display:flex; flex-wrap:wrap; gap:22px; padding:20px; background:#142332; }.reference-content .color-demo-code { font:14px Consolas,monospace; color:#9dbcd0; }.reference-content .color-demo-result { font-size:18px; padding:10px 0; }.reference-content .color-demo-label { font-size:11px; color:#809eb4; }
@media(max-width:1050px) { .handbook-topics,.map-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }.map-card { padding:22px; }.supply-planner { gap:16px; }.map-rules-list { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:640px) {
 .reference-content .g7-flow>.g7-tier-card:first-child,.reference-content .g8-flow>.g8-tier-card:first-child { display:flex; gap:15px; }.reference-content .g7-flow>.g7-tier-card:first-child .g7-tier-stats,.reference-content .g8-flow>.g8-tier-card:first-child .g8-tier-stats { grid-template-columns:1fr; gap:10px; }
 .reference-content .g7-flow,.reference-content .g8-flow,.reference-content .g8-acc-grid { grid-template-columns:1fr; gap:16px; }.reference-content .g7-overview-banner,.reference-content .g8-overview-banner,.reference-content .g9-overview-banner { padding:20px; gap:15px; }.reference-content .g7-overview-title,.reference-content .g8-overview-title,.reference-content .g9-overview-title { font-size:20px; }.reference-content .g7-overview-desc,.reference-content .g8-overview-desc,.reference-content .g9-overview-desc { font-size:12px; }
 .reference-content .stone-grid { grid-template-columns:1fr; }.reference-content .ac-recipe { padding:18px; }.reference-content .ac-recipe-item { font-size:12px; padding:8px 12px; }.reference-content .stone-card,.reference-content .ac-cape-card { padding:18px; }.reference-image-viewer { padding:12px; }
 .reference-content .g7-tier-grid,.reference-content .g8-tier-grid,.reference-content .g9-special-grid,.reference-content .g9-basic-grid,.reference-content .g10-grid,.reference-content .g11-grid,.reference-content .g-cards { grid-template-columns:1fr; gap:16px; }.reference-content .ac-types,.reference-content .ac-pieces { grid-template-columns:1fr 1fr; gap:12px; }.reference-content .color-grid { grid-template-columns:1fr 1fr; gap:10px; }.reference-content .color-card { padding:13px; gap:10px; }.reference-content .color-swatch { width:27px; height:27px; }.reference-content .prob-chart { padding:20px 15px; }.reference-content .prob-bar-wrap { grid-template-columns:70px 1fr; gap:10px; }.reference-content .prob-formula { font-size:13px; padding:18px; }
 .reference-paths { gap:0 18px; padding-block:10px; }.reference-paths a { font-size:11px; }.handbook-hero { grid-template-columns:1fr; gap:24px; padding:30px 0; }.handbook-hero h1 { font-size:34px; }.handbook-hero .guide-lead { font-size:14px; }.handbook-hero .guide-kicker { font-size:8px; letter-spacing:1px; }.handbook-actions .button { font-size:12px; padding-inline:16px; }.handbook-hero-art img { max-height:260px; }
 .handbook-topics { grid-template-columns:1fr 1fr; gap:12px; }.handbook-topic { padding:20px 16px; }.handbook-topic h3 { font-size:19px; }.handbook-topic p { font-size:12px; }.handbook-topic>span { font-size:9px; }
 .map-filters { grid-template-columns:1fr 1fr; gap:16px 12px; padding:21px 17px; }.map-filters label { font-size:11px; }.map-filters input,.map-filters select { font-size:16px; padding-inline:10px; }.map-filters .map-query { grid-column:1/-1; }.filter-reset { grid-column:1/-1; }.map-filters>p { font-size:11px; }
 .map-cards,.reference-three { grid-template-columns:1fr; gap:18px; }.map-card h3 { font-size:21px; }.map-card>p { font-size:13px; }.reference-three p { font-size:13px; }
 .map-detail>summary { padding:22px 0; }.map-detail>summary strong { font-size:21px; }.map-detail-content { padding:0 0 28px; }.map-detail-lead { font-size:14px; }.map-detail-facts { grid-template-columns:1fr; padding:20px; gap:15px; }.map-detail-facts>div { display:flex; align-items:baseline; justify-content:space-between; gap:20px; }.map-detail-facts dd { margin:0; font-size:15px; }.reference-callout { font-size:13px; padding:18px; }.map-reward { align-items:start; flex-direction:column; gap:8px; padding:20px; }.map-reward strong { font-size:18px; }.map-rules-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.handbook-table { min-width:500px; font-size:13px; }.handbook-table th,.handbook-table td { padding:12px 14px; }
 .reference-search { padding:20px 17px; gap:8px 13px; }.reference-content .ac-tier { padding-block:28px; }.reference-content .ac-tier-name { font-size:22px; }.reference-content .ac-info { padding:18px; font-size:13px; }.reference-content .ac-stats { grid-template-columns:1fr; padding-block:12px; gap:10px; }.reference-content .ac-stat { padding:17px; }.reference-content .feat-grid { grid-template-columns:1fr 1fr; gap:10px; }.reference-content .feat-card { padding:15px; font-size:12px; }.reference-content th,.reference-content td { padding:12px 14px; font-size:13px; }.reference-content .faq-item summary { padding:16px 0; font-size:15px; gap:12px; }.reference-content .faq-answer { padding:0 0 20px 25px; font-size:13px; }.reference-content .ac-sub { font-size:17px; }.reference-content .ac-drop { font-size:13px; }
 .supply-planner { grid-template-columns:1fr 1fr; padding:22px 18px; gap:20px 14px; }.supply-planner input { font-size:16px; }.supply-planner>div { grid-column:1/-1; border-left:0; padding:20px 0 0; border-top:1px solid var(--line); }.supply-planner strong { font-size:38px; }
}
@media(max-width:370px) { .handbook-topics { grid-template-columns:1fr; }.map-filters { grid-template-columns:1fr; }.map-filters .map-query { grid-column:auto; }.handbook-hero h1 { font-size:30px; } }
@media print { .reference-paths,.map-filters,.reference-search,.command-copy,.supply-planner { display:none!important; }.handbook-hero { display:block; }.handbook-hero-art { display:none; }.handbook-topics,.map-cards { display:block; }.map-card,.handbook-topic,.reference-content .ac-tier { break-inside:avoid; }.handbook-table-wrap { overflow:visible; }.handbook-table,.reference-content table { min-width:0; font-size:10px; } }