:root{--bg: #0f0c17;--panel: #191524;--panel-2: #231d33;--line: #342c4a;--text: #ece7f5;--muted: #9d94b3;--accent: #c58bff;--accent-ink: #1a0f2b;--danger: #ff7b7b;color-scheme:dark;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;height:100vh;display:grid;grid-template-columns:var(--left, 300px) 7px minmax(0,1fr) 7px var(--right, 350px);background:var(--bg);color:var(--text)}#sidebar,#detail{background:var(--panel);padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.resizer{background:var(--line);cursor:col-resize;touch-action:none;position:relative}.resizer:after{content:"";position:absolute;inset:0;margin:auto;width:1px;height:28px;background:var(--muted);opacity:.6}.resizer:hover,.resizer.dragging,.resizer:focus-visible{background:var(--accent);outline:none}h1{font-size:18px;margin:0}h2{font-size:16px;margin:0}header p{margin:2px 0 0;color:var(--muted)}p{margin:0}a{color:var(--accent)}code{font-size:12px;background:var(--panel-2);padding:1px 4px;border-radius:3px;word-break:break-all}.hint,small{color:var(--muted);font-size:12px}.stats{margin:0;border-top:1px solid var(--line);padding-top:10px;font-size:14px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.stats small{display:block;margin-top:2px;font-weight:400}#settings[open]~.stats{border-top:0;padding-top:0}.empty{display:flex;flex-direction:column;gap:10px}.empty[hidden]{display:none}.steps{list-style:decimal;padding-left:20px;gap:4px;color:var(--muted);font-size:12px}.steps em{font-style:normal;color:var(--text)}.empty h3{margin:6px 0 0;font-size:13px}.empty p,.empty li{color:var(--muted);font-size:13px}.empty em{font-style:normal;color:var(--text)}.empty ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}#helpBack{align-self:flex-start}.warning{border:1px solid #e0a84a;border-radius:6px;padding:8px 10px;font-size:13px;background:#e0a84a14}.warning[hidden]{display:none}.jump,.textlink{border:0;background:none;padding:0;font:inherit;color:var(--accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.jump:hover,.textlink:hover{color:var(--text)}.textlink:disabled,.textlink:disabled:hover{color:var(--muted);text-decoration:none;cursor:default;opacity:1}.flash{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}#detail.flash{outline-offset:-3px}header button{margin-top:8px;padding:3px 10px;font-size:12px}form{display:flex;flex-direction:column;gap:8px}label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text);min-width:0}.row>label{flex:1}form .hint{margin:-3px 0 6px}.row{display:flex;gap:8px;flex-wrap:wrap}input:not([type]),input[type=number],textarea,select{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 8px;font:inherit;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent)}#angleFrom{width:auto;padding:2px 4px;font-size:12px}input[type=checkbox]{accent-color:var(--accent)}output{color:var(--text)}fieldset{border:1px solid var(--line);border-radius:6px;padding:6px 8px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 8px}label.check,fieldset label{flex-direction:row;align-items:center;gap:6px;color:var(--text);font-size:13px}legend{color:var(--muted);font-size:12px;padding:0 4px}button{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 10px;font:inherit;cursor:pointer}button:hover{border-color:var(--accent)}button.primary{background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--text);border-color:var(--accent);font-weight:600}button.primary:hover{background:color-mix(in srgb,var(--accent) 24%,var(--panel))}button:disabled{opacity:.5;cursor:default}progress{width:100%;accent-color:var(--accent)}details{border-top:1px solid var(--line);padding-top:10px}details[open]{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--line);padding-bottom:10px}details[open]::details-content{display:flex;flex-direction:column;gap:8px}details[hidden]{display:none}summary{cursor:pointer;color:var(--text);font-size:13px;font-weight:600}summary:hover{color:var(--accent)}details details{margin-left:16px}details details>summary{font-weight:500}details:not(details details)>summary{font-size:14px}details[open]:not([hidden])+details,details[open]+.feedback{border-top:0;padding-top:0}#xaeroPanel[open],#journeymapPanel[open],#share details[open]{border-bottom:0;padding-bottom:0}details.fold{border-top:0;padding-top:0}details.action>summary{padding:8px 10px;border:1px solid var(--accent);border-radius:6px;background:color-mix(in srgb,var(--accent) 14%,var(--panel))}details.action>summary:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 24%,var(--panel))}#webmapCorners{margin:0;padding:2px 0;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#webmapCorners:empty,#webmapSteps[hidden]{display:none}#webmapCorners li{display:flex;align-items:center;gap:6px;padding:4px 6px;color:var(--text);font-size:13px;font-variant-numeric:tabular-nums}#possibleWhy,#possibleWhy[open]{border:0;padding:0}#possibleWhy>summary,#possibleWhy>summary:hover{color:var(--muted);font-size:12px;font-weight:400}label.field[hidden]{display:none}#quick{display:flex;flex-direction:column;gap:8px}#searchLinks:not(:has(button:not([hidden]))){display:none}.search-choice{padding:8px 10px;font-weight:600}.search-choice small{display:block;font-weight:400}#nearPanel{display:flex;flex-direction:column;gap:8px;padding:2px 0 4px 10px;border-left:2px solid var(--line)}#nearPanel[hidden]{display:none}#nearMe{display:grid;grid-template-columns:1fr 1fr auto;gap:6px}#nearMe input{min-width:0}#aroundBox{grid-column:1 / -1;flex-direction:row;align-items:center;gap:6px;color:var(--muted);font-size:12px}#aroundBox input{width:84px;padding:3px 6px;font-size:12px}#aroundBox[hidden]{display:none}#nearMe button{white-space:nowrap}#tooltip .why{margin-top:3px;color:var(--muted)}#possibleWhy .why-link{white-space:nowrap}#possibleWhy .why{color:var(--accent);text-decoration:underline;text-underline-offset:2px}#possibleReasons{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.group-label{display:flex;flex-direction:column;gap:2px;color:var(--text);font-size:13px;font-weight:600}.group-label small{font-weight:400}.fold-note{display:block;margin:2px 0 0 16px;color:var(--muted);font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}details[open]>summary .fold-note{display:none}ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}#pager{align-items:center;justify-content:space-between;flex-wrap:nowrap}#pager button{padding:2px 10px}#pager select{width:auto;min-width:0;flex:1;padding:2px 4px;font-size:12px}#pager{flex-wrap:wrap;gap:6px}#pager[hidden]{display:none}.busy{display:flex;flex-direction:column;gap:4px}.busy[hidden]{display:none}#batches.stale{opacity:.45}#batches li button{width:100%;display:grid;grid-template-columns:12px 1fr auto auto;align-items:center;gap:8px;text-align:left}#batches li button[aria-current=true]{border-color:var(--accent);background:#2e2545}#batches li.done button{opacity:.5}#batches li.custom button{border-style:dashed}.swatch{width:12px;height:12px;border-radius:50%}.count{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}#cities{max-height:max(220px,45vh);overflow-y:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2px 0}#cities li{flex-shrink:0}#cities li label{flex-direction:row;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;color:var(--text);font-size:13px;font-variant-numeric:tabular-nums;cursor:pointer}#cities li label:hover,#cities li.hot label{background:var(--panel-2)}#cities li.current .n{color:var(--accent);font-weight:700}#cities li.looted label{color:var(--muted);text-decoration:line-through}#cities li.already label{color:#b3876a}#cities li.drop-before{box-shadow:0 -2px 0 var(--accent)}#cities li.drop-after{box-shadow:0 2px 0 var(--accent)}#cities .n,#webmapCorners .n{width:1.6em;text-align:right;color:var(--muted)}#cities .xz,#webmapCorners .xz{flex:1;min-width:0}#cities .xz span{white-space:nowrap}#cities .hop[hidden]{display:none}#cities .chat,#webmapCorners .chat{flex:none;padding:0 4px;font-size:11px;color:var(--muted);background:none}#cities{container-type:inline-size;scrollbar-width:thin}@container (max-width: 300px){#cities .hop:not(.start){display:none}}#cities .chat:hover,#webmapCorners .chat:hover{color:var(--text)}#cities .chat.was-copied{color:var(--accent);border-color:var(--accent)}#cities .chat.flash{animation:chat-flash 1.5s ease-out}@keyframes chat-flash{0%,25%{background:var(--accent);color:#1a1326;border-color:var(--accent)}to{background:transparent}}.path-note span{display:block}.actions{gap:6px}.actions button{flex:1 1 auto;padding:5px 8px;font-size:13px}.row.quiet{gap:4px 14px;font-size:12px}.current-city{margin:6px 0 0;display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.current-city[hidden]{display:none}.current-city strong{color:var(--text);font-size:14px}.iconbtn{border:0;background:none;padding:2px;color:var(--muted);line-height:0}.iconbtn:hover:not(:disabled){color:var(--text)}.iconbtn:disabled{opacity:.3}.iconbtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.iconbtn[hidden]{display:none}.row.quiet{align-items:center}.undo-redo{margin-left:auto;display:flex;gap:10px}#customDelete{align-self:flex-start;margin:4px 0 8px;font-size:12px}.route-done{color:var(--muted);font-size:13px}.controls[hidden]{display:none}#cities .hop{color:var(--muted);font-size:12px}#cities .hop.start{color:var(--accent);font-weight:600}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--accent);border-radius:8px;overflow:hidden;margin:6px 0 8px}.segmented label{flex-direction:row;justify-content:center;align-items:center;text-align:center;padding:8px;font-size:13px;color:var(--muted);cursor:pointer}.segmented label:hover{color:var(--text)}.segmented label.on{background:var(--accent);color:var(--accent-ink);font-weight:600}.segmented label:focus-within{outline:2px solid var(--text);outline-offset:-2px}.segmented input{position:absolute;opacity:0;pointer-events:none}.panel{display:flex;flex-direction:column;gap:8px}.panel[hidden]{display:none}label.field strong{color:var(--text);font-size:13px}label.field input{border-color:var(--accent)}main{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column}#map{width:100%;flex:1;min-height:0;display:block;cursor:grab;touch-action:pan-x pan-y}#map.dragging{cursor:grabbing}#picked{flex-basis:100%;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;color:var(--text);font-size:13px;font-variant-numeric:tabular-nums}#picked[hidden]{display:none}#tooltip{position:absolute;pointer-events:none;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:4px 8px;font-size:12px;max-width:min(340px,calc(100% - 8px));font-variant-numeric:tabular-nums}#mapNote{position:absolute;top:10px;left:10px;max-width:calc(100% - 210px);font-size:12px;background:var(--panel);border-radius:6px;padding:3px 8px}#mapNote:empty{display:none}#zoom{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:2px 4px}#zoom button{border:0;background:none;padding:0 6px;font-size:16px;line-height:1.2}#zoom input{width:110px}#menu{position:fixed;z-index:60;display:flex;flex-direction:column;min-width:170px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:4px;box-shadow:0 6px 20px #00000080}#menu[hidden]{display:none}.popup{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);width:min(320px,calc(100% - 32px));background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px;box-shadow:0 10px 30px #0009}.popup[hidden]{display:none}.popup form{gap:10px}.popup label[hidden]{display:none}#menu .menu-title{padding:4px 8px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}#menu button{border:0;background:none;text-align:left;padding:6px 8px}#menu button:hover{background:var(--panel-2)}#menu .menu-rule{height:1px;margin:4px 0;background:var(--line)}.goose{display:block;margin-top:4px;cursor:pointer;width:fit-content}#gooseTally{display:block;color:var(--text)}#gooseTally:empty{display:none}#find:not(.busy){display:none}#narrowAround[hidden],#narrowBand[hidden]{display:none}.webmap-first{border:1px solid var(--accent);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-size:13px}.card{border:1px solid var(--line);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:8px}.card .hint strong{color:var(--text);font-size:13px}#share label.field input:not(:focus){border-color:var(--line)}#submitLooted{flex:1}#submitNote:empty{display:none}#share details.more .row{display:grid;grid-template-columns:1fr 1fr}.reset-zone{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-top:10px;border-top:1px solid var(--line)}button.danger{color:var(--danger);border-color:var(--danger)}button.danger:hover{background:var(--danger);border-color:var(--danger);color:var(--bg)}.other-seed .aomc-only{display:none!important}body:not(.other-seed) .other-only{display:none}.help-step{display:flex;flex-direction:column;gap:10px}.feedback{margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}#starBtn{border:0;background:none;color:var(--accent);padding:0 4px;font-size:11px;font-weight:400;font-style:italic;vertical-align:middle;text-decoration:underline;text-underline-offset:2px;cursor:pointer}#starBtn:hover{color:var(--text)}.credit{font-size:10px;opacity:.7}#stars canvas{width:100%;height:auto;background:#0b0912;border-radius:6px;display:block}#mapbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:6px 12px;border-top:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:12px}#mapbar .key{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}#mapbar .key[hidden]{display:none}#mapbar .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-sizing:border-box}#mapbar .dot.ring{background:none;border:2px solid}#mapbar .dash{width:16px;border-top:2px dashed #b3876a}#mapbar .dot.hollow{background:radial-gradient(var(--accent) 0 25%,transparent 30%);border:1.5px solid #9d94b3}#mapbar .cross.tan{color:#b3876a}#mapbar .cross.green{color:#6fdc8c}#mapbar .cross.gold{color:#ffd24a}#mapbar .cross.mint{color:#7fe0b0}#mapbar .cross{font-style:normal;font-weight:700;font-size:14px;line-height:1;color:#8a8299}#mapbar .dot.diamond{background:none;border:1px solid var(--muted);border-radius:0;transform:rotate(45deg) scale(.8)}#mapbar .dot.square{border-radius:2px}#mapbar .dot.area{background:#c58bff33;border:1px solid rgba(197,139,255,.6)}#mapbar .dot.green{background:#6ebe96b3}#cursor{margin-left:auto;color:var(--text);font-variant-numeric:tabular-nums;white-space:pre;width:31ch;text-align:right;overflow:hidden}.narrow-only,#help small[hidden],#backToMap,#toRoute{display:none}@media(max-width:900px){#backToMap:not([hidden]),#toRoute:not([hidden]){display:block;position:fixed;right:12px;bottom:12px;z-index:40;padding:8px 14px;border-radius:999px;box-shadow:0 4px 14px #00000080}body{grid-template-columns:1fr;grid-template-rows:auto 60vh auto;height:auto}.resizer,.wide-only{display:none}.narrow-only{display:inline}#sidebar,#detail{border:0}#cities{max-height:none;overflow-y:visible;border:0;padding:0}}.touch-only{display:none}@media(pointer:coarse){.touch-only{display:inline}li.touch-only{display:list-item}label.touch-only{display:flex}p.touch-only{display:block}#cities .chat.more{padding:4px 10px;font-size:14px}.actions button{padding:9px 8px}.row.quiet .textlink{padding:8px 0;font-size:14px}.iconbtn{padding:8px}.iconbtn svg{width:22px;height:22px}.mouse-only{display:none}input:not([type]),input[type=number],textarea,select,#pager select,#angleFrom{font-size:16px}#pager button,#zoom button{padding:6px 12px}#pager select{flex-basis:100%;order:-1}}
