/* =========================================================
   山城エリア：ネオン・サイバーパンク調の3D地図（CSSのみ・画像なし）
   ========================================================= */
#area .area-panel{background:linear-gradient(125deg,#060a14 0%,#0b1324 55%,#0a1a22 100%);box-shadow:0 28px 70px rgba(0,0,0,.45),0 0 0 1px rgba(123,229,233,.14)}
#area .area-copy{background:linear-gradient(160deg,rgba(10,26,34,.72),rgba(6,10,20,.55));border-left:1px solid rgba(123,229,233,.14);backdrop-filter:blur(10px)}
#area .area-copy .eyebrow{color:#ff5fd2;text-shadow:0 0 10px rgba(255,95,210,.55)}
#area .area-copy h2{color:#eef5f2;text-shadow:0 0 18px rgba(123,229,233,.25)}
#area .area-copy p:not(.eyebrow){color:#aabcb9}
#area .primary-btn.dark{border-color:rgba(123,229,233,.55);background:rgba(123,229,233,.1);color:#e8fbff;box-shadow:0 0 18px rgba(123,229,233,.18)}
#area .primary-btn.dark:hover{background:#7be5e9;color:#071116}


/* ---------- 実際の行政区域をもとにした3D地図 ---------- */
.ym-map{position:relative;overflow:hidden;min-height:600px;background:radial-gradient(ellipse at 50% 72%,rgba(0,190,220,.18),transparent 60%),radial-gradient(ellipse at 18% 8%,rgba(255,60,200,.12),transparent 50%);perspective:1200px;perspective-origin:50% 25%}
.ym-map::before,.ym-map::after{content:none}
.ym-stage{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d}
.ym-plane{position:relative;width:min(560px,84%);aspect-ratio:var(--ym-ratio,1.1);transform-style:preserve-3d;transform:translateY(8%) rotateX(56deg) rotateZ(calc(-16deg + var(--ym-rot,0deg)));transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.ym-map.is-dragging .ym-plane{transition:none}
.ym-grid{position:absolute;inset:-22%;background-image:linear-gradient(rgba(123,229,233,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(123,229,233,.2) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%);animation:ym-grid 6s linear infinite}
.ym-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ym-grid{pointer-events:none}
.ym-muni{fill:url(#ymFill);stroke:rgba(123,229,233,.55);stroke-width:1.2;stroke-linejoin:round;transition:fill .3s ease,stroke .3s ease}
.ym-muni.is-hot{fill:rgba(123,229,233,.28);stroke:#bff7fa}
.ym-muni[data-code="26214"]{fill:rgba(255,95,210,.14);stroke:rgba(255,95,210,.7)}
.ym-outline{fill:none;stroke:#7be5e9;stroke-width:3;stroke-linejoin:round;filter:drop-shadow(0 0 4px #7be5e9) drop-shadow(0 0 12px rgba(123,229,233,.7))}
.ym-river{fill:none;stroke:#ff5fd2;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:18 10;filter:drop-shadow(0 0 4px #ff5fd2) drop-shadow(0 0 12px rgba(255,95,210,.7));animation:ym-flow 3s linear infinite}
.ym-city{font:700 22px "Noto Sans JP",sans-serif;fill:rgba(190,240,244,.35);text-anchor:middle;letter-spacing:.1em;pointer-events:none}
.ym-pin{position:absolute;left:var(--x);top:var(--y);width:0;height:0;padding:0;border:0;background:none;transform-style:preserve-3d;cursor:pointer;font:inherit}
.ym-pin em{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;border:1px solid #7be5e9;box-shadow:0 0 10px #7be5e9,inset 0 0 6px #7be5e9;animation:ym-ping 2.4s ease-out infinite}
.ym-stand{position:absolute;left:0;top:0;transform-origin:0 0;transform:rotateZ(calc(16deg - var(--ym-rot,0deg))) rotateX(-90deg);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.ym-map.is-dragging .ym-stand{transition:none}
.ym-map{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.ym-map.is-dragging{cursor:grabbing}
.ym-ctrl{position:absolute;left:50%;bottom:16px;z-index:3;display:flex;gap:8px;transform:translateX(-50%)}
.ym-rot{width:40px;height:40px;padding:0;border:1px solid rgba(123,229,233,.45);border-radius:50%;background:rgba(5,10,20,.75);color:#e8fbff;font:400 18px/1 "Noto Sans JP",sans-serif;cursor:pointer;box-shadow:0 0 12px rgba(123,229,233,.2);transition:background .2s ease,color .2s ease}
.ym-rot:hover{background:#7be5e9;color:#071116}
.ym-rot--reset{font-size:12px;font-weight:700;letter-spacing:.05em;color:#ff9be6;border-color:rgba(255,95,210,.55)}
.ym-card{position:absolute;left:0;bottom:56px;transform:translateX(-50%);display:grid;justify-items:center;gap:2px;min-width:74px;padding:7px 9px 6px;border:1px solid rgba(123,229,233,.7);border-radius:6px;background:linear-gradient(180deg,rgba(8,22,32,.92),rgba(5,10,20,.92));color:#e8fbff;box-shadow:0 0 14px rgba(123,229,233,.4),inset 0 0 10px rgba(123,229,233,.12);transition:transform .25s ease,box-shadow .25s ease;white-space:nowrap}
.ym-card::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:56px;margin-left:-1px;background:linear-gradient(to bottom,rgba(123,229,233,.95),rgba(123,229,233,.1));box-shadow:0 0 8px #7be5e9}
.ym-card svg{width:30px;height:30px;fill:none;stroke:#7be5e9;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(123,229,233,.9))}
.ym-card b{font:700 11px/1.3 "Noto Sans JP",sans-serif;letter-spacing:.08em;text-shadow:0 0 6px rgba(123,229,233,.8)}
.ym-card small{font-size:8.5px;line-height:1.3;color:#9fd8dc;letter-spacing:.02em}
.ym-pin:hover .ym-card,.ym-pin:focus-visible .ym-card{transform:translateX(-50%) translateY(-6px) scale(1.08);box-shadow:0 0 22px rgba(123,229,233,.75),inset 0 0 12px rgba(123,229,233,.2)}
.ym-pin:focus-visible{outline:none}
.ym-pin--b .ym-card{bottom:38px;border-color:rgba(164,224,189,.7);box-shadow:0 0 12px rgba(164,224,189,.35)}
.ym-pin--b .ym-card::after{height:38px;background:linear-gradient(to bottom,#a4e0bd,rgba(164,224,189,.1));box-shadow:0 0 8px #a4e0bd}
.ym-pin--b .ym-card svg{stroke:#a4e0bd;filter:drop-shadow(0 0 4px rgba(164,224,189,.9))}
.ym-pin--b em{border-color:#a4e0bd;box-shadow:0 0 8px #a4e0bd,inset 0 0 5px #a4e0bd}
.ym-pin--main .ym-card{bottom:86px;border-color:#ff5fd2;box-shadow:0 0 18px rgba(255,95,210,.6),inset 0 0 10px rgba(255,95,210,.2)}
.ym-pin--main .ym-card::after{height:86px;background:linear-gradient(to bottom,#ff5fd2,rgba(255,95,210,.1));box-shadow:0 0 12px #ff5fd2}
.ym-pin--main .ym-card svg{stroke:#ff9be6;width:34px;height:34px;filter:drop-shadow(0 0 5px rgba(255,95,210,.9))}
.ym-pin--main .ym-card b{font-size:12.5px;text-shadow:0 0 8px rgba(255,95,210,.9)}
.ym-pin--main em{border-color:#ff5fd2;box-shadow:0 0 12px #ff5fd2,inset 0 0 6px #ff5fd2;width:18px;height:18px;left:-9px;top:-9px}
.ym-hud{position:absolute;z-index:2;font:600 9px/1 "Noto Sans JP",sans-serif;letter-spacing:.3em;color:rgba(123,229,233,.75);text-shadow:0 0 8px rgba(123,229,233,.6);pointer-events:none}
.ym-hud--tl{left:22px;top:22px}.ym-hud--tr{right:22px;top:22px;color:rgba(164,224,189,.85);animation:ym-blink 2s steps(2) infinite}.ym-hud--br{right:22px;bottom:30px;color:rgba(255,95,210,.75);text-shadow:0 0 8px rgba(255,95,210,.6)}
.ym-credit{position:absolute;left:22px;bottom:64px;z-index:2;font-size:9px;color:rgba(170,188,185,.6)}
.ym-scan{position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);mix-blend-mode:screen}
/* Googleマップ表示 */
.ym-modal{width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 40px);padding:0;border:1px solid rgba(123,229,233,.4);border-radius:18px;background:#071116;color:#eef5f2;box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 30px rgba(123,229,233,.18)}
.ym-modal::backdrop{background:rgba(3,7,12,.72);backdrop-filter:blur(6px)}
.ym-modal__box{display:grid;gap:14px;padding:18px}
.ym-modal header{display:grid;grid-template-columns:1fr auto;align-items:center}
.ym-modal__city{margin:0;font-size:10px;font-weight:700;letter-spacing:.3em;color:#7be5e9}
.ym-modal__title{margin:4px 0 0;font-family:"Noto Serif JP",serif;font-size:20px}
.ym-modal__close{grid-row:1/3;grid-column:2;width:40px;height:40px;border:1px solid rgba(190,238,233,.25);border-radius:50%;background:transparent;color:#eef5f2;font-size:20px;cursor:pointer}
.ym-modal__map{position:relative;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#0b1820}
.ym-modal__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.9)}
.ym-modal__open{justify-self:end;padding:10px 18px;border:1px solid rgba(123,229,233,.5);border-radius:999px;color:#e8fbff;font-size:13px;text-decoration:none}
.ym-modal__open:hover{background:#7be5e9;color:#071116}
@keyframes ym-tilt{from{transform:translateY(8%) rotateX(56deg) rotateZ(-16deg)}to{transform:translateY(8%) rotateX(52deg) rotateZ(-10deg)}}
@keyframes ym-grid{to{background-position:0 26px,26px 0}}
@keyframes ym-flow{to{stroke-dashoffset:-56}}
@keyframes ym-ping{0%{transform:scale(.6);opacity:1}80%,100%{transform:scale(2.2);opacity:0}}
@keyframes ym-blink{50%{opacity:.35}}
@media(max-width:900px){.ym-map{min-height:520px}.ym-plane{width:min(480px,90%)}}
@media(max-width:600px){.ym-map{min-height:430px}.ym-plane{width:96%;transform:translateY(6%) rotateX(52deg) rotateZ(calc(-16deg + var(--ym-rot,0deg)))}.ym-credit{bottom:62px;font-size:8px}.ym-card{min-width:0;padding:4px 6px}.ym-card svg{width:20px;height:20px}.ym-card b{font-size:9px}.ym-card small{display:none}.ym-pin--main .ym-card svg{width:24px;height:24px}.ym-pin--main .ym-card b{font-size:10px}.ym-hud{font-size:7px}.ym-hud--tr{display:none}.ym-city{font-size:28px}}
@media(prefers-reduced-motion:reduce){.ym-plane,.ym-grid,.ym-river,.ym-pin em,.ym-hud--tr{animation:none}}

/* ---------- ランドマークの立体モデル（CSS 3D） ---------- */
.ym-model{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;pointer-events:none}
.b3{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--d);transform:translateZ(var(--z));transform-style:preserve-3d}
.b3 .f{position:absolute;display:block;box-sizing:border-box;border:1px solid rgba(123,229,233,.85);background:rgba(8,26,36,.88);backface-visibility:visible}
.b3 .t{inset:0;transform:translateZ(var(--h));background:rgba(20,70,84,.9)}
.b3 .n,.b3 .s{left:0;width:var(--w);height:var(--h);transform-origin:0 0;transform:rotateX(90deg)}
.b3 .n{top:0}
.b3 .s{top:var(--d);background:rgba(14,48,60,.92)}
.b3 .w,.b3 .e{top:0;width:var(--h);height:var(--d);transform-origin:0 0;transform:rotateY(-90deg)}
.b3 .w{left:0;background:rgba(10,36,48,.92)}
.b3 .e{left:var(--w);background:rgba(16,58,70,.92)}
/* 屋根：シアンの発光ライン */
.b3--roof .f{border-color:#9ff4f7;background:rgba(26,92,104,.92);box-shadow:0 0 6px rgba(123,229,233,.55)}
.b3--roof .t{background:linear-gradient(135deg,rgba(60,170,184,.95),rgba(20,90,104,.95))}
/* 基壇：落ち着いた色 */
.b3--base .f{border-color:rgba(123,229,233,.45);background:rgba(10,30,40,.92)}
.b3--base .t{background:rgba(26,60,72,.92)}
/* 飾り（鳳凰・相輪）：金色の発光 */
.b3--gold .f{border-color:#ffd77a;background:rgba(255,200,90,.85);box-shadow:0 0 8px rgba(255,210,120,.9)}
/* 窓明かり */
.b3--wall .s{background:linear-gradient(rgba(14,48,60,.92),rgba(14,48,60,.92)) padding-box,repeating-linear-gradient(90deg,transparent 0 4px,rgba(255,220,140,.55) 4px 6px) border-box}
.b3--wall .s::after{content:"";position:absolute;left:18%;right:18%;top:30%;bottom:20%;background:repeating-linear-gradient(90deg,rgba(255,214,130,.75) 0 2px,transparent 2px 5px);filter:drop-shadow(0 0 3px rgba(255,214,130,.9))}
.ym-water{position:absolute;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,rgba(123,229,233,.45),rgba(0,140,170,.18) 60%,transparent 72%);box-shadow:0 0 18px rgba(123,229,233,.35);animation:ym-water 4s ease-in-out infinite}
@keyframes ym-water{50%{opacity:.6}}
/* 木津川市（メイン）はマゼンタ */
.ym-pin--main .b3--roof .f{border-color:#ffb6ea;background:rgba(120,30,100,.9);box-shadow:0 0 8px rgba(255,95,210,.7)}
.ym-pin--main .b3--roof .t{background:linear-gradient(135deg,rgba(255,95,210,.9),rgba(130,30,110,.92))}
.ym-pin--main .b3--wall .f,.ym-pin--main .b3--base .f{border-color:rgba(255,150,225,.75)}
/* 立体モデルがあるピンはラベルを建物の上に */
.ym-pin--3d .ym-card{bottom:var(--stand);min-width:0;padding:5px 10px}
.ym-pin--3d .ym-card::after{height:calc(var(--stand) - 10px);opacity:.5}
.ym-pin--3d em{width:22px;height:22px;left:-11px;top:-11px;opacity:.6}
.ym-pin--3d:hover .ym-model,.ym-pin--3d:focus-visible .ym-model{filter:brightness(1.35) drop-shadow(0 0 8px rgba(123,229,233,.8))}
@media(max-width:600px){.ym-model{transform:scale3d(.62,.62,.62)}.ym-pin--3d .ym-card{bottom:calc(var(--stand) * .62)}.ym-pin--3d .ym-card::after{height:calc(var(--stand) * .62 - 8px)}}
@media(prefers-reduced-motion:reduce){.ym-water{animation:none}}
/* 追加パーツ */
.b3--post .f{border-color:rgba(123,229,233,.8);background:rgba(18,56,66,.95)}
.b3--glass .f{border-color:#9ff4f7;background:linear-gradient(rgba(60,190,210,.35),rgba(20,80,100,.55)),repeating-linear-gradient(0deg,transparent 0 5px,rgba(170,250,255,.55) 5px 6px);box-shadow:0 0 8px rgba(123,229,233,.5)}
.b3--glass .t{background:rgba(120,230,240,.6)}
.b3--heartpanel .f{border-color:#ffd77a;background:rgba(40,24,10,.9)}
.b3--heartpanel .s{background:rgba(40,24,10,.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20s-7-4.4-7-9.2A3.6 3.6 0 0 1 12 8.6a3.6 3.6 0 0 1 7 2.2C19 15.6 12 20 12 20z' fill='%23ffd77a'/%3E%3C/svg%3E") center/80% no-repeat;box-shadow:0 0 12px rgba(255,215,122,.8)}
.b3--terrace .f{border-color:rgba(164,224,189,.55);background:rgba(18,40,30,.92)}
.b3--terrace .t{background:rgba(34,80,52,.92)}
.b3--teaRow .f{border-color:#a4e0bd;background:rgba(60,160,90,.85);box-shadow:0 0 5px rgba(164,224,189,.6)}
.b3--teaRow .t{background:linear-gradient(90deg,rgba(120,230,150,.95),rgba(70,180,110,.95))}
.b3--tea .f{border-color:#a4e0bd;background:rgba(80,190,120,.9);box-shadow:0 0 8px rgba(164,224,189,.8)}
.b3--mount .f{border-color:rgba(164,224,189,.7);background:rgba(16,44,40,.92)}
.b3--mount .t{background:linear-gradient(135deg,rgba(60,140,110,.9),rgba(24,70,60,.92))}
.b3--rock .f{border-color:rgba(220,235,239,.8);background:rgba(90,104,112,.92);box-shadow:0 0 6px rgba(220,235,239,.35)}
.b3--rock .t{background:rgba(150,166,172,.95)}
.b3--trunk .f{border-color:rgba(200,160,120,.8);background:rgba(70,44,30,.95)}
.b3--blossom .f{border-color:#ffc4ee;background:rgba(255,140,210,.75);box-shadow:0 0 8px rgba(255,150,220,.7)}
.b3--blossom .t{background:rgba(255,190,235,.9)}
.b3--plum .f{border-color:#fff0f7;background:rgba(255,210,230,.7);box-shadow:0 0 8px rgba(255,230,240,.7)}
.b3--plum .t{background:rgba(255,240,246,.92)}

/* ===== 建物：ホバーで「にょきっ」と出現 ===== */
.ym-model{transform-origin:0 0 0;transition:transform .55s cubic-bezier(.34,1.7,.5,1),opacity .3s}
@media(hover:hover) and (pointer:fine){
 .ym-pin--3d .ym-model{transform:scale3d(.35,.35,.02);opacity:.55;transition-duration:.35s}
 .ym-pin--3d:hover .ym-model,.ym-pin--3d:focus-visible .ym-model,.ym-pin--3d.is-up .ym-model{transform:scale3d(1,1,1);opacity:1;transition-duration:.6s}
 .ym-pin--3d .ym-card{transition:bottom .55s cubic-bezier(.34,1.7,.5,1),transform .25s,box-shadow .25s}
 .ym-pin--3d:not(:hover):not(:focus-visible):not(.is-up) .ym-card{bottom:22px}
 .ym-pin--3d:not(:hover):not(:focus-visible):not(.is-up) .ym-card::after{height:22px}
}
/* タッチ端末：画面に入ったら順番ににょきっと */
@media not all and (hover:hover){
 .ym-map:not(.is-grown) .ym-pin--3d .ym-model{transform:scale3d(.62,.62,.01)}
 .ym-map.is-grown .ym-pin--3d .ym-model{transition-delay:calc(var(--i,0) * 90ms)}
}
@media(prefers-reduced-motion:reduce){.ym-model{transition:none}}

/* ===== モーダル：記事ボタン ===== */
.ym-modal__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center}
.ym-modal__articles{padding:10px 20px;border-radius:999px;background:linear-gradient(90deg,#4ed8e5,#ff5fd2);color:#071116;font-size:13px;font-weight:700;text-decoration:none;box-shadow:0 0 18px rgba(78,216,229,.45);transition:transform .2s,box-shadow .2s}
.ym-modal__articles:hover{transform:translateY(-2px);box-shadow:0 0 26px rgba(255,95,210,.55)}
.ym-modal__articles small{font-weight:500;opacity:.8;margin-left:4px}
.ym-modal__note{flex-basis:100%;margin:0;text-align:right;font-size:11px;color:#8fa3a8}
.ym-modal__note:empty{display:none}
@media(max-width:600px){.ym-modal__actions{justify-content:stretch}.ym-modal__actions a{flex:1 1 100%;text-align:center}}
/* filterは3D表示を平面化するため、建物の発光は面側で行う */
.ym-pin--3d:hover .ym-model,.ym-pin--3d:focus-visible .ym-model{filter:none}
.ym-pin--3d:hover .b3 .f,.ym-pin--3d:focus-visible .b3 .f{box-shadow:0 0 10px rgba(123,229,233,.75)}

/* 追加モデル：朱塗り（鳥居・社殿）と水田 */
.b3--torii .f{border-color:#ffb199;background:rgba(214,58,38,.92);box-shadow:0 0 8px rgba(255,90,60,.55)}
.b3--torii .t{background:linear-gradient(135deg,#ff7a55,#c2361f)}
.b3--rice .f{border-color:rgba(190,240,150,.75);background:rgba(70,120,40,.9)}
.b3--rice .t{background:repeating-linear-gradient(90deg,rgba(150,210,90,.95) 0 2px,rgba(80,140,50,.95) 2px 4px)}

/* 15市町村に増えたので、ラベルは市町村名だけにして、名所名はホバー・フォーカス時に表示 */
.ym-pin .ym-card small{display:none}
.ym-pin:hover .ym-card small,.ym-pin:focus-visible .ym-card small,.ym-pin.is-up .ym-card small{display:block}
.ym-pin .ym-card{translate:var(--lx,0px) var(--ly,0px)}
.ym-pin:hover,.ym-pin:focus-visible{z-index:30}
@media(max-width:600px){.ym-pin--3d .ym-card{padding:3px 7px}.ym-card b{font-size:9.5px;letter-spacing:.04em}}
@media(max-width:600px){.ym-plane{width:88%}.ym-pin--3d .ym-card{padding:2px 5px}.ym-card b{font-size:8.5px;letter-spacing:.02em}}
.ym-modal__articles.is-empty{background:none;border:1px solid rgba(143,163,168,.45);color:#9fb0b5;box-shadow:none;font-weight:500;cursor:default;pointer-events:none}
/* ===== 軽量化（2026-11-06）=====
   建物は普段は描画しない（685面の3D描画をなくす）。ホバー／タップした1件だけ「ニョキッ」と出す */
.ym-map{--ym-ms:1}
@media(max-width:600px){.ym-map{--ym-ms:.62}}
.ym-pin--3d .ym-model{display:none}
.ym-pin--3d.is-up .ym-model{display:block;animation:ym-grow .6s cubic-bezier(.34,1.7,.5,1) both}
@media(hover:hover){.ym-pin--3d:hover .ym-model,.ym-pin--3d:focus-visible .ym-model{display:block;animation:ym-grow .6s cubic-bezier(.34,1.7,.5,1) both}}
@keyframes ym-grow{from{transform:scale3d(.3,.3,.02)}to{transform:scale3d(var(--ym-ms),var(--ym-ms),var(--ym-ms))}}
.ym-pin--3d.is-up .ym-model,.ym-pin--3d:hover .ym-model{opacity:1}
/* 盤面の格子は動かさない（毎フレーム3D盤面全体を描き直していたため） */
.ym-grid{animation:none}
/* 川の光は1重に */
.ym-river{filter:drop-shadow(0 0 4px rgba(255,95,210,.8))}
/* 画面外では残りのアニメーションも止める */
.ym-map:not(.is-live) .ym-river,.ym-map:not(.is-live) .ym-pin em,.ym-map:not(.is-live) .ym-hud--tr,.ym-map:not(.is-live) .ym-water{animation-play-state:paused}
.ym-pin--3d.is-up .ym-card{border-color:#ff5fd2;box-shadow:0 0 14px rgba(255,95,210,.55)}
@media(prefers-reduced-motion:reduce){.ym-pin--3d.is-up .ym-model,.ym-pin--3d:hover .ym-model{animation:none;transform:scale3d(var(--ym-ms),var(--ym-ms),var(--ym-ms))}}