*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:radial-gradient(circle,#ffecb12e,#0000 45%),#1f160c;margin:0;font-family:Hiragino Mincho ProN,Yu Mincho,serif}button{font:inherit}.map-page{justify-content:center;align-items:center;width:100%;height:auto;min-height:auto;padding:24px;display:flex;overflow:visible}.map-frame{aspect-ratio:3/2;background:#d8b46a;border:10px solid #5b3518;border-radius:22px;width:min(1100px,94vw,150vh - 72px);position:relative;overflow:hidden;box-shadow:0 24px 80px #0000008c,inset 0 0 60px #4d260a59}.map-frame:after{content:"";pointer-events:none;z-index:20;background:radial-gradient(circle,#0000 55%,#29130459),linear-gradient(135deg,#ffffff14,#0000 35%);position:absolute;inset:0}.map-viewport{height:100%;aspect-ratio:var(--map-aspect-ratio,3 / 2);transform:translate(-50%, -50%) translate(var(--map-x), var(--map-y)) scale(var(--map-scale));transform-origin:50%;transition:transform .75s;position:absolute;top:50%;left:50%}.map-image{object-fit:fill;width:100%;height:100%;display:block}.back-button{z-index:30;color:#3b220e;cursor:pointer;background:#f7dc97eb;border:2px solid #5b3518;border-radius:999px;padding:10px 18px;position:absolute;top:18px;left:18px;box-shadow:0 6px #4a290e59}.map-title-badge{z-index:30;color:#3b220e;letter-spacing:.08em;background:#f7dc97e6;border:2px solid #5b3518cc;border-radius:999px;padding:8px 16px;font-weight:800;position:absolute;top:20px;right:22px;box-shadow:0 5px 14px #00000040}.map-point{z-index:5;transform:translate(-50%, -100%) scale(var(--label-scale));transform-origin:bottom;cursor:pointer;color:#2d1a0a;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute}.pin{background:#9e2f18;border:2px solid #fff0c2;border-radius:50% 50% 50% 0;width:18px;height:18px;transform:rotate(-45deg);box-shadow:0 0 0 3px #48230859,0 0 16px #ffdf76e6}.point-label{white-space:nowrap;background:#ffe6a6e0;border:1px solid #4b2b0eb3;border-radius:999px;padding:5px 10px;font-size:14px;font-weight:700;box-shadow:0 4px 12px #00000040}.map-point:hover .pin{box-shadow:0 0 0 3px #48230859,0 0 12px #ffdf76f2,0 0 22px #ffdf76a6}@keyframes glow{0%{filter:drop-shadow(0 0 4px #ffe27acc)}to{filter:drop-shadow(0 0 14px #ffe27a)}}.country-point .pin{background:#7e2416;width:11px;height:11px}.country-point .point-label{opacity:1;font-size:12px}.area-point .pin{background:#b84a22;width:22px;height:22px}.area-point .point-label{background:#ffe7a6f2;border-width:2px;padding:7px 14px;font-size:15px}.heritage-panel{z-index:35;color:#2d1a0a;background:linear-gradient(#ffefbef5,#e2b565f5),#f1d28c;border:3px solid #5b3518e6;border-radius:20px;flex-direction:column;width:min(340px,100% - 44px);max-height:min(440px,100% - 110px);display:flex;position:absolute;bottom:22px;right:22px;overflow:hidden;box-shadow:0 18px 40px #0000006b,inset 0 0 30px #5b35182e}.heritage-panel-header{background:#ffefbef5;border-bottom:2px solid #5b351847;flex:none;justify-content:space-between;gap:12px;padding:18px 18px 12px;display:flex;position:relative}.heritage-panel h2{margin:0;font-size:24px;line-height:1.25}.panel-lead{opacity:.78;margin:6px 0 0;font-weight:700}.panel-close{color:#3b220e;cursor:pointer;background:#ffe7a6f2;border:2px solid #5b3518cc;border-radius:50%;flex:none;width:32px;height:32px;font-weight:900}.heritage-panel-body{flex:auto;min-height:0;padding:12px 18px 18px;overflow-y:auto}.heritage-list{gap:10px;display:grid}.heritage-card{color:inherit;background:#fff7dab8;border:2px solid #5b35186b;border-radius:14px;gap:4px;padding:12px 14px;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:grid}.heritage-card:hover{background:#fff8def0;transform:translateY(-2px);box-shadow:0 8px 18px #4823083d}.heritage-name{font-size:15px;font-weight:900}.heritage-note{opacity:.78;font-size:12px;line-height:1.5}.heritage-empty{background:#fff7da8c;border:2px dashed #5b351873;border-radius:14px;padding:14px;font-weight:700;line-height:1.6}.map-point:disabled{cursor:wait}.is-traveling .map-viewport{filter:sepia(.15)brightness(.92)}.travel-layer{z-index:999;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.travel-route-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.travel-route-path{fill:none;stroke-linecap:round;stroke-linejoin:round}.is-plane-route{stroke:#ffecb3f2;stroke-width:.45px;stroke-dasharray:2.5 1.8;filter:drop-shadow(0 0 6px #ffdc78bf)drop-shadow(0 0 12px #ffb45059);animation:8s linear infinite planeRouteDash,2.8s ease-in-out infinite planeRouteGlow}@keyframes planeRouteDash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-18px}}@keyframes planeRouteGlow{0%,to{opacity:.72}50%{opacity:1}}.is-foot-route{stroke:#2d190ad9;stroke-width:.5px;stroke-dasharray:1.2 1.1}@keyframes travelMove{0%{left:var(--travel-start-x);top:var(--travel-start-y)}to{left:var(--travel-end-x);top:var(--travel-end-y)}}@keyframes routeAppear{0%{opacity:0}to{opacity:1}}.travel-icon-motion{left:var(--travel-start-x);top:var(--travel-start-y);z-index:3;pointer-events:none;animation:travelMove var(--travel-duration) ease-in-out forwards;position:absolute;transform:translate(-50%,-50%)}.travel-icon{object-fit:contain;pointer-events:none;filter:drop-shadow(0 8px 8px #00000059)sepia(.15);transform-origin:50%;transform:scaleX(var(--travel-direction));display:block}.travel-plane{width:82px;height:82px;animation:.38s ease-in-out infinite alternate travelPlaneBob}.travel-walker{width:46px;height:46px;animation:.32s ease-in-out infinite alternate travelBob}@keyframes travelPlaneBob{0%{margin-top:-4px}to{margin-top:5px}}@keyframes travelBob{0%{margin-top:-3px}to{margin-top:4px}}.current-traveler{z-index:1100;pointer-events:none;transform:translate(-50%, -50%) scaleX(var(--traveler-direction,1)) scale(var(--label-scale));transform-origin:50%;animation:.9s ease-in-out infinite alternate idleFloat;position:absolute}.current-traveler:before{content:"";z-index:-1;pointer-events:none;background:#fff0b48c;border-radius:50%;width:42px;height:18px;position:absolute;top:78%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #ffdc78cc,0 0 36px #ffd27873}.current-traveler img{object-fit:contain;filter:drop-shadow(0 8px 8px #00000059)sepia(.15);display:block}.current-plane img{width:82px;height:82px}.current-walker img{width:72px;height:auto}.current-plane{width:82px;height:82px}.current-walker{width:46px;height:46px}@keyframes idleFloat{0%{margin-top:-3px}to{margin-top:4px}}.footprint-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.footprint{opacity:0;width:10px;height:16px;transform:translate(-50%, -50%) rotate(var(--foot-angle)) scale(calc(var(--footprint-scale,1) * .55));background:radial-gradient(circle at 28% 5%,#3e220ec7 0 11%,#0000 13%),radial-gradient(circle at 45% 1%,#3e220ec7 0 10%,#0000 12%),radial-gradient(circle at 62% 6%,#3e220ec7 0 9%,#0000 11%),radial-gradient(circle at 50% 30%,#3e220eeb 0 22%,#0000 24%),#3e220ec7;border-radius:58% 58% 44% 44%;animation:.28s ease-out forwards footprintAppear;position:absolute;box-shadow:0 0 0 1px #ffe8aa59,0 2px 4px #00000040}@keyframes footprintAppear{to{opacity:.9;transform:translate(-50%, -50%) rotate(var(--foot-angle)) scale(var(--footprint-scale,1))}}.travel-icon-motion:before{content:"";z-index:-1;background:#fff0b48c;border-radius:50%;width:42px;height:18px;position:absolute;top:78%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #ffdc78cc}.current-traveler img{filter:drop-shadow(0 4px 6px #00000059)sepia(.12);width:54px;height:auto;display:block}.current-traveler:before,.travel-icon-motion:before{width:56px;height:24px}@media (width>=700px){.point-label{padding:4px 8px;font-size:12px}.country-point .point-label{font-size:10px}.area-point .point-label{font-size:13px}.map-point{gap:1px}}