#map-onboarding{box-sizing:border-box;width:calc(100% - 32px);max-width:350px;max-height:calc(100dvh - 32px);padding:24px 18px 18px;border:1px solid #dde5e9;border-radius:14px;background:#fff;color:#17324d;box-shadow:0 14px 45px #10243730;overflow:auto;font-family:Arial,"Noto Sans JP",sans-serif;margin:auto}
#map-onboarding::backdrop{background:rgba(12,27,45,.45)}
#map-onboarding *{box-sizing:border-box}
#map-onboarding-title{margin:0 18px 20px;font-size:24px;line-height:1.4;font-weight:700;text-align:center;letter-spacing:0}
#map-onboarding-title::after{content:"";display:block;width:82%;height:4px;margin:6px auto 0;border-radius:2px;background:#bfe4da}
#map-onboarding .onboarding-close{position:absolute;right:6px;top:6px;width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:#718087;font-size:29px;line-height:1}
#map-onboarding .onboarding-steps{list-style:none;margin:0;padding:0}
#map-onboarding .onboarding-step{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #e5eaed}
#map-onboarding .onboarding-step:last-child{border-bottom:0;padding-bottom:18px}
#map-onboarding .onboarding-icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:8px;background:#edf7f4;color:#08797b;font-size:25px}
#map-onboarding .onboarding-number{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;background:#42c7c2;color:#143d50;font-size:18px;font-weight:700}
#map-onboarding .onboarding-step h3{margin:0 0 4px;font-size:18px;line-height:1.35;font-weight:700}
#map-onboarding .onboarding-step p{margin:0;color:#334155;font-size:14px;line-height:1.6}
#map-onboarding .onboarding-primary{display:block;width:100%;min-height:48px;padding:12px 8px;border:0;border-radius:9px;background:#17324d;color:#fff;font-size:16px;font-weight:700;line-height:1.5}
#map-onboarding .onboarding-primary span{margin-left:8px;font-size:20px}
#map-onboarding button:focus-visible,#map-onboarding-open:focus-visible{outline:3px solid #139a98;outline-offset:3px}
#map-onboarding-open{display:none;position:fixed;z-index:155;right:16px;bottom:calc(78px + env(safe-area-inset-bottom));min-height:44px;padding:8px 12px;gap:6px;align-items:center;border:1px solid #cfdedb;border-radius:22px;background:#ffffffeb;color:#17324d;font-size:13px;font-weight:700;box-shadow:0 2px 7px #10243718}
body.map-fullscreen #map-onboarding-open{display:flex}
@media(max-width:350px){#map-onboarding{padding:23px 16px 16px}#map-onboarding-title{font-size:22px;margin-bottom:12px}#map-onboarding .onboarding-step{gap:11px;padding:12px 0}#map-onboarding .onboarding-step h3{font-size:17px}#map-onboarding .onboarding-step p{font-size:13px}}
@media(max-height:540px){#map-onboarding{padding-top:18px}#map-onboarding-title{margin-bottom:8px}#map-onboarding .onboarding-step{padding:8px 0}}