[v-cloak]{display:none}.pathfinder-page{padding-top:24px;padding-bottom:48px;color:#243144}.pathfinder-hero{display:flex;align-items:center;gap:18px;margin-bottom:20px;padding:22px 24px;border:1px solid #dfe7ee;border-radius:12px;background:linear-gradient(120deg,#fff,#f8fbfd 70%,#f0f8f6)}.pathfinder-title-icon{display:grid;width:56px;height:56px;flex:0 0 auto;place-items:center;border-radius:12px;background:#e7f5ef;color:#248767;font-size:28px}.pathfinder-eyebrow{display:block;margin-bottom:4px;color:#2c9674;font-size:11px;letter-spacing:.14em}.pathfinder-hero h1{margin:0;font-size:26px;font-weight:700}.pathfinder-hero p{margin:5px 0 0;color:#738092;font-size:14px}.pathfinder-planner,.pathfinder-result,.pathfinder-empty,.pathfinder-message{border:1px solid #dfe7ee;border-radius:12px;background:#fff;box-shadow:0 8px 24px #3141520d}.pathfinder-planner{padding:20px}.pathfinder-fields{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:end;gap:14px}.pathfinder-picker{position:relative}.pathfinder-picker>label>span{display:block;margin-bottom:7px;color:#667386;font-size:12px}.pathfinder-picker-input{display:flex;min-height:58px;align-items:center;gap:12px;padding:8px 13px;border:1px solid #d8e1e9;border-radius:9px;background:#fbfcfd}.pathfinder-picker-input.is-open{border-color:#55a98d;box-shadow:0 0 0 3px #34a07d1a}.pathfinder-picker-input>span:first-child{color:#2e9a77;font-size:21px}.pathfinder-picker-input input{width:100%;border:0;outline:0;background:transparent;color:inherit;font-size:14px}.pathfinder-picker-input>button{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:6px;background:transparent;color:#84909e}.pathfinder-selected{display:flex;min-width:0;flex:1;flex-direction:column}.pathfinder-selected b,.pathfinder-picker-menu b{overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.pathfinder-selected small,.pathfinder-picker-menu small{color:#8994a1;font-size:11px}.pathfinder-picker-menu{position:absolute;z-index:50;top:calc(100% + 6px);right:0;left:0;max-height:330px;overflow:auto;padding:6px;border:1px solid #dbe4eb;border-radius:10px;background:#fff;box-shadow:0 14px 35px #202e3c29}.pathfinder-picker-menu button{display:flex;width:100%;align-items:center;gap:10px;padding:10px;border:0;border-radius:7px;background:transparent;color:inherit;text-align:left}.pathfinder-picker-menu button:hover{background:#f0f8f5}.pathfinder-picker-menu button>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.pathfinder-picker-menu button>span:first-child{color:#35a17e;font-size:18px}.pathfinder-picker-menu button>span:last-child{color:#a4adb7}.pathfinder-picker-state{padding:18px;color:#84909e;text-align:center;font-size:13px}.pathfinder-swap{display:flex;height:42px;align-items:center;justify-content:center;gap:5px;border:1px solid #d8e1e9;border-radius:8px;background:#fff;color:#657284;font-size:12px}.pathfinder-swap:disabled{opacity:.45}.pathfinder-options{display:flex;align-items:center;gap:18px;margin-top:18px;padding-top:17px;border-top:1px solid #e9eef2}.pathfinder-options>span{color:#748193;font-size:12px}.pathfinder-options label{display:flex;align-items:center;gap:9px;cursor:pointer}.pathfinder-options input{position:absolute;opacity:0}.pathfinder-options label>i{display:grid;width:18px;height:18px;place-items:center;border:1px solid #cbd6df;border-radius:5px;color:transparent;font-size:13px}.pathfinder-options input:checked+i{border-color:#2f9b79;background:#2f9b79;color:#fff}.pathfinder-options label>span{display:flex;flex-direction:column}.pathfinder-options b{font-size:13px;font-weight:500}.pathfinder-options small{color:#929ca8;font-size:11px}.pathfinder-submit{display:flex;height:42px;align-items:center;gap:7px;margin-left:auto;padding:0 20px;border:0;border-radius:8px;background:#287f65;color:#fff;font-size:13px}.pathfinder-submit:disabled{background:#aebbb6}.pathfinder-message{display:flex;gap:13px;margin-top:18px;padding:18px;color:#a44d4d}.pathfinder-message>span{font-size:24px}.pathfinder-message b{font-weight:500}.pathfinder-message p{margin:3px 0 0;font-size:13px}.pathfinder-result{margin-top:20px;overflow:hidden}.pathfinder-result-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #e7edf2;background:#fbfcfd}.pathfinder-result-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600}.pathfinder-result-head p{margin:5px 0 0;color:#7f8a98;font-size:12px}.pathfinder-result-head>button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #d8e1e8;border-radius:7px;background:#fff;color:#647183;font-size:12px}.pathfinder-steps{padding:22px}.pathfinder-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px}.pathfinder-step-rail{display:flex;align-items:center;flex-direction:column}.pathfinder-step-rail span{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border:2px solid #88c6b2;border-radius:50%;background:#fff;color:#277e63;font-size:11px;font-weight:600}.pathfinder-step-rail i{width:2px;min-height:42px;flex:1;background:#d7e8e2}.pathfinder-step-card{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr) 32px;gap:18px;min-height:138px;margin-bottom:15px;padding:14px;border:1px solid #e0e8ee;border-radius:10px;background:#fff}.pathfinder-map-preview{display:flex;min-height:108px;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:linear-gradient(#edf2f5 1px,transparent 1px),linear-gradient(90deg,#edf2f5 1px,transparent 1px),#f8fafb;background-size:20px 20px;color:#aeb9c2;font-size:30px}.pathfinder-map-preview img{max-width:100%;max-height:108px;object-fit:contain}.pathfinder-step-copy{min-width:0;padding:3px 0}.pathfinder-step-meta{display:flex;align-items:center;gap:8px}.pathfinder-step-meta span{padding:3px 7px;border-radius:5px;background:#eef4f7;color:#637486;font-size:10px}.pathfinder-step-meta .is-start{background:#e7f4ef;color:#287d63}.pathfinder-step-meta .is-end{background:#fff0e8;color:#a95c31}.pathfinder-step-meta em{color:#a0a9b3;font-size:10px;font-style:normal}.pathfinder-map-name{display:inline-block;width:fit-content;margin-top:8px;color:#263447;font-size:16px;font-weight:500;text-decoration:none}.pathfinder-map-name:hover{color:#278365}.pathfinder-step-copy>p{margin:2px 0 9px;color:#84909d;font-size:12px}.pathfinder-action{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:6px;background:#f1f7f5;color:#377c67;font-size:12px}.pathfinder-action>span:last-child{display:flex;align-items:center;gap:5px}.pathfinder-action small{color:#8a9a95;font-size:10px}.pathfinder-action.is-return{background:#f4f1fb;color:#755ba4}.pathfinder-action.is-taxi{background:#fff7df;color:#9a7628}.pathfinder-detail{display:grid;width:30px;height:30px;place-items:center;border-radius:6px;color:#91a0ad;text-decoration:none}.pathfinder-detail:hover{background:#eef5f3;color:#2f8b6e}.pathfinder-empty{margin-top:20px;padding:55px 20px;text-align:center}.pathfinder-empty>div{display:grid;width:58px;height:58px;margin:0 auto 13px;place-items:center;border-radius:50%;background:#edf7f3;color:#319175;font-size:27px}.pathfinder-empty h2{margin:0;font-size:17px;font-weight:500}.pathfinder-empty p{margin:7px 0 0;color:#84909e;font-size:13px}.tw-icon-\[mdi--loading\]{animation:pf-spin 1s linear infinite}@keyframes pf-spin{to{transform:rotate(360deg)}}.dark .pathfinder-page{color:#dce5ec}.dark .pathfinder-hero,.dark .pathfinder-planner,.dark .pathfinder-result,.dark .pathfinder-empty,.dark .pathfinder-message,.dark .pathfinder-step-card{border-color:#34414c;background:#202930}.dark .pathfinder-hero{background:linear-gradient(120deg,#202930,#1d2929)}.dark .pathfinder-picker-input,.dark .pathfinder-picker-menu,.dark .pathfinder-result-head{border-color:#3a4853;background:#26313a}.dark .pathfinder-picker-menu button:hover{background:#304039}.dark .pathfinder-options{border-color:#35424c}.dark .pathfinder-map-name{color:#e1e9ef}.dark .pathfinder-map-preview{background:#192229}.dark .pathfinder-result-head{border-color:#35424c}@media (max-width:760px){.pathfinder-hero{align-items:flex-start;padding:18px}.pathfinder-fields{grid-template-columns:1fr}.pathfinder-swap{width:100%}.pathfinder-options{align-items:flex-start;flex-wrap:wrap}.pathfinder-options>span{width:100%}.pathfinder-submit{width:100%;justify-content:center;margin-left:0}.pathfinder-result-head{align-items:flex-start;gap:12px;flex-direction:column}.pathfinder-step-card{grid-template-columns:1fr}.pathfinder-map-preview{min-height:150px}.pathfinder-detail{position:absolute;right:12px;top:12px}}.pathfinder-submit{margin-right:76px}@media (max-width:760px){.pathfinder-submit{margin-right:0}}.pathfinder-result-head>button{margin-right:76px}@media (max-width:760px){.pathfinder-result-head>button{margin-right:0}}.pathfinder-route-canvas{position:relative;padding:18px 22px 26px}.pathfinder-route-row{display:grid;grid-template-columns:238px minmax(0,1fr);gap:14px;min-height:282px;margin-bottom:18px}.pathfinder-route-row:last-child{margin-bottom:0}.pathfinder-route-info{position:relative;padding:18px 16px 18px 42px;border:1px solid #dfe8ee;border-radius:10px;background:#fbfcfd}.pathfinder-route-node{position:absolute;top:19px;bottom:-37px;left:17px;display:flex;align-items:center;flex-direction:column}.pathfinder-route-node>span{width:13px;height:13px;flex:0 0 auto;border:2px solid #6299bc;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #edf5f9}.pathfinder-route-node>i{width:2px;flex:1;margin-top:4px;background:#c6dbe7}.pathfinder-route-node.is-start>span{border-color:#2da979;background:#2da979;box-shadow:0 0 0 3px #dff3eb}.pathfinder-route-node.is-end>span{border-color:#e47a56;background:#e47a56;box-shadow:0 0 0 3px #fae9e2}.pathfinder-route-info>p{margin:3px 0 14px;color:#7e8b98;font-size:12px}.pathfinder-monsters>span{display:block;margin-bottom:7px;color:#87939f;font-size:10px}.pathfinder-monsters>div{display:flex;flex-wrap:wrap;gap:6px}.pathfinder-monsters a{position:relative;display:grid;width:36px;height:36px;place-items:center;border:1px solid #d8e3e9;border-radius:8px;background:#fff;text-decoration:none}.pathfinder-monsters a:hover{border-color:#56a98e;background:#f0f8f5}.pathfinder-monsters img{max-width:30px;max-height:30px;object-fit:contain}.pathfinder-monsters a>small{position:absolute;right:-4px;bottom:-4px;min-width:16px;padding:1px 4px;border:2px solid #fbfcfd;border-radius:9px;background:#385468;color:#fff;font-size:8px;line-height:12px;text-align:center}.pathfinder-no-monsters{display:flex;align-items:center;gap:5px;color:#a1abb4;font-size:11px}.pathfinder-map-panel{position:relative;overflow:hidden;border:1px solid #d9e5ec;border-radius:11px;background:#f9fbfc}.pathfinder-map-panel>header{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid #e2eaf0;background:#fff}.pathfinder-map-panel>header>div{display:flex;align-items:center;gap:8px}.pathfinder-map-panel>header a{color:#26384a;font-size:14px;font-weight:500;text-decoration:none}.pathfinder-map-panel>header>div:last-child span{padding:3px 7px;border-radius:5px;background:#edf4f8;color:#557087;font-size:10px}.pathfinder-map-index{display:grid;width:26px;height:26px;place-items:center;border-radius:7px;background:#e4f3ed;color:#247d61;font-size:12px}.pathfinder-map-stage{display:flex;min-height:212px;align-items:center;justify-content:center;padding:12px 18px;background:linear-gradient(#edf2f5 1px,transparent 1px),linear-gradient(90deg,#edf2f5 1px,transparent 1px),#f7fafb;background-size:24px 24px}.pathfinder-map-canvas{position:relative;width:min(100%,calc(250px * var(--map-ratio)));max-width:100%;aspect-ratio:var(--map-ratio);max-height:250px}.pathfinder-map-canvas>img{display:block;width:100%;height:100%;object-fit:fill}.pathfinder-map-missing{display:flex;align-items:center;flex-direction:column;color:#9ca9b3;font-size:25px}.pathfinder-map-missing p{margin:5px 0 0;font-size:11px}.pathfinder-portal-dot{position:absolute;z-index:6;width:13px;height:13px;border:3px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 1px 7px #182c3959}.pathfinder-portal-dot.is-arrival{background:#35bf86}.pathfinder-portal-dot.is-departure{background:#f3b53f}.pathfinder-portal-label{position:absolute;z-index:7;display:flex;max-width:170px;align-items:center;gap:3px;padding:4px 7px;border:1px solid #ebbb4e;border-radius:7px;background:#263746;color:#fff;font-size:9px;line-height:1.2;transform:translate(-88%,-150%);white-space:nowrap}.pathfinder-map-panel>.pathfinder-action{position:absolute;z-index:7;right:10px;bottom:9px;box-shadow:0 3px 10px #253a461f}.pathfinder-connections{position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.pathfinder-connections path{fill:none;stroke:#eb5a6b;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 2px 2px rgba(117,34,49,.18));vector-effect:non-scaling-stroke}.pathfinder-connections marker path{fill:#eb5a6b;stroke:none;filter:none}.dark .pathfinder-route-info,.dark .pathfinder-map-panel,.dark .pathfinder-map-panel>header{border-color:#354550;background:#212c34}.dark .pathfinder-map-stage{background:#17232b}.dark .pathfinder-map-panel>header a{color:#dce6ed}.dark .pathfinder-monsters a{border-color:#3b4b56;background:#26333c}.dark .pathfinder-monsters a>small{border-color:#212c34}@media (max-width:900px){.pathfinder-route-row{grid-template-columns:1fr}.pathfinder-route-info{min-height:132px}.pathfinder-route-node{bottom:-315px}.pathfinder-map-stage{min-height:190px}}@media (max-width:600px){.pathfinder-route-canvas{padding:12px}.pathfinder-route-row{min-height:0}.pathfinder-map-panel>header{align-items:flex-start;flex-direction:column}.pathfinder-map-stage{padding:10px;min-height:170px}.pathfinder-portal-label{display:none}}.pathfinder-fields{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:12px}.pathfinder-swap{width:44px;height:44px;justify-self:center;margin-bottom:7px;border:1px solid #bcdacf;border-radius:50%;background:linear-gradient(145deg,#f8fcfa,#e8f5f0);color:#278466;box-shadow:0 5px 14px #2b7e621f;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.pathfinder-swap-icon{width:20px;height:20px;flex:0 0 auto;fill:currentColor;transition:transform .28s ease}.pathfinder-swap-label{display:none}.pathfinder-swap:not(:disabled):hover{border-color:#63ad94;box-shadow:0 7px 18px #2b7e6233;transform:translateY(-1px)}.pathfinder-swap:not(:disabled):hover .pathfinder-swap-icon{transform:rotate(180deg)}.pathfinder-swap:not(:disabled):active{box-shadow:0 3px 9px #2b7e621f;transform:translateY(0)}.pathfinder-swap:disabled{border-color:#dce4e8;background:#f4f6f7;color:#adb7be;box-shadow:none;opacity:1}.dark .pathfinder-swap{border-color:#42685b;background:linear-gradient(145deg,#263a33,#20312b);color:#68c6a6}.dark .pathfinder-swap:disabled{border-color:#3a454c;background:#293238;color:#6f7c85}@media (max-width:760px){.pathfinder-fields{grid-template-columns:1fr}.pathfinder-swap{width:100%;height:42px;margin-bottom:0;border-radius:9px}.pathfinder-swap-label{display:inline}}