/* 생성 파일 — 손으로 고치지 말 것. scripts/build-world-v3-css.mjs가 world/style.css에서 만든다.
   세계의 명산 웹 페이지 전용 리디자인 v3 색(다크 먹색, 기본). 앱 번들은 이 파일을 쓰지 않는다. */
:root { --paper: #151816; --surface: #1e2220; --ink: #eceae3; --muted: #8e938d; --line: #2c312e; --forest: #8fb3d9; --orange: #ffad72; --green: #59d7c3; --shadow: 0 5px 24px #00000040; color: var(--ink); background: var(--paper); }
button { color: inherit; }
button { border: 0; background: none; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 2px solid var(--orange); }
a { color: inherit; }
button svg, span[data-icon] svg { fill: none; stroke: currentColor; }
button:hover { background: #363d39; }
.skip { background: white; }
.app-header { border-bottom: 1px solid var(--line); background: var(--surface); }
.brand small { color: var(--muted); }
.collection-label { color: #6b736e; }
.tiny-dot { background: var(--green); }
.collection-count { background: #ebedec; border: 1px solid var(--line); }
.private-label { color: #89928c; border-left: 1px solid var(--line); }
.sidebar { border-right: 1px solid var(--line); background: var(--surface); }
.eyebrow { color: var(--muted); }
.mountain-region { color: #b3b9b5; }
.mountain-heritage .eyebrow { color: var(--forest); }
.mountain-links a, .mountain-links button { border: 1px solid var(--line); background: #2c322e; color: #ced1cf; }
.mountain-links a:hover, .mountain-links button:hover { background: #333935; color: #eceae3; }
.english-name { color: var(--muted); }
.summit-height span { color: var(--muted); }
.mountain-description { color: #b3b9b5; }
.route-summary { border-top: 1px solid var(--line); }
.route-summary .eyebrow { color: #aab1ac; }
.section-heading span { color: var(--muted); }
.stage-caption { color: var(--green); }
.stage-caption.climb { color: var(--orange); }
.stage-caption:before { background: currentColor; }
.waypoint:before { border-left: 1px solid #4b554e; }
.waypoint .point-dot { border: 1.5px solid #70baae; background: var(--surface); }
.waypoint .point-dot:after { background: #70baae; }
.waypoint[data-kind="base"] .point-dot { background: var(--green); border-color: var(--green); }
.waypoint[data-kind="base"] .point-dot:after { background: var(--surface); }
.waypoint[data-stage="climb"] .point-dot { border-color: var(--orange); }
.waypoint[data-stage="climb"] .point-dot:after { background: var(--orange); }
.waypoint[data-kind="summit"] .point-dot { background: var(--orange); }
.waypoint[data-kind="summit"] .point-dot:after { background: var(--surface); }
.point-alt { color: #a7aea9; }
.point-note { color: #c0c4c1; }
.waypoint.is-selected { background: #353b37; }
.waypoint .point-chevron { color: #99a19c; }
.waypoint.no-coordinate .point-chevron { border: 1px solid #4b554e; }
.source-note { border-top: 1px solid var(--line); color: #a3aba6; }
.source-note details summary { color: #8fb3d9; }
.source-links a { color: #8fb3d9; }
.sidebar-footer { border-top: 1px solid var(--line); color: var(--muted); background: var(--surface); }
.map-panel { background: #dee0df; }
.map-navigation { background: #fdfdfdf5; border: 1px solid #f4f5f4; box-shadow: var(--shadow); }
.map-navigation button + button { border-top: 1px solid var(--line); }
.map-status { background: #1e2220ee; box-shadow: var(--shadow); color: #6f7872; }
.map-error { background: #ebecebed; }
.map-error > span svg { color: #919a94; }
.map-error p { color: #78827b; }
.map-error button { background: var(--forest); color: #ffffff; }
.route-legend { background: #fdfdfdee; box-shadow: var(--shadow); }
.line-swatch { border-top: 2px solid var(--green); }
.line-swatch.climb { border-color: var(--orange); }
.line-swatch.dashed { border-top: 2px dashed #8a938d; }
.legend-schematic { color: #838d86; }
.elevation-card { background: #fdfdfdf5; border: 1px solid #fdfdfd; box-shadow: var(--shadow); }
.elevation-header small { color: #89928c; }
.profile-point text { fill: #757e78; }
.profile-point:focus { outline: none; }
.profile-axis { fill: #989f9a; }
.profile-guide { stroke: #e6e8e7; }
.point-card { background: #1e2220ee; border: 1px solid #fdfdfd; box-shadow: var(--shadow); }
.point-card .point-height { color: var(--orange); }
.point-card p { color: #737d76; }
.maplibregl-ctrl-attrib { background: #1e2220c9 !important; }
.maplibregl-ctrl-scale { border-color: #5f6c63 !important; color: #5f6c63 !important; background: #1e22208c !important; }
.maplibregl-popup-content { background: var(--surface); color: var(--ink); box-shadow: var(--shadow); }
.map-marker:hover { background: transparent; }
.map-marker .marker-symbol { border: 2px solid white; background: var(--green); box-shadow: 0 1px 5px #00000040; }
.map-marker[data-stage="climb"] .marker-symbol { background: var(--orange); }
.map-marker[data-kind="summit"] .marker-symbol { background: var(--orange); }
.map-marker[data-kind="base"] .marker-symbol { background: #535d56; }
.marker-label { background: #1e2220e8; box-shadow: var(--shadow); }
.map-marker.selected .marker-symbol { outline: 4px solid #ffffff88; }
.map-marker.selected .marker-label { background: var(--forest); color: white; }
dialog { border: 1px solid #434c46; background: var(--surface); color: var(--ink); box-shadow: 0 20px 100px #00000077; }
dialog::backdrop { background: #101211a6; }
.dialog-head p { color: var(--muted); }
.search { background: #272b28; border: 1px solid var(--line); }
.search svg { color: #b2b7b4; }
.search input { background: none; border: 0; outline: none; color: var(--ink); }
.search kbd { border: 1px solid #4e5751; color: #b5bab7; }
.catalog-filters button { color: #b5bab7; }
.catalog-filters button.active { background: var(--forest); color: white; }
.mountain-option { border-bottom: 1px solid #3c443f; }
.mountain-option.current { background: #39403b; }
.mountain-option .list-rank { color: #929b95; }
.mountain-option .list-english { color: #acb3ae; }
.mountain-option .list-alt small { color: #acb3ae; }
.catalog-footer { color: #a3aba6; border-top: 1px solid var(--line); }
.empty-result { color: var(--muted); }
.about-dialog p { color: #bcc2be; }
.mountain-info-head { background: var(--surface); border-bottom: 1px solid var(--line); }
.mountain-info-body { color: #bec3c0; }
.mountain-info-intro { color: #dfe1e0; }
.mountain-info-facts dt { color: var(--muted); }
.mountain-info-facts dd { color: #eaeceb; }
.first-ascent-names { color: #bec3c0; }
.mountain-info-body h3 { color: #eaeceb; }
.mountain-info-note { background: #2a2f2c; }
.mountain-info-note strong { color: #d5d9d6; }
.mountain-info-context { border-top: 1px solid var(--line); }
.mountain-info-sources { border-top: 1px solid var(--line); color: var(--muted); }
.detail-loading { color: var(--muted); }
@media (max-width: 760px) { .sidebar { box-shadow: 0 -10px 40px #00000022; } }
@media (max-width: 760px) { .mobile-info-toggle { border: 1px solid #ffffff77; background: var(--forest); color: white; box-shadow: 0 3px 10px #00000022; } }
@media (max-width: 760px) { .mobile-info-toggle:hover { background: #515c55; } }
.map-panel { --ink: #eceae3; --muted: #aeb4b0; --line: #8fb3d926; --forest: #8fb3d9; --green: #59d7c3; --orange: #ffad72; --shadow: 0 8px 28px #00000040; background: #1e2220; color: var(--ink); }
.map-panel button:hover { background: #383f3a; }
.map-navigation, .route-legend, .elevation-card, .point-card { background: #1c1f1ded; border: 1px solid var(--line); }
.map-navigation #north small { color: #8fb3d9; }
.map-status { background: #1c1f1ded; color: #ccd0cd; }
.map-error { background: #1d201ef2; }
.map-error > span svg { color: #8fb3d9; }
.map-error p { color: #c1c5c2; }
.legend-schematic { color: #b3b8b5; }
.line-swatch.dashed { border-color: #adb3af; }
.elevation-distance { color: #bec3c0; }
.elevation-distance strong { color: #f6f6f6; }
.elevation-distance small { color: #a6aca8; }
.profile-point text { fill: #c8cdca; }
.profile-axis { fill: #a3aaa5; }
.profile-guide { stroke: #8fb3d929; }
.point-card p { color: #c5cac7; }
.point-card .point-height { color: var(--orange); }
.maplibregl-ctrl-attrib { background: #191c1ad9 !important; color: #aab0ac !important; }
.maplibregl-ctrl-attrib a { color: #c5cac7 !important; }
.maplibregl-ctrl-scale { color: #cccfcd !important; border-color: #a8aeaa !important; background: #222623ba !important; }
.map-marker .marker-symbol { border-color: #dadddb; box-shadow: 0 0 12px #00000080; }
.map-marker[data-kind="base"] .marker-symbol { background: #59d7c3; }
.marker-label { background: #1f2320eb; color: #f1f2f1; border: 1px solid #8fb3d926; }
.map-marker.selected .marker-label { background: #48514b; }
.map-marker.selected .marker-symbol { outline-color: #8fb3d955; }
.mobile-info-toggle { background: #464f49; border-color: #8fb3d955; }
@media (max-width: 760px) { .mobile-info-toggle:hover { background: #5d6961; } }
.search > .ph-bold, .search [data-icon] .ph-bold { color: var(--muted); }
.map-marker.important .marker-symbol { border: 1px solid #8be1d7; background: #383f3a; color: #91f1dd; box-shadow: 0 2px 8px #00000080; }
.map-marker[data-kind="summit"] .marker-symbol { background: #3f4641; border-color: #ffc296; color: #ffc296; }
.map-marker.other-summit .marker-symbol { border: 1px solid #8fb3d9; background: #2b312d; color: #8fb3d9; }
.map-marker.other-summit .marker-label { color: #d5d9d6; background: #1c1f1de8; }
.map-marker.other-summit:hover .marker-symbol { background: #525c55; border-color: #eaeceb; color: white; }
.peak-leader { background: #8fb3d987; }
.map-marker[data-kind="summit"] .peak-leader { background: #ffc29699; }
.sidebar { background: linear-gradient(165deg, #232724 0%, #1e2220 70%); box-shadow: 8px 0 30px #00000026; }
.sidebar-top { border-bottom: 1px solid var(--line); }
.sidebar-home > .ph-bold, .sidebar-home [data-icon] .ph-bold { color: #8fb3d9; }
.sidebar-home:hover { background: #363d39; }
.sidebar-footer { background: #292e2a; color: #a3aaa5; }
.mountain-detail { scrollbar-color: #535d56 transparent; }
.summit-height strong { color: #f7f8f7; }
.waypoint:hover { background: #323834; }
.waypoint .point-dot { background: #1e2220; }
.waypoint[data-kind="base"] .point-dot:after, .waypoint[data-kind="summit"] .point-dot:after { background: #1e2220; }
.home-intro .eyebrow { color: #8fb3d9; }
.home-intro p { color: #b8beba; }
.home-search { border: 1px solid #3b423d; color: #c0c5c2; background: #2a2f2c; }
.home-search kbd { border: 1px solid #545f58; color: #99a09b; }
.home-mountain { border-bottom: 1px solid #8fb3d918; }
.home-mountain:hover { background: linear-gradient(
    to top,
    #363d394d 0%,
    #363d3900 100%
  ); }
.home-rank { color: #8fb3d9; }
.home-name strong { color: #e9eae9; }
.home-name small { color: #9da5a0; }
.home-alt { color: #cfd2d0; }
.home-alt small { color: #919a94; }
.search input::placeholder { color: #a7aea9; }
.catalog-filters button.active { background: #4f5a53; color: #f0f2f1; }
.map-error button { background: #4f5a53; }
.skip { background: #38403b; }
@media (max-width: 760px) { .sidebar { box-shadow: 0 -14px 45px #00000080; border-top: 1px solid #535d56; } }
.mountain-photo { background: #1e2220; }
.mountain-photo:after { background: linear-gradient(
    180deg,
    #1e222000 26%,
    #1e222022 45%,
    #1e2220e0 83%,
    #1e2220 100%
  ); }
.hero-heading { text-shadow: 0 2px 12px #00000088; }
.hero-heading h1 { color: #fafafa; }
.hero-heading .english-name { color: var(--muted); }
.hero-heading .local-name { color: #c4c9c6; }
.photo-source { border-top: 1px solid var(--line); }
.photo-source h4 { color: #d0d3d1; }
.photo-source a { color: #c7cbc8; }
.map-marker .marker-symbol { border: 1px solid #e4e6e5; background: #59d7c3; box-shadow: 0 1px 5px #000000cc; }
.map-marker.important .marker-symbol { border: 1.5px solid #e6e7e6; background: #59d7c3; color: #59d7c3; box-shadow: 0 2px 7px #000000cc; }
.map-marker[data-kind="base"] .marker-symbol { background: #b9a0ef; border-color: #eff0ef; color: #b9a0ef; }
.map-marker[data-kind="summit"] .marker-symbol, .map-marker.other-summit .marker-symbol { border: 1.5px solid #ffdbbb; background: #ffad72; color: #ffad72; box-shadow:
    0 0 11px #ff9c5366,
    0 2px 8px #000000cc; }
.map-marker[data-kind="summit"] .marker-symbol { border: 2px solid #eef0ef; background: #ffbd87; box-shadow:
    0 0 12px #ffba7ddd,
    0 0 26px #ff9c5377,
    0 2px 8px #000000cc; }
.map-marker[data-kind="summit"] .marker-symbol:before, .map-marker[data-kind="summit"] .marker-symbol:after { border: 7px solid #ffd3a5; box-shadow: 0 0 8px #ffad7280; }
.map-marker.other-summit:hover .marker-symbol { background: #ffc89d; border-color: #f0f2f1; box-shadow: 0 0 20px #ffb574aa; }
.map-marker[data-kind="summit"] .marker-label { color: #e2e4e3; border-color: #ffbd8040; }
.map-marker.selected .marker-symbol { outline: 3px solid #ffffff55; }
.waypoint[data-kind="start"] .point-dot, .waypoint[data-kind="base"] .point-dot, .waypoint[data-kind="summit"] .point-dot { background: #59d7c3; border-color: #b5f8eb; }
.waypoint[data-kind="base"] .point-dot { background: #b9a0ef; border-color: #eff0ef; }
.waypoint[data-kind="summit"] .point-dot { background: #ffad72; border-color: #ffdbbb; box-shadow: 0 0 8px #ff9c5340; }
.point-swatch { background: #ffad72; }
.sidebar { background: linear-gradient(165deg, #1b1e1c, #141614 75%); }
.is-home .sidebar { background: #1e2220; }
.home-title { color: inherit; }
.home-title:hover { background: none; }
.home-intro p { color: #a5aca7; }
.home-explore { background: #1e2220; border-bottom: 1px solid #2c312e; }
.home-search input { background: transparent; border: 0; outline: none; color: #eceae3; }
.home-search input:focus-visible { outline: none; }
.home-search:focus-within { border-color: #8fb3d9; }
.scope-chips button, .catalog-filters button { color: #a7aea9; border: 1px solid #343b36; background: #202421; }
.scope-chips button:hover, .catalog-filters button:hover { background: #39403b; color: #e8e9e8; }
.scope-chips button.active, .catalog-filters button.active { background: #3b423d; color: #f0f1f0; border-color: #5d6961; }
.results-heading { color: #838d86; }
.results-heading span:first-child { color: #c6cbc8; }
.country-group h2 { color: #b0b6b2; }
.country-group h2 span { color: #7c867f; }
.list-photo { background: #2a2f2c; }
.list-photo.placeholder { color: #989f9a; }
.catalog-dialog { background: #191c1a; }
.route-end-note { color: #d4d8d5; }
.profile-empty { color: #a6aca8; }
.mountain-detail details > summary > .ph-bold { color: #8e938d; }
.mountain-detail details > summary:focus-visible { outline: 2px solid var(--orange); }
.map-navigation { background: none; border: 0; box-shadow: none; }
.map-navigation button { color: #d5d9d6; }
.map-control-group { background: #1c1f1ded; border: 1px solid var(--line); box-shadow: var(--shadow); }
.map-navigation button.active { background: #3e4540; color: #eff0ef; }
.brand-name { background: linear-gradient(
    110deg,
    #a9dfd4 5%,
    #d0d3d1 30%,
    #f4f4f4 42%,
    #c5b6ea 55%,
    #a9dfd4 80%
  ); color: transparent; }
.map-home { border: 1px solid var(--line); background: #8fb3d926; box-shadow: var(--shadow); color: #e6e8e7; }
.profile-summary { color: #bec3c0; }
.profile-summary strong { color: #eceae3; }
.profile-summary small { color: #bec3c0; }
.profile-summary p { color: #a6aca8; }
.mountain-info-photo figcaption { color: var(--muted); }
@media (max-width: 760px) { .elevation-card.collapsed > .elevation-header, .map-bottom-panels > .elevation-card.collapsed > .elevation-header { color: #d5d9d6; } }
.search-clear { color: #c0c5c2; }
.search-clear:hover { background: #3b423d; color: var(--ink); }
.live-tag { border: 1px solid #9da5a073; color: #9da5a0; }
.mountain-option .live-tag { border-color: #acb3ae73; color: #acb3ae; }
.live-cam { border-top: 1px solid var(--line); }
.live-cam-head .eyebrow { color: #aab1ac; }
.live-cam-dot { background: #aab1ac; }
.live-cam-tabs button { border: 1px solid var(--line); color: #b5bab7; }
.live-cam-tabs button.active { border-color: #aab1ac; color: #aab1ac; }
.live-cam-stage { background: #232724; }
.live-cam-frame { background: #232724; }
.live-cam-frame img, .live-cam-video video, .live-cam-video iframe { border: 0; }
.live-cam-status { color: var(--muted); }
.live-cam-status a, .live-cam-credit a { color: var(--forest); }
.live-cam-credit { color: #99a09b; }