/* SILKROAD_NEW_PLAYER_GUIDE_PATCH_v1.0 — one-time HUD + 长安 map tour. Sits above the scene and HUD (z 15) and below panels (20+),
   results, notices and modals, so an optional panel opened during the tour is fully usable; the overlay hides itself meanwhile. */
.guide-layer{position:absolute;inset:0;z-index:15;pointer-events:none;overflow:hidden}
.guide-layer[hidden]{display:none!important}
.guide-block{position:absolute;background:rgba(32,21,9,.5);pointer-events:auto}
.guide-block.guide-veil{background:rgba(32,21,9,.55)}
.guide-block.guide-cover{background:transparent}
.guide-spot{position:absolute;border-radius:12px;pointer-events:none;box-shadow:0 0 0 3px #f2cf7a,0 0 16px 4px rgba(255,217,122,.6);animation:guidePulse 1.3s ease-in-out infinite alternate}
.guide-card{position:absolute;pointer-events:auto;background:#f6ead0;border:1px solid #ae884b;border-radius:10px;box-shadow:0 8px 24px rgba(43,26,11,.38);color:var(--ink);padding:12px 14px 10px;font-size:14px;line-height:1.65}
.guide-card h3{margin:0 0 4px;font-family:serif;font-size:17px;letter-spacing:.12em;font-weight:600}
.guide-card .guide-copy{margin:0 0 4px}
.guide-card .guide-foot{display:flex;align-items:center;gap:8px;margin-top:8px}
.guide-card .guide-count{flex:1 1 auto;font-size:12px;color:var(--muted);letter-spacing:.06em}
.guide-card .ui-button{margin:0;min-height:40px;min-width:92px;flex:0 0 auto;width:auto}
.guide-card .text-button{margin:0;min-height:40px;padding:6px 8px;color:#745533;background:none;border:0;font-size:13px}
.guide-arrow{position:absolute;width:14px;height:14px;background:#f6ead0;border-left:1px solid #ae884b;border-top:1px solid #ae884b;transform:translateX(-50%) rotate(45deg)}
.guide-card.is-below .guide-arrow{top:-8px}
.guide-card.is-above .guide-arrow{bottom:-8px;transform:translateX(-50%) rotate(225deg)}
.guide-card.guide-entry,.guide-card.guide-finish{left:50%;top:50%;transform:translate(-50%,-50%);width:min(320px,calc(100% - 40px));text-align:center;padding:18px 16px 14px}
.guide-card.guide-entry h3{font-size:20px;margin-bottom:10px}
.guide-card .guide-actions{display:grid;gap:8px;margin-top:10px}
.guide-card .guide-actions .ui-button{width:100%;min-width:0}
@keyframes guidePulse{from{box-shadow:0 0 0 3px #f2cf7a,0 0 10px 2px rgba(255,217,122,.45)}to{box-shadow:0 0 0 3px #f2cf7a,0 0 22px 7px rgba(255,217,122,.75)}}
@media(prefers-reduced-motion:reduce){.guide-spot{animation:none}}