:root{color-scheme:dark;--bg:#111719;--surface:#192225;--line:#2b373b;--text:#dce4e5;--muted:#92a2a7;--accent:#91bda5;--quest:#276348;--area:#9a690e;--hearth:#825599;--flight:#326baf;--trainer:#b36332;font:14px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:3px}button,input,select{font:inherit}button,select,input[type=number]{background:#202c30;border:1px solid #39494e;border-radius:4px;color:var(--text);padding:7px 10px}button{cursor:pointer}button:hover{background:#2a3b40}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px;border-bottom:1px solid var(--line);background:#151e21}.site-name{font-size:17px;font-weight:650;white-space:nowrap}.site-name small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:2px}nav{display:flex;gap:5px}nav a{padding:8px 12px;border-radius:4px;color:var(--muted);text-decoration:none;font-size:13px}nav a[aria-current=page]{background:#293a35;color:#b4d7c1}main{max-width:1530px;margin:auto;padding:0 28px 24px}h1{font-size:20px;font-weight:600;margin:0}h2{font-size:17px;font-weight:600;margin:0 0 12px}h3{font-size:14px;margin:0 0 7px}p{margin:0 0 12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0 18px}.level-control{display:flex;align-items:center;gap:9px}.level-control label{font-size:12px;color:var(--muted)}.level-control input{width:62px}.level-control button{background:#304c40;border-color:#426651}.atlas-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}.stage-sidebar{background:var(--surface);padding:20px;border-radius:4px}.stage-head{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin-bottom:10px}.stage-head>span:first-child{color:var(--accent);font-weight:650}.stage-sidebar h2{font-size:19px;line-height:1.35}.plan-field{padding:12px 0;border-top:1px solid var(--line);font-size:12px}.field-name{display:block;font-size:10px;color:var(--muted);font-weight:500;margin-bottom:6px}.plan-field p{margin:0}.plan-field small{font-size:10px;color:var(--muted);display:block;margin-top:8px}.subparts{padding-left:16px;margin:5px 0 0}.subparts li{margin:8px 0}.subparts b{font-weight:600}.stage-nav{display:flex;justify-content:space-between;gap:8px;margin-top:14px}.stage-nav button{font-size:12px}.jump-map{font-size:11px;padding:4px 7px;margin-top:5px}.notice{font-size:11px;color:#c9b583;margin:8px 0 0}.map-panel{min-width:0}.map-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.map-top label{min-width:0}.map-top select{max-width:100%}.zoom-controls{display:flex;align-items:center;gap:5px}.zoom-controls button{padding:5px 10px;font-size:12px}.zoom-controls output{min-width:37px;text-align:center;font-size:11px;color:var(--muted)}.layers{display:flex;flex-wrap:wrap;gap:7px 15px;margin:0 0 12px;padding:0;border:0}.layers label{display:flex;align-items:center;gap:5px;font-size:11px;cursor:pointer}.layers input{accent-color:#709b84;margin:0 1px 0 0}.quest{--pin:var(--quest)}.area{--pin:var(--area)}.hearth{--pin:var(--hearth)}.flight{--pin:var(--flight)}.trainer{--pin:var(--trainer)}.swatch{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;font-size:9px;font-weight:700;background:var(--pin);color:#fff}.map-viewport{position:relative;width:100%;aspect-ratio:1002/668;overflow:hidden;border:1px solid #564d36;background:#bda571;border-radius:3px;touch-action:pan-y}.map-viewport.zoomed{touch-action:none;cursor:grab}.map-viewport.dragging{cursor:grabbing}#map-stage{position:absolute;left:0;top:0;transform-origin:0 0}#map-image{display:block;width:100%;height:auto;user-select:none}#map-leaders,#map-markers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.map-pin{position:absolute;pointer-events:auto;display:flex;align-items:center;justify-content:center;background:var(--pin);border:2px solid #dce4df;color:#fff;box-shadow:0 1px 5px #251d0b80;width:32px;height:32px;border-radius:50%;padding:0;font-size:10px;font-weight:700;transform:translate(-50%,-50%);z-index:2}.map-pin.area{border-radius:4px}.map-pin.active{outline:3px solid #f6d684;outline-offset:2px;z-index:5}.map-pin:hover{background:var(--pin);filter:brightness(1.15)}.map-pin.recommended{border-color:#f6d684}.map-caption{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);margin:8px 0 12px}.pin-detail{padding:13px 15px;background:var(--surface);border-left:2px solid #9baa81;min-height:90px}.pin-detail h3{font-size:14px}.pin-detail p{font-size:12px;margin-bottom:6px}.meta{font-size:10px!important;color:var(--muted)}details{margin-top:16px;font-size:12px}summary{cursor:pointer;color:var(--muted)}#map-list{margin-top:12px}.pin-list{display:flex;flex-wrap:wrap;gap:6px}.pin-list button{font-size:11px;padding:5px 8px}.pin-list .is-active{background:#30483d;border-color:#668370}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:var(--muted);font-size:11px;font-weight:500;padding:10px;border-bottom:1px solid #46574e;white-space:nowrap}td{padding:14px 10px;vertical-align:top;border-bottom:1px solid var(--line)}td:first-child{color:var(--accent);font-weight:600;white-space:nowrap}td:nth-child(2){min-width:240px}td small{display:block;font-size:11px;color:var(--muted);margin-top:5px}td button{font-size:11px;padding:4px 7px;margin-top:7px}.route-row.active{background:#1f2d27}.muted{font-size:12px;color:var(--muted)}.directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0 28px}.directory-item{padding:17px 0;border-top:1px solid var(--line)}.directory-item p{font-size:12px;color:#b3c0c4;margin-bottom:9px}.directory-item small{display:block;color:var(--muted);font-size:10px;margin-bottom:10px}.directory-item button{font-size:11px;padding:5px 9px}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1000px}.guide-columns h2{margin-top:20px}.guide-columns p,.guide-columns li{font-size:13px}.guide-columns ul{padding-left:18px}.guide-columns li{margin:7px 0}footer{border-top:1px solid var(--line);padding:16px 28px;font-size:10px;color:var(--muted);max-width:1530px;margin:auto}footer details{font-size:11px;margin-top:8px;max-width:900px}footer details p{margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:1000px){.atlas-layout{grid-template-columns:245px minmax(0,1fr);gap:16px}.stage-sidebar{padding:16px}.map-top{flex-wrap:wrap}}@media(max-width:760px){header{padding:14px 18px;flex-wrap:wrap;gap:12px}nav{width:100%;justify-content:space-between}nav a{font-size:12px;padding:7px 10px}main{padding:0 18px 20px}.atlas-layout{display:flex;flex-direction:column}.map-panel{order:0;width:100%}.stage-sidebar{order:1;width:100%;margin-top:5px}.section-heading{margin:17px 0}.directory{grid-template-columns:1fr 1fr}.guide-columns{gap:20px}footer{padding:16px 18px}}@media(max-width:480px){.site-name{font-size:16px}.site-name small{font-size:11px}h1{font-size:18px}.level-control{gap:7px}.level-control input{width:56px}.map-top{gap:9px}.map-top select{max-width:185px}.zoom-controls{gap:4px}.zoom-controls button{padding:4px 8px;font-size:11px}.layers{gap:8px 11px}.layers label{font-size:10px}.map-pin{width:30px;height:30px;font-size:9px}.map-caption{flex-wrap:wrap;gap:4px}.directory,.guide-columns{grid-template-columns:1fr}.pin-detail p{font-size:11px}.section-heading{gap:12px}.stage-sidebar h2{font-size:18px}}@media(max-width:350px){.map-top{display:block}.zoom-controls{margin-top:9px}.map-top select{max-width:100%;width:100%}.level-control label{display:none}}@media print{header,footer,#atlas,#trainers,#professions,#print{display:none!important}#route[hidden],#route{display:block!important}main{max-width:none;padding:0}body{background:white;color:black}.table-wrap{overflow:visible}table{font-size:9px}td{padding:7px}td button{display:none}td,td small,th{color:black!important}tr{break-inside:avoid}.section-heading{margin-top:0}}

.play-link{font-size:13px;text-decoration:none;border:1px solid #426651;border-radius:4px;background:#263d32;color:#b7d9c3;padding:7px 14px;margin-left:auto;margin-right:12px}.play-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.play-actions a{font-size:12px;margin-right:6px}.play-actions button{font-size:12px}.play-mode header{padding:12px 24px}.play-mode header nav,.play-mode .play-link,.play-mode footer,.play-mode .stage-sidebar{display:none}.play-mode main{max-width:none;padding:0 24px 20px}.play-mode .section-heading{margin:16px 0}.play-mode .atlas-layout{grid-template-columns:minmax(0,1fr) 350px;gap:20px}.play-mode .map-panel{order:0}.play-mode #play-panel{order:1;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:18px}.play-mode .map-viewport{max-height:calc(100vh - 260px);min-height:320px}.play-mode .location-details{display:none}.play-mode .map-caption{font-size:10px}.play-mode .pin-detail{min-height:80px}.play-heading{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:9px}.play-heading>span:first-child{color:var(--accent)}#play-panel h2{font-size:20px;line-height:1.3;margin-bottom:15px}.play-next{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.play-next small{display:block;width:100%;color:var(--muted);font-size:10px}.play-next strong{flex:1;font-size:14px;font-weight:600}.play-next button{font-size:11px;padding:4px 7px}.play-progress{height:3px;background:#2b373b;margin:14px 0 6px}.play-progress span{display:block;height:100%;background:#87b297}.play-task{display:flex;gap:8px;align-items:start;border-bottom:1px solid var(--line);padding:12px 0}.play-task label{display:flex;gap:10px;align-items:start;flex:1;font-size:13px;cursor:pointer}.play-task input{accent-color:#87b297;margin:3px 0 0;width:16px;height:16px;flex-shrink:0}.play-task small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.play-task.done>label>span{color:#82938a}.play-task.done>label>span::first-line{text-decoration:line-through}.task-map{font-size:10px;padding:4px 6px}.play-training p{font-size:12px;margin-top:10px}.play-block-nav{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.play-block-nav button{font-size:12px}.play-block-nav button:last-child{background:#304c40;border-color:#426651}.play-save{font-size:10px;color:var(--muted);margin:12px 0 0}@media(min-width:1700px){.play-mode .atlas-layout{grid-template-columns:minmax(0,1fr) 410px}.play-task label{font-size:15px}.play-task small{font-size:12px}}@media(max-width:1000px){.play-mode .atlas-layout{grid-template-columns:minmax(0,1fr) 300px;gap:14px}.play-mode #play-panel{padding:15px}.play-mode .map-viewport{min-height:260px}}@media(max-width:760px){.play-mode header{gap:12px;padding:12px 16px}.play-actions{gap:6px}.play-actions button{font-size:10px;padding:6px 8px}.play-mode main{padding:0 16px 20px}.play-mode .atlas-layout{display:flex;flex-direction:column}.play-mode #play-panel{width:100%}.play-mode .map-viewport{max-height:none;min-height:0}.play-mode .site-name small{font-size:10px}.play-link{margin-left:0;margin-right:0}.play-mode .map-panel{width:100%}}@media(max-width:420px){.play-actions{width:100%;margin-left:0;justify-content:space-between}.play-actions a{margin-right:auto}.play-mode .section-heading{margin:12px 0}}

.step-marker{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;border:2px solid #dce4df;border-radius:50%;background:var(--pin);color:#fff;box-shadow:0 1px 4px #0005;font-size:9px;font-weight:700;line-height:1;vertical-align:middle;text-decoration:none!important}.step-marker.area{border-radius:4px}.jump-map{display:inline-flex;align-items:center;gap:7px}.jump-map .step-marker{width:22px;height:22px;flex-basis:22px;font-size:8px}.play-next strong{display:flex;align-items:center;gap:8px}.play-task label{align-items:flex-start}.play-task label>.step-marker{margin-top:0}.play-task .task-text{flex:1;min-width:0}.play-task.done .step-marker{color:#fff;text-decoration:none}.play-task.done .task-text{color:#82938a}.play-task.done .task-text::first-line{text-decoration:line-through}.swatch.flight{font-size:8px}

#quest-pickups{margin-top:24px;padding:20px;border:1px solid #344348;border-radius:6px;background:#192326}.quest-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.quest-heading h2{margin:0;font-size:1.25rem}.quest-heading label{white-space:nowrap;font-size:.85rem}.quest-note{font-size:.8rem;color:#aabdc3;margin:8px 0}.quest-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:14px;margin-top:18px;align-items:start}.quest-group{border:1px solid #35464c;border-radius:5px;overflow:hidden;min-width:0}.quest-giver{background:#202e32;padding:12px;display:flex;flex-wrap:wrap;gap:7px;align-items:center}.quest-giver h3{font-size:1rem;margin:0;width:100%}.quest-giver>span{font-size:.78rem;color:#b9cbd1;flex:1}.quest-giver button{display:flex;gap:6px;align-items:center;font-size:.78rem}.quest-giver .step-marker{width:22px;height:22px;min-width:22px;font-size:.7rem}.quest-row{display:flex;align-items:flex-start;gap:10px;padding:12px;border-top:1px solid #344348;cursor:pointer}.quest-row input{margin-top:4px;flex-shrink:0}.quest-row b{font-weight:500;font-size:.88rem}.quest-row small{display:block;margin-top:5px;font-size:.75rem;color:#adc2c9}.quest-row.done b{text-decoration:line-through;opacity:.6}.quest-row>span{min-width:0;overflow-wrap:anywhere}.play-mode #quest-pickups{margin-top:20px}@media(max-width:600px){#quest-pickups{padding:14px}.quest-groups{grid-template-columns:1fr}}