@import url('./quest-xp.css');
.trace-page{overflow:auto;background:#171d1a}.trace-main{max-width:1580px;margin:auto;padding:25px 36px 70px}.trace-breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);margin:0 0 32px}.trace-breadcrumb a{text-decoration:none}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:600}.trace-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center;padding:0 0 34px}.trace-hero h1{font:52px/1.08 Georgia,serif;letter-spacing:-1.8px;margin:16px 0}.trace-hero h1 em{font-weight:normal;color:var(--gold)}.trace-hero p{font-size:15px;line-height:1.7;color:#b2bcac;max-width:550px;margin:14px 0 20px}.profile-pills{display:flex;flex-wrap:wrap;gap:7px}.profile-pills span{border:1px solid #45503e;border-radius:20px;padding:7px 11px;font-size:11px;color:#bcc8ae}.hero-route{border-left:1px solid #5b6046;padding:10px 0 10px 28px;display:grid;gap:9px}.hero-route span{font:10px Consolas,monospace;color:#a8b58f;letter-spacing:1px}.hero-route strong{font:23px Georgia,serif;margin-bottom:18px}.hero-route small{color:#8e9b87;line-height:1.6;max-width:330px}.trace-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #46513e;border-bottom:1px solid #46513e;padding:23px 0;gap:20px}.trace-metrics strong{font:32px Georgia,serif;display:block;color:#e4d1a4;margin-bottom:7px}.trace-metrics span{color:#9ba98f;font-size:11px}.xp-explanation{display:flex;align-items:center;gap:22px;background:#282d20;border-left:3px solid #978650;margin:20px 0 35px;padding:16px 20px}.xp-explanation strong{color:#d9cca7}.xp-explanation p{color:#a9b298;font-size:12px;line-height:1.7;margin:6px 0 0;max-width:900px}.xp-explanation a{white-space:nowrap;font-size:11px;margin-left:auto}.trace-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.trace-section-heading h2,.route-method h2{font:28px Georgia,serif;margin:10px 0 20px}.level-jumps{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:4px 0 24px}.level-jumps span{font-size:10px;color:#9da98f;letter-spacing:1px;margin-right:8px}.level-jumps button{border:1px solid #3e4b36;background:#20281e;color:#c1cbaa;border-radius:3px;min-width:32px;height:30px;font:11px Consolas,monospace}.level-jumps button[aria-current=true]{border-color:var(--gold);color:var(--gold);background:#393c27}.trace-layout{display:grid;grid-template-columns:minmax(350px,.92fr) minmax(450px,1.2fr);gap:28px;align-items:start}.trace-itinerary{min-width:0}.itinerary-tools{display:flex;align-items:end;gap:10px;margin-bottom:16px}.itinerary-tools label{flex:1;display:grid;gap:6px;color:#96a587;font-size:10px;letter-spacing:.5px}.itinerary-tools input{background:#1d271c;border:1px solid #4c5a3f;border-radius:3px;padding:10px 12px;color:var(--cream);min-width:0;width:100%}.batch{border:1px solid #3c4934;border-radius:4px;margin-bottom:10px;overflow:hidden;background:#1d251c;scroll-margin-top:18px}.batch>summary{cursor:pointer;padding:16px;list-style:none;display:flex;gap:13px;align-items:center}.batch>summary:after{content:'+';margin-left:auto;font-size:20px;color:#899b76}.batch[open]>summary:after{content:'−'}.batch[open]>summary{border-bottom:1px solid #3c4934}.batch-number{color:var(--gold);font:14px Consolas,monospace}.batch-heading{min-width:0}.batch-heading strong{display:block;color:#d7dfc7;font:17px Georgia,serif}.batch-heading small{display:block;font-size:10px;line-height:1.6;margin-top:5px;color:#94a183}.batch.checkpoint{border-color:#685f3d}.batch.checkpoint .batch-heading strong{color:#d6c696}.stop{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 14px;text-align:left;border-left:3px solid transparent;border-bottom:1px solid #303d2b;scroll-margin-top:18px}.stop:last-child{border-bottom:0}.stop:hover{background:#2b3525}.stop[aria-current=step]{background:#333e2a;border-left-color:var(--gold)}.stop-number{color:#a7b791;font:11px/1.8 Consolas,monospace;min-width:23px}.stop-content{min-width:0;flex:1}.stop-kind{font-size:9px;letter-spacing:1.2px;color:#b8a77b}.stop.objective .stop-kind{color:#b7c892}.stop.turnin .stop-kind{color:#85bcc7}.stop strong{font-size:12px;font-weight:500;line-height:1.5;display:block;margin:4px 0}.stop small{display:block;font-size:10px;line-height:1.6;color:#94a584}.stop-xp{font:10px/1.6 Consolas,monospace;color:#d4c68e;flex:none}.trace-inspector{position:sticky;top:18px;border:1px solid #536044;border-radius:5px;background:#1e281c;overflow:hidden;box-shadow:0 12px 30px #0003}.trace-map-heading{padding:17px 19px;display:flex;justify-content:space-between;align-items:center;gap:10px}.trace-map-heading h2{font:22px Georgia,serif;margin:6px 0 0}.trace-map-heading .eyebrow{font-size:8px}#cursor-coordinates{font:11px Consolas,monospace;color:#afbc9d;white-space:nowrap}#trace-map{position:relative;aspect-ratio:1000/668;background:#222b1c;border-top:1px solid #4e5739;border-bottom:1px solid #4e5739;cursor:crosshair;overflow:hidden}#trace-map img,#trace-map svg{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:fill}#trace-map img{filter:brightness(.78) saturate(.75)}.trace-map-caption{display:flex;gap:8px;justify-content:space-between;padding:9px 14px;color:#8fa17d;font-size:9px}.trace-map-caption i{width:15px;height:2px;background:#f7df91;display:inline-block;vertical-align:middle}.trace-map-caption b{color:#f7df91}.step-navigation{padding:12px 15px;border-top:1px solid #3a4931;border-bottom:1px solid #3a4931;display:flex;justify-content:space-between;align-items:center}.step-navigation button{font-size:11px;color:#d5c48e;padding:4px}.step-navigation span{font:10px Consolas,monospace;color:#99a98a}#selected-step{padding:21px;max-height:390px;overflow:auto;scrollbar-width:thin;scrollbar-color:#5b6b49 transparent}#selected-step h3{font:25px/1.2 Georgia,serif;margin:10px 0;color:#e8d8b0}#selected-step p{font-size:12px;line-height:1.7;color:#b4c29f;margin:9px 0}#selected-step .step-place{font:11px/1.6 Consolas,monospace;color:#a5b694}.selected-kicker{font-size:9px;letter-spacing:1.3px;color:var(--gold)}.step-gains{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #45523a;border-bottom:1px solid #45523a;gap:10px;margin:16px 0;padding:14px 0}.step-gains strong{display:block;font:20px Georgia,serif;color:#e6d4a1}.step-gains small{display:block;color:#98a889;font-size:9px;margin-top:6px}.xp-progress{height:5px;background:#131b12;border-radius:3px;overflow:hidden}.xp-progress span{display:block;height:100%;background:#c4b572}.step-progress-caption{display:flex;justify-content:space-between;color:#a4b295;font-size:10px;margin:8px 0 14px}.step-map-link{font-size:11px;display:inline-block;margin-top:10px}.evidence-note{font-size:10px!important;color:#a6a282!important}.walk-note{border-left:2px solid #71825b;padding-left:10px}.checkpoint-calculator{background:#2d3020;padding:14px;border:1px solid #6a6440;border-radius:3px;margin:14px 0}.checkpoint-calculator label{font-size:11px;display:grid;gap:8px;color:#c6c79e}.checkpoint-calculator input{padding:9px;background:#192117;border:1px solid #738158;border-radius:3px;color:#efe6c3;width:100%}.checkpoint-calculator output{display:block;color:#ead49b;font-size:12px;margin-top:10px;line-height:1.5}.unlocks{font-size:11px;color:#a7ba8d;padding:10px;background:#273320;margin:12px 0}.route-method{border-top:1px solid #48523d;margin-top:42px;padding-top:30px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}.method-grid h3{font-size:13px;color:#d3c28f}.method-grid p{font-size:12px;color:#a4b294;line-height:1.8;margin:8px 0}.xp-ledger{padding:18px;border:1px solid #5c6041;background:#272f22;margin-bottom:22px}.xp-ledger strong{font:21px Georgia,serif;color:#ddca96}.xp-ledger p{font-size:12px;color:#a9b696;line-height:1.7}.route-method details{border-top:1px solid #3d4b35;padding:17px 0;margin-top:20px}.route-method summary{cursor:pointer;color:#d5c58f}.route-method details p{font-size:12px;color:#a1b18e;line-height:1.7}#held-quests{max-height:280px;overflow:auto;font-size:11px;line-height:1.7}#held-quests p{padding:8px 0;margin:0;border-bottom:1px solid #34422c}#trace-sources{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:11px;line-height:1.7;margin-top:22px}#trace-status{color:#aabb98;padding:14px 0}#no-stops{padding:20px;color:#aabd95}
@media(min-width:1700px){.trace-main{max-width:1700px}.trace-layout{grid-template-columns:1fr 1.15fr}.trace-inspector{top:20px}#selected-step{max-height:450px}}
@media(max-width:1000px){.trace-main{padding:22px}.trace-layout{grid-template-columns:minmax(270px,1fr) minmax(330px,1.2fr);gap:17px}.trace-hero h1{font-size:44px}.trace-hero{gap:25px}.hero-route strong{font-size:20px}.trace-map-caption{flex-wrap:wrap}#selected-step{padding:16px;max-height:360px}.itinerary-tools{flex-wrap:wrap}.itinerary-tools label{width:100%;flex-basis:100%}.xp-explanation{align-items:start}.xp-explanation a{white-space:normal;min-width:95px}}
@media(max-width:720px){.trace-main{padding:20px 14px 40px}.trace-breadcrumb{margin-bottom:25px}.trace-hero{grid-template-columns:1fr;padding-bottom:25px;gap:25px}.trace-hero h1{font-size:42px}.hero-route{display:none}.trace-metrics{grid-template-columns:1fr 1fr;gap:25px 15px}.trace-metrics strong{font-size:27px}.xp-explanation{display:block}.xp-explanation a{display:inline-block;margin-top:12px}.trace-layout{display:flex;flex-direction:column}.trace-inspector{position:static;width:100%;order:-1}#selected-step{max-height:none}.trace-itinerary{width:100%}.trace-section-heading{display:block}.trace-section-heading h2{font-size:25px}.trace-section-heading .quiet-button{padding-left:0;margin-bottom:12px}.method-grid{grid-template-columns:1fr}.trace-map-heading h2{font-size:20px}.step-gains strong{font-size:18px}.trace-page .topbar{gap:12px;flex-wrap:wrap;height:auto;min-height:70px;padding:12px}.trace-page .brand{font-size:14px}.trace-page .page-nav{margin-left:auto;gap:0}.trace-page .page-nav a{padding:8px;font-size:10px}.profile-pills span{font-size:10px}}
@media(min-width:721px){.trace-inspector{max-height:calc(100dvh - 36px);overflow:auto;scrollbar-width:thin;scrollbar-color:#5b6b49 transparent}}
.route-note{background:#303b25;border-left:2px solid #bba263;padding:11px 13px;color:#d9d8b3!important}

.stop:is(.hearthstone,.hearthstone_use,.flight_path,.shopping,.flight,.zeppelin){background:#302640;border-left-color:#b89be7}.stop:is(.hearthstone,.hearthstone_use,.flight_path,.shopping,.flight,.zeppelin):hover,.stop:is(.hearthstone,.hearthstone_use,.flight_path,.shopping,.flight,.zeppelin)[aria-current=step]{background:#44345b;border-left-color:#d0b0ff}.stop:is(.hearthstone,.hearthstone_use,.flight_path,.shopping,.flight,.zeppelin) .stop-kind,.stop:is(.hearthstone,.hearthstone_use,.flight_path,.shopping,.flight,.zeppelin) .stop-number{color:#d2b5fa}.stop:is(.hearthstone,.hearthstone_use,.flight_path,.shopping,.flight,.zeppelin) strong{color:#f0e4ff}.stop:is(.hearthstone,.hearthstone_use,.flight_path,.shopping,.flight,.zeppelin) small{color:#bfaed5}#selected-step.hearthstone-step{background:#2b2238}#selected-step.hearthstone-step .selected-kicker{color:#d2b5fa}#selected-step.hearthstone-step .route-note{background:#382c49;border-color:#bc99e9}.checkpoint-calculator select{padding:9px;background:#192117;border:1px solid #738158;border-radius:3px;color:#efe6c3;width:100%;margin-bottom:10px}.coverage-note{border-left:2px solid #bba263;padding-left:12px!important}
.stop.transition{border-left:3px solid #85bbcf;background:#213333}.stop.transition .stop-kind{color:#aed9e8}

.stop .quest-id{color:#9b9f91;font-family:var(--body-font,system-ui,sans-serif);font-size:.78em;font-weight:400;white-space:nowrap}.stop[aria-current=step] .quest-id{color:#b4b8aa}
.chapter-navigation{display:flex;gap:12px;margin:24px 0}.chapter-navigation a{flex:1;padding:16px 20px;border:1px solid #4e5a3b;border-radius:4px;color:#c7cdb6;text-decoration:none}.chapter-navigation a span{display:block;font-size:10px;letter-spacing:.14em;margin-bottom:6px;color:#a7ad90}.chapter-navigation a[aria-current]{background:#303b27;border-color:#d0b66f;color:#ffe3a0}.chapter-navigation a:hover{border-color:#d0b66f}.chapter-continue{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:30px 0;padding:25px;border:1px solid #64704a;background:#263020}.chapter-continue strong{display:block;margin:9px 0;color:#e2d6a6}.chapter-continue p{color:#b5bea4;margin:0}.chapter-continue a{flex-shrink:0}@media(max-width:720px){.chapter-navigation a{padding:12px}.chapter-continue{align-items:stretch;flex-direction:column;padding:18px}}



#selected-step .objective-instruction{font:24px/1.4 Georgia,serif;color:#f0d9aa;margin:18px 0;letter-spacing:0}@media(max-width:720px){#selected-step .objective-instruction{font-size:22px}}