.journey-select{max-width:620px;margin:25px auto}.map-heading h1{color:#f1d39b;font-size:30px}.map-heading p,.map-legend{font:13px/1.8 Arial,'Microsoft YaHei',sans-serif;color:#b5cecb}.journey-map{position:relative;width:100%;height:1300px;background-size:100% 100%;background-position:center;border:3px solid #a0b6a6;box-shadow:5px 5px #061320;isolation:isolate;margin:20px 0;overflow:hidden;image-rendering:pixelated}.map-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.map-route path{fill:none;stroke-linecap:round;stroke-linejoin:round}.route-shadow{stroke:#1b261bcc;stroke-width:24}.route-line{stroke:#d5bb7c;stroke-width:15}.route-dots{stroke:#fff1b6;stroke-width:5;stroke-dasharray:1 24}
.journey-map .map-node{position:absolute;display:grid;place-items:center;grid-template-columns:1fr;grid-template-rows:1fr;width:60px;height:60px;padding:0;margin:0;min-width:0;border:4px solid #e1d4a2;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(#435e68,#233c4c);box-shadow:0 5px 0 #102530,0 0 0 3px #1c343988;color:#fff0c8;text-align:center;z-index:3;touch-action:manipulation}
.journey-map .map-node .map-number{font:bold 24px 'Courier New';text-shadow:1px 2px #142a32;grid-row:auto;margin:0;color:inherit}.journey-map .map-node .node-name{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);width:150px;font:12px/1.4 Arial,'Microsoft YaHei',sans-serif;color:#fff5d6;text-shadow:0 1px 4px #000,1px 1px #000;pointer-events:none}.journey-map .map-node.current{background:linear-gradient(#e6bd61,#a86c28);border-color:#fff3b6;box-shadow:0 5px #694a23,0 0 0 5px #f8df8d55,0 0 25px #ffdb7388}.journey-map .map-node.completed{background:linear-gradient(#65b89d,#277d75)}.journey-map .map-node.locked{opacity:1;filter:saturate(.25);background:linear-gradient(#68716a,#3d4946);border-color:#9aa89d;cursor:default;color:#c4cec0}.journey-map .map-node.open:hover{filter:brightness(1.2)}.node-badge{position:absolute;right:-8px;top:-10px;width:23px;height:23px;border:2px solid #fff1ba;background:#277259;color:#fff;line-height:20px;font:bold 16px Arial;border-radius:50%}.node-lock{position:absolute;right:-7px;top:-5px;width:16px;height:14px;background:#c2b98d;border:2px solid #273a39;border-radius:2px}.node-lock:before{content:'';position:absolute;width:8px;height:8px;border:2px solid #c2b98d;border-bottom:0;left:0;top:-8px;border-radius:5px 5px 0 0}.map-hero{position:absolute;width:80px;height:95px;transform:translate(-50%,-88%);z-index:4;pointer-events:none}.map-hero .sprite-frame{bottom:5px}.you-label{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font:bold 9px Arial;color:#172b32;background:#fff0af;padding:2px 5px;white-space:nowrap;border:1px solid #7b663f}.destination-label{position:absolute;top:1.5%;left:50%;transform:translateX(-50%);z-index:2;background:#142d3bbb;border:2px solid #f0d094;color:#ffe0a0;padding:10px 15px;text-align:center;white-space:nowrap;font-size:19px;letter-spacing:2px}.destination-label small{display:block;font:9px Arial;letter-spacing:1px;margin-top:5px;color:#f7f1d9}.map-start{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);color:#c1b8e8;background:#11152ccc;padding:8px 12px;border:1px solid #736b98;font-size:12px;letter-spacing:1px}
body[data-modal="true"]{overflow:hidden}.stage-modal-backdrop{position:fixed;inset:0;z-index:100;background:#03101cd9;display:grid;place-items:center;padding:20px}.stage-confirm{width:min(100%,420px);max-height:calc(100dvh - 40px);overflow:auto;background:#203642;border:3px solid #e2c897;box-shadow:7px 7px #05121d;padding:22px;color:#f4e7ca}.stage-confirm h2{font-size:27px;line-height:1.3;margin:15px 0}.stage-preview{height:145px;background-size:cover;background-position:center 65%;border:2px solid #819d96}.stage-confirm h3{font-size:20px;color:#f2cb85;margin:15px 0 9px}.stage-confirm p{font:14px/1.8 Arial,'Microsoft YaHei',sans-serif;color:#c6d9d0}.confirm-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.confirm-actions button{flex:1;min-width:110px;font-size:14px}.map-node:focus-visible{outline:4px solid #fff9cc;outline-offset:5px}
@media(max-width:760px){.journey-select{margin:20px auto}.map-heading h1{font-size:24px}.map-heading p{font-size:12px}.journey-map{height:1200px;margin-top:16px}.journey-map .map-node{width:52px;height:52px;border-width:3px}.journey-map .map-node .map-number{font-size:21px}.journey-map .map-node .node-name{font-size:10px;width:120px;top:calc(100% + 5px)}.destination-label{font-size:15px;padding:8px 10px}.stage-modal-backdrop{padding:16px}.stage-confirm{padding:18px}.stage-confirm h2{font-size:24px}.stage-preview{height:125px}.stage-confirm h3{font-size:18px}.confirm-actions button{font-size:12px;padding:13px 8px}}