/* Public presentation only; the private atlas and its styles are unchanged. */
.guide-main>.page-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}
.page-heading #page-title{font-size:24px;line-height:1.25;margin:0}
.page-heading #guide-help{flex:none;min-height:36px;padding:6px 10px;font-size:16px}
@media(max-width:600px){.page-heading #page-title{font-size:20px}}
:root{--bg:#0e161b;--panel:#172127;--panel2:#1c2a31;--line:#2d3b40;--text:#f1f2e9;--muted:#b8c5c7;--teal:#a5dfbd;--gold:#ebc982;font-size:16px;color-scheme:dark}
body{background:var(--bg);line-height:1.5}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,input,select{border-radius:9px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:hover{background:#263b38;border-color:#607b6b}input,select{background:#111d23;height:44px;border-color:#415259}input[type=checkbox]{height:17px;width:17px;accent-color:var(--teal)}label{font-size:16px;text-transform:none;letter-spacing:0;line-height:1.4}label select,label input{font-size:16px}h2{font-size:22px;line-height:1.25;letter-spacing:-.025em}h3{font-size:16px}a{text-underline-offset:4px}.panel{border-radius:14px}.quiet{font-size:16px}.skill-icon{image-rendering:pixelated}.skip-link{position:fixed;left:12px;top:-80px;z-index:20;background:var(--gold);color:#15231c;padding:12px 20px;border-radius:8px}.skip-link:focus{top:12px}
/* Keep the native dropdown behaviour with a consistently inset chevron. */
select:not([multiple]):not([size]){appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23a6b6b9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px}
@media(forced-colors:active){select:not([multiple]):not([size]){appearance:auto;background-image:none;padding-right:12px}}
.app-layout{display:grid;grid-template-columns:216px minmax(0,1fr);max-width:1960px;margin:auto;min-height:100vh}.site-sidebar{background:#121f23;border-right:1px solid var(--line);padding:30px 17px 22px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow:auto}.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);padding:0 6px 31px}.site-brand svg{width:38px;height:38px;flex:none}.site-brand svg rect{fill:#263e33;stroke:#608571;stroke-width:1}.site-brand svg path{fill:#d4e7b4}.site-brand svg circle{fill:#203c2e}.site-brand>span{font-size:14px;letter-spacing:.17em;font-weight:650}.site-brand strong{font-size:19px;letter-spacing:-.04em;display:block;font-weight:650}.brand-dot{color:var(--teal)}.site-navigation summary{display:none}.nav-label{text-transform:uppercase;letter-spacing:.1em;font-size:14px;color:#a3b6b7;margin:11px 13px 11px}.nav-label:not(:first-child){margin-top:28px}.site-navigation a{display:flex;align-items:center;gap:11px;padding:12px 10px;margin:4px 0;border:1px solid transparent;border-radius:10px;text-decoration:none;color:#bdc9ca;font-size:16px;line-height:1.5;font-weight:550;min-height:48px}.site-navigation a>span:nth-child(2){flex:1}.site-navigation img{width:25px;height:25px;object-fit:contain;image-rendering:pixelated}.site-navigation [data-nav-icon]{display:flex;flex:none}.site-navigation a:hover{background:#1c3032;color:white}.site-navigation a[aria-current=page]{background:#294234;border-color:#49604b;color:#d6edcc}.nav-arrow{font-size:17px;opacity:.8}.text-button{border:0;padding:0;font-size:16px;color:var(--teal);text-align:left}.text-button:hover{background:transparent;color:white}.sidebar-footer{font-size:14px;color:#99afb0;line-height:1.9;margin-top:auto;padding:25px 12px 0}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);margin-right:7px;vertical-align:middle}
.guide-main{min-width:0;padding:0;padding-inline:18px;max-width:1750px;width:100%;margin:auto}.page-top{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:68px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;letter-spacing:.08em}.page-top button{padding:5px 0 5px 10px;border:0;font-size:16px;color:#c5d5d4;min-height:38px}.page-top button span{display:inline-grid;place-items:center;border:1px solid #506569;border-radius:50%;width:18px;height:18px;font-size:14px;margin-left:5px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:27px 0 21px}.page-heading h1{font-size:clamp(27px,3.1vw,42px);font-weight:560;letter-spacing:-.045em;line-height:1.16;margin:0 0 9px;max-width:900px}.page-heading p{font-size:16px;line-height:1.65;margin:0;color:#afc0c0}.eyebrow{font-size:14px;letter-spacing:.12em;color:var(--teal);margin-bottom:10px}.page-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:20px;background:#283c33;border:1px solid #3e5347;flex:none}.page-icon img{width:38px;height:38px;object-fit:contain;image-rendering:pixelated}.view-context{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 12px;font-size:14px;color:var(--muted);flex-wrap:wrap}.view-context>span{color:#c2ceca}.view-context button{border:0;padding:5px 0;color:var(--muted);font-size:14px}.view-context button span{margin-left:5px}.view-context button:hover{background:transparent;color:var(--text)}#content{min-width:0}#content>section:first-child:not(.panel):empty{display:none}

/* Tool surfaces keep the game artwork, with roomier controls and clearer hierarchy. */
.route-layout{grid-template-columns:260px minmax(0,1fr);gap:18px}.route-sidebar{padding:18px;background:#17242a}.route-sidebar label{margin-bottom:17px}.route-tier-label{font-size:14px;text-transform:none;letter-spacing:0}.route-tiers{gap:5px}.route-tiers button{min-height:43px;border-radius:7px;font-size:14px}.route-tiers button small{font-size:14px}.route-types{gap:6px;border-top:1px solid var(--line);padding-top:15px}.route-types label{padding:7px 5px;font-size:14px;gap:5px;border:0;background:#203038;margin:0}.route-types .skill-icon{width:19px;height:19px}.route-types input{width:15px;height:15px}.route-results{max-height:320px;scrollbar-color:#597169 #152327;scrollbar-width:thin;border-top:1px solid var(--line);padding-top:6px}.route-result{padding:12px 7px;min-height:55px}.route-result strong{font-size:16px}.route-result small{font-size:14px}.route-locate{min-height:40px;min-width:36px}.route-endpoints{gap:8px;margin-bottom:11px}.route-endpoint{background:var(--panel);padding:15px;border-radius:12px;min-height:75px}.route-endpoint small{font-size:14px;letter-spacing:.045em}.route-endpoint strong{font-size:16px}.route-endpoint[aria-pressed=true]{border-color:#9eccab;background:#253a2f}.route-endpoint[data-endpoint=to][aria-pressed=true]{background:#383326;border-color:#c5ad73}#route-swap{align-self:center;padding:8px;border:0;font-size:22px;color:var(--muted)}.route-endpoint-actions{min-height:34px}.route-endpoint-actions button{padding:8px 10px;font-size:14px;border-style:dashed;border-color:#50695c;color:#c2dfc5}.world-toolbar{gap:6px;padding:11px 13px}.world-toolbar button{min-height:38px;border-radius:7px;font-size:16px;padding:6px 9px;background:#1b2b30}.world-toolbar button[id^=route-zoom]{font-size:20px;width:34px;line-height:1;padding:5px}.world-toolbar .quiet{font-size:14px}.world-map{height:clamp(450px,54vh,640px);border-color:#33484a}.world-map-stage{background:#172523}.route-summary{padding:16px 19px;min-height:57px;background:#19292b}.route-summary h3{font-size:22px}.route-summary p{font-size:14px}.route-steps{border-color:#38514c}.route-summary .route-step{font-size:14px;display:flex;align-items:center;gap:3px}.route-summary .route-step img{width:18px;height:18px}.route-summary .route-steps{gap:6px}
.quest-search{max-width:none;margin:0 0 17px}.quest-search input{max-width:520px}.compare-layout{grid-template-columns:260px minmax(0,1fr);gap:18px}.quest-list{max-height:830px}.list-label{font-size:16px;background:#1c2c32;padding:17px}.quest-list .action-button{padding:15px 13px;min-height:68px}.action-button .name{font-size:16px}.action-button small{font-size:14px}.quest-objective{font-size:16px}.quest-location{min-height:40px}.quest-step-type{color:var(--teal);font-size:14px}.quest-dialogue summary{font-size:16px;padding:4px 0}.quest-objectives .quest-steps>li{padding-block:20px}.quest-rewards h3,.quest-requirements h3{font-size:16px}.quest-chips>span,.quest-chips>button{font-size:16px}.quest-bank{font-size:14px}.quest-level{font-size:14px}.quest-objectives{padding:20px 25px}
.build-layout{grid-template-columns:minmax(0,1fr) 282px;gap:17px}.build-heading{background:#1b2b2d;border-color:#405147;border-radius:14px;padding:20px}.build-heading h2{font-size:19px;margin-bottom:8px}.build-heading p{font-size:16px}.build-heading .build-actions{gap:7px}.build-actions button{font-size:16px;min-height:44px;height:auto}.build-actions label{font-size:14px}.build-actions input{height:42px}#tree-all,#build-all{border-color:#789874;color:#d5eac8;background:#304534}.tree-toolbar{padding:15px;gap:8px}.tree-toolbar label{width:155px}.tree-toolbar button{min-height:37px}.talent-viewport{height:540px}.talent-viewport svg{min-width:790px}.build-inspect,.build-total{padding:19px}.build-inspect p{font-size:16px}.bonus-row{font-size:16px;padding:11px 0}.bonus-row b{font-size:16px}.tree-legend{font-size:14px;gap:10px;line-height:1.8}.build-controls{padding:18px;grid-template-columns:105px minmax(150px,1fr) minmax(150px,1fr);gap:14px}.build-control-note{grid-column:1/-1;font-size:14px}.build-subnav{padding:9px;gap:2px}.build-subnav button{font-size:16px;min-height:41px;border-radius:7px}.build-subnav button[aria-selected=true]{background:#3d3d2a;color:#f2d78d}.build-filters{grid-template-columns:minmax(0,1fr) 135px}.unlock-layout .build-aside{max-height:none}.unlock-grid{border-spacing:5px}.unlock-grid th{font-size:14px}.unlock-grid th:first-child{padding:10px}.unlock-slot{width:58px;height:60px;border-radius:7px}.slot-caption{top:60px}.catalog-note{font-size:16px;line-height:1.7}.build-catalog-bar small{font-size:14px}.build-catalog-bar button{min-height:36px}.collection-heading button{min-height:35px}.collection-group summary{font-size:16px;padding-block:18px}.collection-group summary>span{font-size:14px}.potion-comparison button{padding:11px 7px}.potion-comparison span{font-size:14px}.potion-comparison small{font-size:14px}.speed-number{font-size:30px}.build-details summary{padding:4px 0}
.after-guide{display:grid;grid-template-columns:1fr;gap:35px;border-top:1px solid var(--line);margin-top:34px;padding-top:28px;align-items:center}.next-tools>p{font-size:16px}.next-tools h2{font-size:24px;margin-bottom:6px}.next-tools .eyebrow{margin-bottom:13px}#next-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:680px}#next-tools a{padding:11px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;font-size:16px;text-decoration:none;color:#cfddd4;min-height:52px}#next-tools a:hover{background:#263b30;border-color:#597662}#next-tools a>span:first-of-type{flex:1}#next-tools a img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}.guide-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:14px;color:#a4b6b8;line-height:1.9;padding:30px 0}.guide-footer a{font-size:14px;color:#c1d0c7;white-space:nowrap}.guide-footer .text-button{font-size:14px;margin-left:auto}
dialog{background:#1a282c;color:var(--text);border:1px solid #4a6259;border-radius:18px;padding:25px;width:min(530px,calc(100% - 32px));max-height:85vh;box-shadow:0 25px 80px #0007}dialog::backdrop{background:#071213cf}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-top .eyebrow{margin:0}.dialog-top button{font-size:23px;padding:0;width:36px;height:36px}dialog h2{font-size:25px}dialog p,dialog li{font-size:16px;line-height:1.8}dialog li{padding:5px 0}dialog ul{padding-left:20px;overflow-wrap:anywhere}dialog summary{cursor:pointer;color:var(--teal);font-size:16px}.guide-steps{padding-left:22px}.guide-steps li{padding:8px 0 8px 9px}.guide-steps li::marker{color:var(--teal)}.data-facts{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:16px;margin:22px 0}.data-facts dt{color:var(--muted)}.data-facts dd{margin:0}.primary-button{color:#18271d;background:#b7d99b;font-weight:650;border-color:#b7d99b;min-height:42px;padding-inline:22px;margin-top:14px}.primary-button:hover{background:#d6ecbd;border-color:#d6ecbd;color:#16251d}
@media(min-width:1750px){.route-layout{grid-template-columns:285px minmax(0,1fr)}.page-heading{padding-block:33px}.world-map{height:600px}}
@media(max-width:1250px){.app-layout{grid-template-columns:190px minmax(0,1fr)}.site-sidebar{padding-inline:12px}.site-brand{gap:8px}.site-brand strong{font-size:17px}.site-brand svg{width:32px}.site-navigation a{font-size:16px;gap:8px;padding-inline:8px}.page-icon{display:none}.route-layout{grid-template-columns:235px minmax(0,1fr);gap:13px}.route-sidebar{padding:14px}.route-endpoints{grid-template-columns:minmax(0,1fr) auto}.route-endpoint[data-endpoint=to]{grid-column:1/-1}.build-layout{grid-template-columns:minmax(0,1fr) 245px;gap:12px}.build-heading{align-items:start;flex-direction:column}.compare-layout{grid-template-columns:220px minmax(0,1fr)}.world-toolbar .quiet{width:100%}.build-filters{grid-template-columns:1fr 115px}.build-inspect,.build-total{padding:15px}.after-guide{gap:20px}#next-tools{grid-template-columns:1fr}}
@media(max-width:1050px) and (min-width:851px){.route-layout{grid-template-columns:1fr}.route-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.route-sidebar .route-tier-label,.route-sidebar .route-tiers,.route-sidebar .route-types,.route-sidebar #route-reset-filters,.route-sidebar #route-count,.route-results{grid-column:1/-1}.route-tiers{grid-template-columns:repeat(12,1fr)}.route-results{max-height:175px}.route-endpoints{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.route-endpoint[data-endpoint=to]{grid-column:auto}.build-layout{grid-template-columns:1fr}.build-aside{grid-template-columns:1fr 1fr}.unlock-layout{display:block}.unlock-layout .build-aside{position:static;margin-top:16px;max-height:none}.unlock-layout .build-aside #build-speed{grid-column:1/-1}}
@media(max-width:850px){.app-layout{display:block}.site-sidebar{position:sticky;z-index:6;top:0;height:auto;overflow:visible;padding:12px 18px 0;border-right:0;border-bottom:1px solid #405048}.site-brand{padding:0 0 9px;gap:9px;width:max-content}.site-brand svg{width:30px;height:30px}.site-brand>span{font-size:14px}.site-brand strong{font-size:17px}.site-navigation summary{display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;cursor:pointer;font-size:16px;min-height:40px;color:#cbe4d0;border-top:1px solid #344641}.site-navigation summary::-webkit-details-marker{display:none}.site-navigation summary>span:last-child{font-size:14px;color:#adbfba}.site-navigation nav{max-height:60vh;overflow:auto;padding:5px 0 16px}.site-navigation a{font-size:16px;min-height:45px;margin:2px 0}.nav-label{margin:10px 10px 6px}.nav-label:not(:first-child){margin-top:16px}.sidebar-footer{display:none}.guide-main{padding-inline:18px}.page-top{min-height:50px;font-size:14px;letter-spacing:.055em}.page-top button{font-size:14px}.page-heading{padding:22px 0 19px}.page-heading h1{font-size:30px;max-width:520px}.page-heading p{font-size:16px;max-width:500px}.eyebrow{font-size:14px}.page-icon{display:grid;width:52px;height:52px;border-radius:16px}.page-icon img{width:30px;height:30px}.route-layout{grid-template-columns:1fr}.route-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.route-sidebar .route-tier-label,.route-sidebar .route-tiers,.route-sidebar .route-types,.route-sidebar #route-reset-filters,.route-sidebar #route-count,.route-results{grid-column:1/-1}.route-results{max-height:170px;margin-inline:0}.route-tiers{grid-template-columns:repeat(12,minmax(0,1fr))}.route-types{padding-top:12px}.route-types label{padding:6px 9px;margin:0}.route-endpoints{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.route-endpoint[data-endpoint=to]{grid-column:auto}.route-endpoint{min-height:76px}.world-map{height:470px}.route-summary h3{font-size:21px}.compare-layout{grid-template-columns:1fr}.quest-list{max-height:240px}.quest-search input{max-width:none}.build-layout{grid-template-columns:1fr}.build-aside{grid-template-columns:1fr 1fr}.unlock-layout{display:flex;flex-direction:column}.unlock-layout .build-aside{position:static;max-height:none;grid-template-columns:1fr 1fr}.unlock-layout .build-aside #build-speed{grid-column:1/-1;order:0}.unlock-layout .build-aside #build-bonuses{order:1}.build-controls{grid-template-columns:1fr 1fr}.build-controls label:nth-child(3){grid-column:1/-1}.build-heading{padding:18px}.build-actions{width:100%}.build-actions label{flex:1;min-width:100px}.build-actions button{font-size:14px;padding-inline:9px}.talent-viewport{height:430px}.after-guide{grid-template-columns:1fr;margin-top:24px;gap:20px}.next-tools h2{font-size:22px}.guide-footer{flex-wrap:wrap;padding-block:23px}.guide-footer>span{flex-basis:100%}.guide-footer .text-button{margin-left:0;margin-right:auto}}
@media(max-width:600px){.page-icon{display:none}.page-heading h1{font-size:29px}.page-top>span{font-size:14px}.view-context{margin-top:16px;gap:5px}.view-context>span{font-size:14px}.view-context button{font-size:14px}.route-sidebar{padding:15px;grid-template-columns:1fr 1fr;gap:0 12px}.route-sidebar>label:first-child{grid-column:1/-1}.route-sidebar>label:nth-child(2){grid-column:1/-1}.route-tiers{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.route-tier-label{margin-top:0}.route-tiers button{min-height:42px}.route-types label{padding:6px;font-size:14px}.route-results{max-height:162px}.route-endpoints{grid-template-columns:minmax(0,1fr) auto}.route-endpoint[data-endpoint=to]{grid-column:1/-1}.route-endpoint{padding:13px;min-height:72px}.route-endpoint small{font-size:14px}.route-endpoint strong{font-size:16px}.world-map{height:410px}.world-toolbar{gap:5px;padding:10px}.world-toolbar button{font-size:16px;padding:6px 8px}.world-toolbar .quiet{width:100%;font-size:14px;padding:4px 0 0}.route-summary{padding:15px}.route-summary .route-steps{gap:5px}.route-summary .route-step{font-size:14px}.quest-search{margin-top:0}.quest-list{max-height:213px}.quest-objectives,.quest-rewards,.quest-requirements{padding:18px}.quest-location{max-width:100%;flex-wrap:wrap}.quest-location small{margin-left:0}.build-aside,.unlock-layout .build-aside{grid-template-columns:1fr}.build-actions button{flex:1 1 120px}.build-actions label{flex-basis:100%;width:100%}.build-heading p{font-size:16px}.tree-toolbar{padding:12px}.tree-toolbar label{width:100%}.tree-toolbar>span{font-size:14px}.build-subnav button{font-size:14px;padding:9px}.build-filters{grid-template-columns:1fr}.build-controls{gap:12px;padding:15px}.build-controls label{font-size:14px}.build-controls input,.build-controls select{font-size:16px}.potion-comparison{grid-template-columns:1fr 1fr}.bonus-row{font-size:16px}.collection-group summary>span{float:none;display:block;margin-top:5px}.after-guide{grid-template-columns:1fr;gap:25px}#next-tools{grid-template-columns:1fr 1fr}#next-tools a{font-size:14px;gap:7px;padding:10px}#next-tools a img{width:22px;height:22px}.next-tools h2{font-size:23px}.guide-footer{font-size:14px}.data-facts{grid-template-columns:1fr;gap:5px}.data-facts dd{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.route-filter-panel{align-self:start}.route-filter-panel summary{display:none}.route-sidebar{border-radius:14px}
/* Fill the desktop column so the map and filters share a bottom edge. */
@media(min-width:1051px){
  .route-filter-panel{align-self:stretch;background:#17242a}
  .route-layout>section{display:flex;flex-direction:column}
  .route-layout>section>.panel{display:flex;flex-direction:column;flex:1}
  .world-map-stage{flex:1;min-height:450px}
  #map-surface{position:absolute;inset:0}
  .world-map{height:100%}
}
/* Compact unlock table and sidebar summaries. */
.unlock-grid{min-width:0}
.unlock-grid th{font-size:16px;font-weight:600;color:var(--text)}
.unlock-grid th:first-child{width:88px;min-width:88px;max-width:88px;padding:6px;white-space:normal;font-size:16px;font-weight:650;line-height:1.25}
.unlock-layout .build-total{min-width:0;border-color:#456151;background:linear-gradient(150deg,#1c302c,#172127 70%)}
#build-speed{padding:16px}
.movement-summary{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 10px}
.movement-summary .eyebrow{font-size:14px;letter-spacing:.06em;margin:0}
.unlock-layout .speed-number{font-size:24px;line-height:1.25;margin:0;white-space:nowrap}
.unlock-layout .speed-number small{font-size:14px}
.movement-controls{margin:12px 0 0}
.movement-controls label{min-width:0;font-size:14px}
.movement-controls label:first-child{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 88px;align-items:center;padding-left:27px}
.movement-controls .skill-icon{position:absolute;width:20px;height:20px;left:0;top:50%;transform:translateY(-50%)}
.movement-controls input,.bonus-filter input{width:100%;min-width:0}
.bonus-filter{display:block;font-size:14px;margin:14px 0 8px}
.bonus-filter input{display:block;margin-top:8px}
.bonus-results{list-style:none;margin:0;padding:0}
.bonus-results .bonus-row{padding:8px 0}
.bonus-label{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.bonus-label>span{min-width:0}
.bonus-results .skill-icon{width:20px;height:20px;flex:none}
.bonus-results small{font-size:14px;color:var(--muted);margin-top:3px}
.bonus-results b{flex-shrink:0}.bonus-results .bonus-row:last-child{border-bottom:0}
#build-speed .build-details{margin-top:12px;padding-top:8px}
#build-speed .build-details>p{font-size:14px;margin:10px 0}
#build-speed .potion-comparison{margin:12px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.potion-result{display:flex;align-items:center;gap:6px;padding:7px;border:1px solid var(--line);border-radius:8px;min-width:0}
.potion-result :is(.build-icon,.skill-icon){width:22px;height:22px}
.potion-result>span{min-width:0;font-size:14px;line-height:1.25}
.potion-result b{margin:4px 0 0;font-size:16px}
.collection-progress{align-self:center;font-size:16px;color:var(--muted);white-space:nowrap}
.collection-progress b{color:var(--teal)}
.unlock-layout .build-aside{grid-template-columns:1fr}
@media(min-width:1051px){.unlock-layout{grid-template-columns:minmax(0,1fr) 340px}.unlock-layout .build-aside{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;scrollbar-width:thin}}
.quest-filters{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:12px;align-items:end;margin-bottom:17px}
.quest-rewards .quest-items{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.quest-rewards .quest-items>li{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid var(--line);border-radius:6px;padding:7px 10px}
.quest-rewards .quest-items>li>span{min-width:0;overflow-wrap:anywhere}
.quest-reward-icon{width:24px;height:24px;object-fit:contain;image-rendering:pixelated;flex:none}
.quest-rerolls{display:flex;align-items:center;gap:8px}.quest-rerolls .quest-reward-icon{display:grid;place-items:center;font-size:24px;line-height:1}
/* RaidTreeView's tier palette from the recorded game client. */
[data-tier=small]{--node-color:#4FC3F7}[data-tier=medium]{--node-color:#FFD700}[data-tier=large]{--node-color:#9C27B0}
.talent-node[data-tier]>:is(circle:not(.hit-target),polygon){fill:none;stroke:#7a6a3a;stroke-width:2.5}
.talent-node[data-tier].available>:is(circle:not(.hit-target),polygon){stroke:var(--node-color);stroke-width:3}
.talent-node[data-tier][aria-pressed=true]>:is(circle:not(.hit-target),polygon){fill:var(--node-color);stroke:#ffff00;stroke-width:3;filter:drop-shadow(0 0 3px var(--node-color))}
.talent-node[data-tier]:is(:hover,:focus-visible)>:is(circle:not(.hit-target),polygon){stroke:white;stroke-width:4}
.talent-node.level-locked:not([aria-pressed=true])>:is(circle:not(.hit-target),polygon){stroke-dasharray:4 4;opacity:.4}
.talent-node[data-tier=large][aria-pressed=true] text{fill:white}
#talent-tree:has(.talent-node.dim) .talent-node.dim{opacity:.12}
#talent-tree:has(.talent-node.dim) :is(.talent-edges,.talent-root){opacity:.18}
#talent-tree:has(.talent-node.dim) .talent-node:not(.dim)>:is(circle:not(.hit-target),polygon){stroke:white;stroke-width:3;vector-effect:non-scaling-stroke;opacity:1;filter:drop-shadow(0 0 7px var(--node-color))}
#talent-tree:has(.talent-node.dim) .talent-node:not(.dim)>.hit-target{fill:none;stroke:var(--node-color);stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:all}
.talent-root circle{fill:#9C27B0;stroke:#ffff00}.tree-legend [data-tier]{color:var(--node-color)}
.talent-panel{position:relative}
#tree-inspect,#unlock-inspect{position:absolute;z-index:4;width:300px;max-width:calc(100% - 18px);overflow:auto;border-top:3px solid var(--node-color,var(--gold));box-shadow:0 8px 28px #0008;padding:16px;text-align:left;cursor:default;user-select:text}
#unlock-inspect{position:fixed}
@media(pointer:coarse){#tree-inspect,#unlock-inspect{pointer-events:none}}
#unlock-inspect .inspect-title{margin-bottom:10px}
#unlock-inspect .inspect-title h3{font-size:16px}
#unlock-inspect .build-details h4{font-size:16px;color:var(--gold);margin:0}
#tree-inspect[hidden],#unlock-inspect[hidden]{display:none}
#tree-inspect .eyebrow{font-size:14px;margin-bottom:6px}
#tree-inspect h3{font-size:16px;margin-bottom:6px}
#tree-inspect .node-effect{font-size:18px}
#tree-inspect .bonus-row{padding:7px 0}
#tree-inspect .build-notice{min-height:0;margin-bottom:0}
#tree-inspect .build-notice:empty{display:none}
.tree-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px 16px}
.tree-toolbar label{width:auto;min-width:0}.tree-toolbar select{width:100%}
.tree-zoom{display:flex;gap:5px;align-items:center}.tree-zoom button{display:grid;place-items:center;height:44px;min-height:44px;min-width:36px;padding:0 10px;line-height:1;margin:0;font-size:18px}#tree-zoom-reset{font-size:16px}
#tree-count{grid-column:1/-1;margin:0;font-size:14px}
.talent-viewport svg{min-width:0}
.talent-viewport{cursor:grab;user-select:none}
.talent-viewport.dragging,.talent-viewport.dragging *{cursor:grabbing}
.tree-stages{padding:16px 18px;margin-bottom:16px}
.tree-required{min-width:86px;align-self:center;margin-right:8px}.tree-required small{display:block;font-size:14px;color:var(--muted)}.tree-required strong{display:block;font:22px var(--mono);color:var(--teal);margin-top:4px}
.stage-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.stage-heading h3{margin:0 0 4px;font-size:16px}
.stage-heading small{font-size:14px;color:var(--muted)}
.stage-actions{display:flex;align-items:end;gap:7px;flex-wrap:wrap}
.stage-actions label{font-size:14px;width:180px;max-width:100%}
.stage-actions input{width:100%;min-width:0;height:44px}
.stage-actions button{min-height:44px;font-size:16px;padding:8px 10px}
.stage-list{list-style:none;display:flex;gap:8px;overflow-x:auto;padding:12px 0 3px;margin:0}
.stage-list li{flex:none;max-width:min(260px,100%)}
.stage-list button{display:flex;gap:9px;align-items:center;text-align:left;padding:10px 12px;height:100%;font-size:16px;max-width:100%}
.stage-list button>span:last-child{overflow-wrap:anywhere}
.stage-list small{display:block;font-size:14px;color:var(--muted);margin-top:4px}
.stage-list button[aria-pressed=true]{border-color:var(--teal);background:#293f36}
.stage-number{border:1px solid var(--line);border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex:none;color:var(--teal)}
#tree-stage-gains{border-color:#4b7460}
#tree-stage-gains h3{margin-bottom:5px;color:var(--teal)}
.stage-gain-name{margin:0 0 12px;overflow-wrap:anywhere}
.stage-caption{color:var(--muted);line-height:1.6;margin-bottom:0}
.stage-key{color:var(--teal)}
.stage-notice{color:var(--gold);margin:12px 0 0}.stage-notice:empty{display:none}
.talent-node.stage-added>.hit-target{fill:none;stroke:var(--teal);stroke-width:1.5;stroke-dasharray:3 3;pointer-events:all}
#build-share-link{width:100%;min-width:0;margin-bottom:12px}
@media(max-width:600px){.stage-actions{width:100%}.stage-actions label{width:100%}.stage-actions button{flex:1}.tree-stages{padding:14px}.stage-list li{max-width:min(240px,100%)}}
@media(max-width:600px){.tree-toolbar{grid-template-columns:1fr}.tree-zoom{justify-self:start}}
#quest-detail{container-type:inline-size}
.quest-objectives .quest-steps>li{padding-block:14px}
.quest-step-layout{display:grid;grid-template-areas:"type" "objective" "location" "bank" "dialogue";gap:6px;align-items:start}
.quest-step-layout>*{min-width:0;margin:0}
.quest-step-type{grid-area:type}.quest-objective{grid-area:objective}.quest-dialogue{grid-area:dialogue}.quest-bank{grid-area:bank}
.quest-step-layout .quest-location{grid-area:location;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;width:100%;padding:8px 10px}
.quest-location img{width:24px;height:24px;object-fit:contain}
@container(min-width:540px){.quest-step-layout{grid-template-columns:minmax(0,1fr) minmax(220px,42%);grid-template-areas:"type location" "objective location" "dialogue bank";column-gap:24px;row-gap:4px}}
.quest-filters .quest-search{margin:0}.quest-filters .quest-search input{max-width:none}.quest-filters>button{height:44px;font-size:16px}
.quest-list .action-button{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:10px;align-items:center}
.quest-list .action-button>span:first-child{min-width:0;overflow-wrap:anywhere}
.quest-skill-levels{display:grid;grid-template-columns:repeat(2,56px);gap:4px;align-content:center}
.quest-skill-levels>.quiet{grid-column:1/-1;font-size:14px}
.quest-skill-level{display:grid;grid-template-columns:21px minmax(0,1fr);align-items:center;gap:4px;white-space:nowrap;color:var(--gold);font:14px var(--mono);background:#112027;border:1px solid #394b49;border-radius:5px;padding:4px;height:31px}
.quest-skill-level .skill-icon{display:block;object-fit:contain;width:21px;height:21px;margin:0}.quest-skill-level b{font-weight:550;text-align:right;font-variant-numeric:tabular-nums}
@media(min-width:851px){
  body[data-view=quests] .compare-layout{grid-template-columns:320px minmax(0,1fr)}
  .quest-list{contain:size;min-height:360px;max-height:none}
}
/* Keep long planner stats within the tree, with both columns aligned. */
@media(min-width:1051px){
  .build-layout:not(.unlock-layout){align-items:stretch}
  .build-layout:not(.unlock-layout)>.build-aside{contain:size;min-height:0;overflow:auto;display:flex;flex-direction:column}
  .build-layout:not(.unlock-layout)>.build-aside>.panel{flex-shrink:0}
  .build-layout:not(.unlock-layout)>.build-aside>.panel:last-child{flex-grow:1}
}
@media(max-width:600px){.quest-filters{grid-template-columns:minmax(0,1fr) auto}.quest-filters .quest-search{grid-column:1/-1}}
@media(max-width:850px){.guide-main{display:flex;flex-direction:column}.page-top{order:0}.page-heading{order:1}.view-context{order:2}#content{order:3}.after-guide{order:5}.guide-footer{order:6}.route-filter-panel summary{display:list-item;cursor:pointer;padding:14px 16px;font-size:16px;color:var(--teal)}.route-filter-panel summary small{font-size:14px;color:var(--muted);float:right;margin-top:3px}.route-filter-panel details[open] summary{border-bottom:1px solid var(--line)}.route-layout{gap:13px}}
@media(max-width:600px){.route-endpoints{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:6px}.route-endpoint[data-endpoint=to]{grid-column:auto}.route-endpoint{padding:11px;min-height:86px}.route-endpoint small{font-size:14px;min-height:27px}.route-endpoint strong{font-size:16px}#route-swap{font-size:20px;padding:3px}.route-endpoint strong img{width:20px;height:20px}.page-heading h1{font-size:27px}}

/* Readable tool text at every breakpoint, including inherited planner styles. */
small,.section-head p,.build-total>p,.bonus-row small,.build-details p,.collection-heading small,.unlock-description{font-size:14px}
.quest-location,.quest-dialogue p,.build-details summary,.build-catalog-bar button,.collection-heading button,.collection-heading h3{font-size:16px}
.quest-location small{font-size:14px}
.build-controls input,.build-controls select,.build-actions button,.build-subnav button{font-size:16px}
.bonus-row>span{min-width:0;overflow-wrap:anywhere}
.bonus-row b{overflow-wrap:anywhere;min-width:0}
@media(max-width:600px){.route-endpoint strong{overflow-wrap:anywhere}.build-filters{grid-template-columns:1fr}}

/* Shared vertical and horizontal scrollbars, inset from rounded panel corners. */
:root{--scrollbar-thumb:#56756f;--scrollbar-hover:#85a99b}
html,.public-atlas *,.public-atlas .build-aside{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}
@media(forced-colors:none){
  @supports selector(::-webkit-scrollbar){
    /* Non-auto standard properties override the detailed WebKit styling. */
    html,.public-atlas *,.public-atlas .build-aside{scrollbar-width:auto;scrollbar-color:auto}
    ::-webkit-scrollbar{width:8px;height:8px}
    ::-webkit-scrollbar-track{background:transparent;margin:12px;border-radius:999px}
    ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:1px solid transparent;background-clip:padding-box;border-radius:999px;min-height:28px;min-width:28px}
    ::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-hover)}
    ::-webkit-scrollbar-corner{background:transparent}
    ::-webkit-scrollbar-button{display:none}
  }
}
@media(forced-colors:active){html,.public-atlas *,.public-atlas .build-aside{scrollbar-width:auto;scrollbar-color:auto}}