.room-story-path { height:930px; margin-top:10px; transform:none; }
.page-ai-notice { margin:0 0 8px !important; color:rgba(73,53,79,.76) !important; font:500 12px/1.4 Inter,system-ui,sans-serif !important; letter-spacing:0 !important; text-align:left; }
.map-intro h1 { margin-top:2px; }
.map-intro .map-purpose { margin:0 0 8px; color:#5e4565; font:600 14px/1.45 Inter,system-ui,sans-serif; }
.room-story-path .path-lines { z-index:1; }
.room-story-path .path-base { stroke:rgba(83,60,95,.28); stroke-width:5; }
.room-story-path .path-live { stroke:#fff4c6; stroke-width:5; stroke-dasharray:930; stroke-dashoffset:930; filter:drop-shadow(0 0 7px rgba(255,236,157,.95)); }
.room-route-card { display:block; width:176px; min-height:232px; padding:7px; border-radius:25px; text-align:center; background:rgba(55,37,67,.34); }
.room-route-card .card-art { width:100%; height:158px; border-radius:19px 19px 8px 8px; }
.room-route-card .card-copy { padding:9px 7px 5px; }
.room-route-card .card-copy strong { margin:4px 0; color:#4b354f; font-size:18px; }
.room-route-card .node-state { position:absolute; top:10px; right:10px; min-width:52px; padding:5px 7px; background:rgba(255,245,231,.9); font-size:10px; line-height:1.15; }
.route-oracle { top:5px; left:14px; }
.route-guide { top:225px; right:14px; }
.route-detective { top:445px; left:14px; }
.route-room { top:665px; right:14px; }
.room-route-card.current::after { content:"PLAY"; position:absolute; right:12px; bottom:10px; color:#765678; font-size:6px; font-weight:900; letter-spacing:.12em; }
.room-route-card.locked { opacity:.38; filter:grayscale(.4) saturate(.3); }
.room-route-card.complete { opacity:1; }
@media(max-width:380px) {
  .room-story-path { transform:none; margin-bottom:26px; }
  .room-route-card { width:164px; }
  .room-route-card .card-art { height:150px; }
  .route-oracle,.route-detective { left:10px; }
  .route-guide,.route-room { right:10px; }
}