.loading{height:50vh;color:var(--color-ink-muted);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.loading-spinner{border:3px solid var(--color-border-base);border-top-color:var(--color-accent);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box{background:color-mix(in srgb, var(--color-warn) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-warn) 35%, transparent);border-radius:var(--radius);text-align:center;max-width:500px;margin:50px auto;padding:20px}.error-box h3{color:var(--color-warn)}.panel-head{align-items:center;gap:12px;margin-bottom:20px;display:flex}.panel-head h2{white-space:nowrap;font-size:1.125rem;font-weight:700}.panel-head-sub{color:var(--color-ink-muted);white-space:nowrap;align-items:center;gap:5px;font-size:.875rem;display:inline-flex}.field-label{color:var(--color-ink-muted);margin-bottom:8px;font-size:.875rem;display:block}.search-container{background:var(--color-panel-from);border:1px solid var(--color-border-base);border-radius:var(--radius);margin-bottom:20px;padding:16px}@media (width>=640px){.search-container{padding:24px}}.search-box{gap:10px;display:flex}.search-field,.search-input{flex:1}.mode-toggle{gap:8px;margin-bottom:10px;display:flex}.mode-btn{border-radius:var(--radius);border:1px solid var(--color-border-strong);min-height:44px;color:var(--color-ink-muted);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.mode-btn:hover{color:var(--color-ink);border-color:var(--color-accent-dim)}.mode-btn.active{background:var(--color-accent-surface);border-color:var(--color-accent-surface);color:#fff}.nav-row{flex-direction:column;align-items:stretch;gap:8px;display:flex}.nav-field{flex:auto;width:100%}.nav-input-wrap{position:relative}@media (width>=640px){.nav-row{flex-flow:wrap;align-items:flex-end}.nav-field{flex:220px;width:auto;min-width:150px}}.nav-clear{width:36px;height:36px;color:var(--color-ink-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;transition:background .15s,color .15s;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.nav-clear:hover{background:var(--color-panel-field);color:var(--color-ink-heading)}.nav-suggest{z-index:50;background:var(--color-panel-from);border:1px solid var(--color-border-strong);border-radius:var(--radius);max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 24px #00000073}.nav-suggest-item{cursor:pointer;border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:8px;min-height:44px;padding:8px 12px;transition:background .15s;display:flex}.nav-suggest-item:hover,.nav-suggest-item:active{background:var(--color-panel-field)}.nav-suggest-label{color:var(--color-ink-heading)}.nav-suggest-sub{color:var(--color-ink-muted);margin-left:auto;font-size:.75rem}.nav-arrow{color:var(--color-ink-muted);flex:none;align-self:center;font-size:1.3rem;font-weight:700;transform:rotate(90deg)}@media (width>=640px){.nav-arrow{align-self:flex-end;padding-bottom:8px;transform:none}}.nav-go,.nav-reset{border-radius:var(--radius);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;min-height:44px;padding:0 18px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.nav-go{background:var(--color-accent-surface);color:#fff;border:1px solid var(--color-accent-surface)}.nav-go:hover:not(:disabled){background:var(--color-accent-surface-hover);border-color:var(--color-accent-surface-hover)}.nav-go:disabled{background:var(--color-panel-field);border-color:var(--color-border-base);color:var(--color-ink-faint);cursor:not-allowed}.nav-reset{color:var(--color-ink);border:1px solid var(--color-border-strong);background:0 0}.nav-reset:hover{border-color:var(--color-accent-dim);color:var(--color-ink-heading)}.nav-go,.nav-reset{justify-content:center;width:100%}@media (width>=640px){.nav-go,.nav-reset{width:auto}}.search-results-list{background:var(--color-bg-deep);border:1px solid var(--color-border-base);border-radius:var(--radius);max-height:200px;margin-bottom:20px;padding:10px;overflow-y:auto}.search-results-list h4{color:var(--color-ink-muted);border-bottom:1px solid var(--color-border-base);margin:0 0 10px;padding-bottom:5px;font-size:.9rem}.search-result-item{border-bottom:1px solid var(--color-border-subtle);cursor:pointer;align-items:center;gap:8px;padding:8px;display:flex}.search-result-item:hover{background:var(--color-panel-field)}.search-result-item.is-quest{background:color-mix(in srgb, var(--color-accent) 6%, transparent)}.category-badge{background:var(--color-panel-field);border:1px solid var(--color-border-strong);border-radius:var(--radius);color:var(--color-ink-muted);white-space:nowrap;padding:1px 6px;font-size:.65rem}.continent-accordion-container{grid-template-columns:1fr;gap:10px;margin-bottom:20px;display:grid}@media (width>=1000px){.continent-accordion-container{grid-template-columns:repeat(3,1fr)}}.continent-accordion-item{background:var(--color-panel-from);border:1px solid var(--color-border-base);border-radius:var(--radius);overflow:hidden}.continent-accordion-header{background:var(--color-panel-field);width:100%;color:var(--color-ink);cursor:pointer;text-align:left;border:none;justify-content:space-between;align-items:center;padding:10px 20px;font-size:.9rem;transition:background .15s,color .15s;display:flex}.continent-accordion-header:hover{color:var(--color-ink-heading);background:var(--color-bg-deep)}.accordion-icon{opacity:.7;font-size:.85rem}.current-map-indicator{color:var(--color-accent);margin-left:5px;font-size:.85rem;font-weight:500}.continent-accordion-content{padding:20px;animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.continent-accordion-header .count{background:var(--color-bg-deep);border:1px solid var(--color-border-subtle);border-radius:var(--radius);color:var(--color-ink-muted);padding:1px 8px;font-size:.75rem}.map-tabs{flex-wrap:wrap;gap:8px;display:flex}.map-tab{border:1px solid var(--color-border-base);border-radius:var(--radius);background:var(--color-panel-field);min-height:44px;color:var(--color-ink);cursor:pointer;padding:8px 16px;font-size:.9rem;transition:background .15s,border-color .15s,color .15s}.map-tab:hover{border-color:var(--color-accent-dim);color:var(--color-ink-heading)}.map-tab.active{background:var(--color-accent-surface);border-color:var(--color-accent-surface);color:#fff}.map-tab .badge{border-radius:var(--radius);background:#0000004d;margin-left:5px;padding:2px 6px;font-size:.7rem}.main-content{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=1000px){.main-content{grid-template-columns:1fr 350px}}.map-section{background:var(--color-panel-from);border:1px solid var(--color-border-base);border-radius:var(--radius);padding:16px}@media (width>=640px){.map-section{padding:24px}}.map-wrap{margin-inline:-16px;position:relative}@media (width>=640px){.map-wrap{margin-inline:0}}.zoom-controls{z-index:100;border-radius:var(--radius);background:#0a0a0bbf;gap:5px;padding:5px;display:flex;position:absolute;top:10px;right:10px}.btn-sm{padding:.35rem .7rem;font-size:.8rem}.btn-full{justify-content:center;width:100%}.map-container{aspect-ratio:16/10;background:var(--color-bg-deep);border-block:1px solid var(--color-border-subtle);border-inline:none;border-radius:0;width:100%;position:relative;overflow:hidden}@media (width>=640px){.map-container{border:1px solid var(--color-border-subtle);border-radius:var(--radius)}}.map-image{object-fit:fill;background:var(--color-bg-deep);width:100%;height:100%}.map-placeholder{background:var(--color-bg-deep);flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex;position:relative}.map-placeholder:before{content:"";background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:30px 30px;width:100%;height:100%;position:absolute}.map-name{color:var(--color-ink-faint);z-index:1;font-size:1.5rem}.map-hint{color:var(--color-ink-muted);z-index:1;font-size:.85rem}.marker{cursor:pointer;z-index:10;width:30px;height:30px;transition:all .3s;position:absolute;transform:translate(-50%,-100%)}.marker svg{filter:drop-shadow(0 2px 4px #00000080);width:100%;height:100%}.marker:hover{z-index:20;transform:translate(-50%,-100%)scale(1.2)}.marker.highlight{z-index:30;animation:.5s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1;transform:translate(-50%,-100%)scale(1)}50%{opacity:.5;transform:translate(-50%,-100%)scale(1.4)}}.marker-tooltip{color:var(--color-ink-heading);border-radius:var(--radius);white-space:pre-wrap;opacity:0;pointer-events:none;border:1px solid var(--color-border-strong);background:#0a0a0bf2;max-width:200px;margin-bottom:5px;padding:8px 12px;font-size:.85rem;transition:opacity .3s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.marker:hover .marker-tooltip{opacity:1}.portal-marker{cursor:pointer;z-index:15;width:28px;height:28px;transition:all .3s;position:absolute;transform:translate(-50%,-50%)}.portal-marker svg{filter:drop-shadow(0 2px 6px #6b8fb580);width:100%;height:100%}.portal-marker:hover{z-index:25;transform:translate(-50%,-50%)scale(1.3)}.portal-marker:hover .marker-tooltip{opacity:1}.portal-marker .marker-tooltip{bottom:110%;transform:translate(-50%)}.portal-marker:before{content:"";border:2px solid #6b8fb580;border-radius:50%;width:40px;height:40px;animation:2s ease-in-out infinite portalPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes portalPulse{0%,to{opacity:.8;transform:translate(-50%,-50%)scale(.8)}50%{opacity:.2;transform:translate(-50%,-50%)scale(1.2)}}.quest-step-marker{transition:all .2s}.quest-step-marker:hover{transform:translate(-50%,-50%)scale(1.2);z-index:35!important}.quest-step-marker:hover .marker-tooltip{opacity:1}.quest-step-marker .marker-tooltip{white-space:nowrap;bottom:110%;transform:translate(-50%)}.quest-step-dot{background:var(--color-accent-dim);color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex;box-shadow:0 2px 8px #00000080}.quest-step-dot.on{background:var(--color-accent-bright);animation:1s infinite pulse;box-shadow:0 0 15px #dc4f2bcc}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 15px #dc4f2bcc}50%{transform:scale(1.1);box-shadow:0 0 25px #dc4f2b}}.tag-section-bottom{border-top:1px solid var(--color-border-subtle);margin-top:20px;padding-top:20px}.tag-section-bottom .tag-toggle{margin-bottom:10px}.tag-toggle{border:1px solid var(--color-border-base);border-radius:var(--radius);background:var(--color-panel-field);min-height:44px;color:var(--color-ink-muted);cursor:pointer;white-space:nowrap;flex-shrink:0;padding:8px 12px;font-size:.85rem;transition:border-color .15s,color .15s}.tag-toggle:hover{color:var(--color-accent);border-color:var(--color-accent)}.tag-filters{flex-wrap:wrap;gap:8px;max-height:80px;padding-right:5px;display:flex;overflow-y:auto}.tag-filters.expanded{max-height:none}.tag-btn{border:1px solid var(--color-border-base);border-radius:var(--radius);background:var(--color-panel-field);min-height:44px;color:var(--color-ink);cursor:pointer;padding:6px 14px;font-size:.85rem;transition:background .15s,border-color .15s,color .15s}.tag-btn:hover{border-color:var(--color-accent-dim);color:var(--color-ink-heading)}.tag-btn.active{background:var(--color-accent-surface);border-color:var(--color-accent-surface);color:#fff}.selected-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.selected-tag{background:var(--color-accent-surface);border-radius:var(--radius);color:#fff;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;display:inline-flex}.selected-tag-remove{cursor:pointer;opacity:.8;font-size:1rem;line-height:1}.selected-tag-remove:hover{opacity:1}.npc-list{background:var(--color-panel-from);border:1px solid var(--color-border-base);border-radius:var(--radius);padding:16px}@media (width>=640px){.npc-list{padding:24px}}@media (width>=1000px){.npc-list{max-height:600px;overflow-y:auto}}.result-count{background:var(--color-bg-deep);border:1px solid var(--color-border-subtle);color:var(--color-ink-muted);border-radius:var(--radius);padding:2px 10px;font-size:.85rem}.list-group-label{color:var(--color-ink-muted);align-items:center;gap:5px;margin-bottom:8px;font-size:.8rem;font-weight:600;display:flex}.npc-item{background:var(--color-panel-field);border:1px solid var(--color-border-subtle);border-radius:var(--radius);cursor:pointer;margin-bottom:10px;padding:12px;transition:background .15s,border-color .15s}.npc-item:hover{border-color:var(--color-accent-dim)}.npc-item.selected{background:color-mix(in srgb, var(--color-accent) 8%, transparent);border-color:var(--color-accent)}.npc-item.quest-item{border-left:3px solid var(--color-accent-dim)}.npc-item.quest-item.selected{border-left-color:var(--color-accent)}.npc-name{color:var(--color-ink-heading);align-items:center;gap:8px;margin-bottom:5px;font-weight:700;display:flex}.npc-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.npc-map{color:var(--color-ink-muted);margin-bottom:5px;font-size:.85rem}.npc-tags{flex-wrap:wrap;gap:5px;display:flex}.npc-tag{border-radius:var(--radius);background:var(--color-bg-deep);border:1px solid var(--color-border-subtle);color:var(--color-ink-muted);padding:3px 8px;font-size:.75rem}.no-results{text-align:center;color:var(--color-ink-faint);padding:40px}.npc-route-info{background:var(--color-bg-deep);border-radius:var(--radius);border-left:3px solid var(--color-accent);margin-top:10px;padding:15px;animation:.3s ease-out slideDown}.route-header{color:var(--color-accent);align-items:center;gap:8px;margin-bottom:10px;font-size:.9rem;font-weight:700;display:flex}.route-count{background:color-mix(in srgb, var(--color-accent) 20%, transparent);border-radius:var(--radius);margin-left:8px;padding:2px 8px;font-size:.8rem}.route-steps{flex-direction:column;gap:8px;display:flex}.route-step{color:var(--color-ink);align-items:flex-start;gap:10px;font-size:.85rem;line-height:1.4;display:flex}.step-number{background:var(--color-panel-field);border:1px solid var(--color-border-base);border-radius:var(--radius);width:20px;height:20px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;display:flex}.step-number.on{background:var(--color-accent-surface);border-color:var(--color-accent-surface);color:#fff}.step-content{flex:1}.step-action{color:var(--color-ink-faint);margin-top:2px;font-size:.75rem}.route-step.clickable{cursor:pointer;border-radius:var(--radius);border:1px solid #0000;margin:-8px;padding:8px;transition:background .15s,border-color .15s}.route-step.clickable:hover{background:var(--color-panel-field)}.route-step.clickable.active{background:color-mix(in srgb, var(--color-accent) 10%, transparent);border-color:var(--color-accent-dim)}.route-step.clickable.on-current-map{background:color-mix(in srgb, var(--color-accent) 8%, transparent);border-left:3px solid var(--color-accent)}.route-highlight-marker{z-index:100;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.route-highlight-icon{color:var(--color-accent-bright);filter:drop-shadow(0 0 10px #dc4f2bcc);font-size:28px;animation:.6s ease-in-out infinite bounce}.route-highlight-pulse{background:color-mix(in srgb, var(--color-accent) 30%, transparent);border-radius:50%;width:60px;height:60px;animation:1.5s ease-out infinite pulse-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-ring{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.route-highlight-marker .marker-tooltip{background:var(--color-accent-surface);color:#fff;border-radius:var(--radius);white-space:nowrap;border:none;margin-bottom:10px;padding:6px 12px;font-size:.8rem;font-weight:700;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.navigation-result{background:color-mix(in srgb, var(--color-accent) 6%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius);padding:15px;animation:.3s ease-out slideDown}.navigation-result .route-steps{margin-top:10px}.guide-link{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, transparent);border-radius:var(--radius);border:1px solid var(--color-accent-dim);align-items:center;gap:5px;padding:5px 10px;text-decoration:none;display:inline-flex}.guide-link:hover{color:var(--color-accent-bright)}.npc-detail-modal{z-index:1000;opacity:0;pointer-events:none;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.npc-detail-modal.show{opacity:1;pointer-events:all}.modal-content{background:var(--color-panel-from);border:1px solid var(--color-border-strong);border-radius:var(--radius);width:90%;max-width:450px;padding:20px;box-shadow:0 20px 60px #00000080}@media (width>=640px){.modal-content{padding:30px}}.modal-header{border-bottom:1px solid var(--color-border-base);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.modal-header h2{align-items:center;gap:10px;display:flex}.modal-close{color:var(--color-ink);cursor:pointer;opacity:.7;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:opacity .15s,background .15s;display:flex}.modal-close:hover{opacity:1;background:var(--color-panel-field)}.modal-body p{margin-bottom:12px;line-height:1.6}.modal-body .label{color:var(--color-ink-muted);margin-bottom:4px;font-size:.85rem;font-weight:500;display:block}.modal-body .value{color:var(--color-ink-heading);white-space:pre-wrap}.modal-tags{margin-top:15px}.npc-list::-webkit-scrollbar{width:8px}.search-results-list::-webkit-scrollbar{width:8px}.nav-suggest::-webkit-scrollbar{width:8px}.tag-filters::-webkit-scrollbar{width:8px}.npc-list::-webkit-scrollbar-track{background:var(--color-bg-deep)}.search-results-list::-webkit-scrollbar-track{background:var(--color-bg-deep)}.nav-suggest::-webkit-scrollbar-track{background:var(--color-bg-deep)}.tag-filters::-webkit-scrollbar-track{background:var(--color-bg-deep)}.npc-list::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius)}.search-results-list::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius)}.nav-suggest::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius)}.tag-filters::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius)}.share-hint{color:var(--color-ink-faint);text-align:center;margin-top:20px;font-size:.75rem}.community-box{text-align:center;border-top:1px solid var(--color-border-subtle);color:var(--color-ink-muted);margin-top:24px;padding:20px;font-size:.9rem}.community-box p{margin-bottom:12px}.community-box strong{color:var(--color-ink)}.npc-item,.search-result-item{content-visibility:auto;contain-intrinsic-size:auto 56px}