/* ★v574 주차 레이더 창 시그니처 스킨 — 대장 검토 확정안(09-18 01시 pane 시연 그대로).
   반투명 세이지 패널(바탕 0.80→0.76) · 마스코트 배지+워드마크 · 2.5D 층 카드(지상=하늘·잔디·날씨, 지하=콘크리트·형광등) ·
   회전 레이더(옅은 흰빛)+위아래 초록 스캔 띠 · 상태 문구 연주황 · 안내 줄 연민트. 기존 레이더 로직/DOM은 그대로, 위에 얹는다. */
.rs-overlay.rs-guidance.pkr{background:rgba(20,30,26,.06);backdrop-filter:none;-webkit-backdrop-filter:none}
.rs-overlay.rs-guidance.pkr .rs-card{background:linear-gradient(180deg,rgba(24,58,44,.68),rgba(24,58,44,.64));border:2px solid rgba(134,214,170,.95);border-radius:24px;box-shadow:0 10px 26px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.2);color:#fff;opacity:1;padding:12px 14px;text-align:left;max-width:360px;box-sizing:border-box;display:flex;flex-direction:column;min-width:0}
.rs-overlay.rs-guidance.pkr .rs-head,.rs-overlay.rs-guidance.pkr .rs-close{display:none}
.pkr-head{display:flex;align-items:center;gap:8px;flex:none;min-width:0;padding:2px 2px 8px;font-family:-apple-system,system-ui,sans-serif;opacity:1}   /* v620: repeated alpha no longer fades the title. */
.pkr-head .pkr-dot{flex:none;width:10px;height:10px;border-radius:50%;background:#fff;opacity:.8;box-shadow:0 0 0 0 rgba(255,255,255,.6);animation:pkrPulse 1.2s ease-out infinite}
@keyframes pkrPulse{to{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
.pkr-head img{flex:none;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.55);opacity:.9;transform:rotate(-6deg);box-shadow:0 4px 0 rgba(0,0,0,.25),0 6px 12px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.4)}
.pkr-head .pkr-wm{min-width:0;display:flex;flex-direction:column;line-height:1;opacity:1}
.pkr-head .pkr-wm b{font-size:15px;color:#fff;letter-spacing:-.3px;text-shadow:0 2px 4px rgba(0,0,0,.5)}
.pkr-head .pkr-wm small{font-size:10px;font-weight:800;color:#e3fbec;margin-top:3px;letter-spacing:.4px;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.pkr-head .pkr-stage{flex:1;min-width:0;overflow-wrap:anywhere;text-align:right;font-size:15px;font-weight:800;color:#e3fbec;padding-right:4px;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.pkr-head .pkr-x{flex:0 0 48px;min-width:48px;min-height:48px;width:48px;height:48px;padding:0;box-sizing:border-box;border:0;background:transparent;color:#fff;font-size:22px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.55);border-radius:24px}
.pkr-scan{position:relative;margin:2px 0 6px;border-radius:16px;border:1px solid rgba(134,214,170,.35);background:rgba(0,0,0,.04);isolation:isolate;perspective:700px;min-height:100px;max-height:164px;box-sizing:border-box;flex:0 1 auto;overflow:hidden}
.pkr-zones{position:relative;display:grid;gap:8px;padding:8px 18px;max-height:162px;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.38) transparent;z-index:1}
.pkr-z{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:0 14px 0 70px;border-radius:12px;border:1.5px solid rgba(255,255,255,.55);color:#fff;font-size:17px;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.6);box-shadow:0 3px 0 rgba(0,0,0,.18),0 6px 10px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.3);overflow:hidden}
.pkr-z:before{content:attr(data-floor);position:absolute;left:0;top:0;bottom:0;width:58px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:#fff;border-right:1.5px solid rgba(255,255,255,.35);border-radius:12px 0 0 12px;text-shadow:0 2px 3px rgba(0,0,0,.6)}
.pkr-z.ground{background:linear-gradient(180deg,rgba(176,220,255,.18) 0%,rgba(230,244,255,.12) 52%,rgba(120,190,110,.16) 78%,rgba(90,160,85,.18) 100%);border-color:rgba(255,255,255,.75)}
.pkr-z.ground:before{background:rgba(255,255,255,.16);color:#1f3d2a;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.pkr-z.under{background:linear-gradient(180deg,rgba(52,58,64,.20) 0%,rgba(38,42,48,.17) 60%,rgba(22,26,30,.18) 100%);border-color:rgba(160,170,180,.45);box-shadow:inset 0 3px 0 rgba(255,255,255,.10),0 4px 0 rgba(0,0,0,.30),0 8px 12px rgba(0,0,0,.25)}
.pkr-z.under.deep{background:linear-gradient(180deg,rgba(40,44,50,.26) 0%,rgba(26,30,34,.22) 60%,rgba(14,16,20,.24) 100%)}
.pkr-z.under:before{background:rgba(0,0,0,.14);border-right-color:rgba(255,255,255,.2)}
.pkr-z.under:after{content:"";position:absolute;left:68px;right:72px;top:6px;height:6px;background:radial-gradient(circle at 3px 3px,rgba(255,244,200,.95) 0 2px,rgba(255,244,200,0) 3px) 0 0/26px 6px repeat-x;opacity:.7;pointer-events:none}
.pkr-z.pick{background:linear-gradient(180deg,rgba(74,222,128,.34),rgba(34,160,90,.30))!important;border-color:rgba(134,240,170,.95)!important;box-shadow:0 5px 0 rgba(22,120,60,.55),0 10px 20px rgba(34,197,94,.35),inset 0 1px 0 rgba(255,255,255,.5)!important}
.pkr-z .pkr-chip{font-size:13px;font-weight:900;color:#fff;padding:5px 10px;border-radius:999px;background:rgba(107,114,128,.72);box-shadow:0 2px 0 rgba(0,0,0,.18);text-shadow:none}
.pkr-z .pkr-chip.busy{background:rgba(245,158,11,.78)}
.pkr-z .pkr-chip.pick{background:rgba(22,163,74,.78)}
.pkr-z .pkr-name{flex:1;min-width:0;overflow:hidden;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.15;word-break:keep-all;padding-right:8px}
.pkr-ground{position:absolute;left:8px;right:8px;height:6px;background:linear-gradient(180deg,#7fc26a 0 2px,#8b6a3e 2px 100%);opacity:.6;z-index:2;pointer-events:none;border-radius:2px}
.pkr-pillar{position:absolute;top:6px;bottom:6px;width:12px;border-radius:4px;background:linear-gradient(90deg,rgba(230,232,235,.6),rgba(200,205,210,.3) 45%,rgba(0,0,0,.25));box-shadow:0 0 0 1px rgba(255,255,255,.2);opacity:.5;z-index:2;pointer-events:none}
.pkr-pillar.l{left:8px}.pkr-pillar.r{right:8px}
.pkr-radar{position:absolute;left:50%;top:50%;height:min(148px,calc(100% - 16px));width:auto;max-width:calc(100% - 20px);aspect-ratio:1/1;box-sizing:border-box;border-radius:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}
.pkr-radar.cross{border:1.5px solid rgba(255,255,255,.22);background:linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)) center/100% 1px no-repeat,linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)) center/1px 100% no-repeat}
.pkr-radar.cross:before{content:"";position:absolute;left:50%;top:50%;width:33%;height:33%;border-radius:50%;border:1.5px solid rgba(255,255,255,.22);transform:translate(-50%,-50%)}
.pkr-radar.cross:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px rgba(255,255,255,.6);transform:translate(-50%,-50%)}
.pkr-radar.ring{border:2px solid rgba(255,255,255,.35);animation:pkrRing 3.2s ease-out infinite}
.pkr-radar.ring.r2{animation-delay:1.6s}
.pkr-radar.sweep{background:conic-gradient(from 0deg,rgba(255,255,255,0) 0deg,rgba(255,255,255,0) 270deg,rgba(220,235,255,.24) 330deg,rgba(235,245,255,.52) 360deg);animation:pkrSpin 3.2s linear infinite;-webkit-mask:radial-gradient(circle,#000 0 62%,transparent 63%);mask:radial-gradient(circle,#000 0 62%,transparent 63%)}
@keyframes pkrSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes pkrRing{0%{transform:translate(-50%,-50%) scale(.35);opacity:.9}100%{transform:translate(-50%,-50%) scale(1.15);opacity:0}}
.pkr-beam{position:absolute;left:0;right:0;height:10px;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(74,222,128,.15),#4ade80,rgba(74,222,128,.15));box-shadow:0 0 14px 4px rgba(74,222,128,.45);animation:pkrScanY 4.6s ease-in-out infinite}
.pkr-beam:after{content:"";position:absolute;left:0;right:0;top:10px;height:70px;background:linear-gradient(180deg,rgba(74,222,128,.30),rgba(74,222,128,0))}
@keyframes pkrScanY{0%{top:0}50%{top:calc(100% - 10px)}100%{top:0}}
.pkr-scan.idle .pkr-radar.sweep{animation-duration:5s}
.pkr-scan.idle .pkr-beam{opacity:.85}
/* 지상 칸 날씨 */
.pkr-wx{position:absolute;inset:0;pointer-events:none;border-radius:inherit}
.pkr-wx .sky{position:absolute;inset:0;transition:background .6s}
.pkr-wx.night .sky{background:linear-gradient(180deg,rgba(20,30,70,.55),rgba(30,40,80,.35) 55%,rgba(40,90,60,.30) 78%,rgba(30,70,45,.34))}
.pkr-wx.cloudy .sky{background:linear-gradient(180deg,rgba(150,160,175,.40),rgba(200,205,215,.22) 55%,rgba(110,160,100,.16) 78%,rgba(90,140,80,.20))}
.pkr-wx.rain .sky,.pkr-wx.thunder .sky{background:linear-gradient(180deg,rgba(90,105,130,.50),rgba(140,155,175,.30) 55%,rgba(80,130,80,.22) 78%,rgba(60,110,65,.26))}
.pkr-wx.snow .sky{background:linear-gradient(180deg,rgba(200,210,225,.45),rgba(235,240,248,.30) 55%,rgba(225,232,238,.36) 78%,rgba(215,225,232,.40))}
.pkr-wx .orb{position:absolute;right:86px;top:7px;width:20px;height:20px;border-radius:50%}
.pkr-wx.day .orb{background:radial-gradient(circle,#fff3a3 0 40%,rgba(255,220,120,.6) 60%,rgba(255,220,120,0) 72%);box-shadow:0 0 14px 4px rgba(255,225,130,.45)}
.pkr-wx.night .orb{background:radial-gradient(circle at 35% 35%,#fff9d6 0 45%,rgba(255,249,214,.3) 62%,rgba(255,249,214,0) 72%);box-shadow:0 0 12px 3px rgba(255,249,214,.35)}
.pkr-wx.cloudy .orb,.pkr-wx.rain .orb,.pkr-wx.snow .orb,.pkr-wx.thunder .orb{opacity:.35}
.pkr-wx .cloud{position:absolute;right:110px;top:9px;width:38px;height:14px;border-radius:14px;background:rgba(255,255,255,.75);box-shadow:12px -6px 0 -2px rgba(255,255,255,.75),-10px -4px 0 -3px rgba(255,255,255,.7);display:none;animation:pkrCloud 6s ease-in-out infinite alternate}
@keyframes pkrCloud{to{transform:translateX(18px)}}
.pkr-wx.cloudy .cloud,.pkr-wx.rain .cloud,.pkr-wx.snow .cloud,.pkr-wx.thunder .cloud{display:block}
.pkr-wx .fall{position:absolute;inset:0;display:none}
.pkr-wx.rain .fall,.pkr-wx.thunder .fall{display:block;background:repeating-linear-gradient(115deg,rgba(255,255,255,0) 0 14px,rgba(200,225,255,.85) 14px 16px,rgba(255,255,255,0) 16px 30px);background-size:60px 120px;animation:pkrRain .6s linear infinite;opacity:.8}
@keyframes pkrRain{to{background-position:-60px 120px}}
.pkr-wx.snow .fall{display:block;background:radial-gradient(circle,rgba(255,255,255,.95) 0 2px,transparent 3px) 0 0/34px 34px,radial-gradient(circle,rgba(255,255,255,.7) 0 1.5px,transparent 2.5px) 17px 17px/46px 46px;animation:pkrSnow 4s linear infinite}
@keyframes pkrSnow{to{background-position:20px 140px,-30px 160px}}
.pkr-wx .flash{position:absolute;inset:0;background:rgba(255,255,240,.9);opacity:0;display:none}
.pkr-wx.thunder .flash{display:block;animation:pkrFlash 4s linear infinite}
@keyframes pkrFlash{0%,88%,100%{opacity:0}90%,94%{opacity:.85}}
.pkr-wxTag{position:absolute;right:10px;top:5px;font-size:11px;font-weight:900;color:#fff;background:rgba(0,0,0,.26);padding:2px 8px;border-radius:999px;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:3}
/* 기존 결과 카드(.rc) 재도색 — 상태=연주황(0.78), 안내=연민트, 본문 흰색 */
.rs-overlay.rs-guidance.pkr .rc{color:#fff}
.rs-overlay.rs-guidance.pkr .rc-scan-status{color:rgba(255,184,148,.78);text-shadow:0 2px 4px rgba(0,0,0,.45);font-weight:900}
.rs-overlay.rs-guidance.pkr .rc-scan-status small{color:#e3fbec;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.rs-overlay.rs-guidance.pkr .rc-scan-icon{border-color:#e3fbec}
.rs-overlay.rs-guidance.pkr .rc h3,.rs-overlay.rs-guidance.pkr .rc p,.rs-overlay.rs-guidance.pkr .rc li,.rs-overlay.rs-guidance.pkr .rc summary,.rs-overlay.rs-guidance.pkr .rc-evidence-summary span{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.rs-overlay.rs-guidance.pkr .rc-plan{background:rgba(255,255,255,.55);opacity:.9}
.rs-overlay.rs-guidance.pkr .rc-actions button,.rs-overlay.rs-guidance.pkr .rc .btn-no,.rs-overlay.rs-guidance.pkr .rc .btn-yes{background:rgba(255,255,255,.85);color:#1d2b24;border:0;border-radius:14px;font-weight:800;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.rs-overlay.rs-guidance.pkr .rc-note,.rs-overlay.rs-guidance.pkr .rc-evidence-summary{background:rgba(255,255,255,.10);border-radius:12px;padding:8px 10px}
@media(prefers-reduced-motion:reduce){.pkr-beam,.pkr-radar.ring,.pkr-radar.sweep,.pkr-head .pkr-dot,.pkr-wx .fall,.pkr-wx .cloud,.pkr-wx .flash{animation:none!important}.pkr-beam{top:40%}}
/* ★v579 7가지 상황 — 틀·마스코트·레이더는 공통, 테두리·스캔 빛·행 재질만 갈린다. --pkrA = 상황 색(R,G,B). */
.rs-overlay.rs-guidance.pkr{--pkrA:74,222,128}
.rs-overlay.rs-guidance.pkr .pkr-beam{background:linear-gradient(90deg,rgba(var(--pkrA),.15),rgb(var(--pkrA)),rgba(var(--pkrA),.15));box-shadow:0 0 14px 4px rgba(var(--pkrA),.45)}
.rs-overlay.rs-guidance.pkr .pkr-beam:after{background:linear-gradient(180deg,rgba(var(--pkrA),.30),rgba(var(--pkrA),0))}
/* 불투명도(대장 지적): 카드·결과 상자·요약·배치도 전부 반투명 — app-native.css 의 !important 를 이긴다 */
.rs-overlay.rs-guidance.pkr .rs-card{max-height:min(360px,48dvh)!important;max-width:min(360px,100%);overflow:hidden}
/* mock 확정안(대장 "글밥 금지·운전 중 직관"): 층 카드 아래는 상태 한 줄만. 제목·본문·배치도·요약 위젯·근거·안내문은 접고,
   상세는 '다른 구획·크게 보기' 한 줄(접힘)로만 남긴다 — 삭제가 아니라 한 탭 뒤로. */
.rs-overlay.rs-guidance.pkr .rc>*:not(.rc-scan-status):not(.rc-optional){display:none!important}
.rs-overlay.rs-guidance.pkr .rc-scan-status{display:flex;align-items:center;gap:8px;margin:2px 2px 4px;font-size:16px;line-height:1.25}
.rs-overlay.rs-guidance.pkr .rc-scan-status>span:not(.rc-scan-icon){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rs-overlay.rs-guidance.pkr .rc-scan-status small{display:none}
.rs-overlay.rs-guidance.pkr .rc-scan-icon{width:26px;height:26px;flex:none;border-width:2px}
.rs-overlay.rs-guidance.pkr .rc-scan-icon:before,.rs-overlay.rs-guidance.pkr .rc-scan-icon:after{display:none}
.rs-overlay.rs-guidance.pkr .rc-optional{margin:0}
.rs-overlay.rs-guidance.pkr .rc-optional>summary{font-size:13px;font-weight:800;color:#e3fbec;opacity:.85;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.rs-overlay.rs-guidance.pkr .rc-optional[open] .rc-actions{display:flex;gap:8px;margin-top:8px}
.rs-overlay.rs-guidance.pkr .rs-card{background:linear-gradient(180deg,rgba(24,58,44,.68),rgba(24,58,44,.64))!important}
.rs-overlay.rs-guidance.pkr .rc{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;box-shadow:none!important}
.rs-overlay.rs-guidance.pkr .rc-radar-summary{background:rgba(25,52,77,.30)!important;color:#fff!important}
.rs-overlay.rs-guidance.pkr .rc-radar-summary p,.rs-overlay.rs-guidance.pkr .rc-radar-summary strong{color:#fff!important}
.rs-overlay.rs-guidance.pkr .rc-radar-summary>div:not(.rc-radar-orbit){background:transparent!important}
.rs-overlay.rs-guidance.pkr .rc-plan{background:rgba(255,255,255,.26)!important;opacity:.9}
/* 2 주택가 town — 황금 흙빛·도로 띠(중앙 점선) */
.rs-overlay.rs-guidance.pkr.pkr-town{--pkrA:250,204,21}
.rs-overlay.rs-guidance.pkr.pkr-town .rs-card{border-color:rgba(201,162,39,.95);background:linear-gradient(180deg,rgba(70,60,30,.68),rgba(70,60,30,.64))!important}
.rs-overlay.rs-guidance.pkr.pkr-town .pkr-scan{border-color:rgba(201,162,39,.4)}
.rs-overlay.rs-guidance.pkr.pkr-town .rc-scan-status{color:rgba(255,226,150,.9)}
.pkr-z.town{background:linear-gradient(180deg,rgba(44,48,58,.60),rgba(36,40,48,.50)),linear-gradient(90deg,transparent 0 14px,rgba(255,255,255,.55) 14px 34px);background-size:auto,48px 3px;background-repeat:no-repeat,repeat-x;background-position:0 0,72px 50%;border-color:rgba(201,162,39,.6);padding-left:64px}
.pkr-z.town:before{width:52px;background:rgba(201,162,39,.30);font-size:13px}
.pkr-z.town.pick{border-color:rgba(134,240,170,.9)!important}
/* 3 골목 alley — 호박·좁은 길(양옆 벽돌담)·규정 행 */
.rs-overlay.rs-guidance.pkr.pkr-alley{--pkrA:251,191,36}
.rs-overlay.rs-guidance.pkr.pkr-alley .rs-card{border-color:rgba(240,163,42,.95);background:linear-gradient(180deg,rgba(74,52,20,.68),rgba(74,52,20,.64))!important}
.rs-overlay.rs-guidance.pkr.pkr-alley .pkr-scan{border-color:rgba(240,163,42,.4)}
.rs-overlay.rs-guidance.pkr.pkr-alley .pkr-zones{margin:0 14px}
.rs-overlay.rs-guidance.pkr.pkr-alley .rc-scan-status{color:rgba(255,214,150,.9)}
.pkr-wall{position:absolute;top:8px;bottom:8px;width:9px;border-radius:4px;background:repeating-linear-gradient(0deg,rgba(150,96,60,.55) 0 8px,rgba(60,40,28,.55) 8px 10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);z-index:1;pointer-events:none}
.pkr-wall.l{left:2px}.pkr-wall.r{right:2px}
.pkr-z.alley{background:linear-gradient(180deg,rgba(139,106,62,.30),rgba(120,90,50,.20));border-color:rgba(240,163,42,.6);padding-left:54px}
.pkr-z.alley:before{width:44px;background:rgba(240,163,42,.26);font-size:13px}
.pkr-z.rule{background:rgba(71,85,105,.40);border-color:rgba(148,163,184,.55);padding-left:54px;min-height:40px}
.pkr-z.rule:before{width:44px;background:rgba(100,116,139,.55);font-size:13px}
.pkr-z .pkr-chip.rule{background:rgba(148,163,184,.68);color:#0f172a;text-shadow:none}
/* 4 주차장 lot — 파랑·요금/운영/높이/결제 */
.rs-overlay.rs-guidance.pkr.pkr-lot{--pkrA:96,165,250}
.rs-overlay.rs-guidance.pkr.pkr-lot .rs-card{border-color:rgba(127,168,255,.95);background:linear-gradient(180deg,rgba(20,40,80,.68),rgba(20,40,80,.64))!important}
.rs-overlay.rs-guidance.pkr.pkr-lot .pkr-scan{border-color:rgba(127,168,255,.4)}
.rs-overlay.rs-guidance.pkr.pkr-lot .rc-scan-status{color:rgba(191,219,254,.9)}
.pkr-z.lot{background:linear-gradient(180deg,rgba(59,130,246,.22),rgba(37,99,235,.14));border-color:rgba(127,168,255,.6);padding-left:64px;min-height:46px}
.pkr-z.lot:before{width:52px;background:rgba(59,130,246,.28);font-size:13px}
.pkr-z.lot.pick{background:linear-gradient(180deg,rgba(74,222,128,.30),rgba(34,160,90,.26))!important;border-color:rgba(134,240,170,.9)!important}
/* 5 사설·부설 건물 주차장 attached — 보라·이용 조건/문의/출처 */
.rs-overlay.rs-guidance.pkr.pkr-attached{--pkrA:167,139,250}
.rs-overlay.rs-guidance.pkr.pkr-attached .rs-card{border-color:rgba(167,139,250,.95);background:linear-gradient(180deg,rgba(50,30,90,.68),rgba(50,30,90,.64))!important}
.rs-overlay.rs-guidance.pkr.pkr-attached .pkr-scan{border-color:rgba(167,139,250,.4)}
.rs-overlay.rs-guidance.pkr.pkr-attached .rc-scan-status{color:rgba(221,214,254,.92)}
.pkr-z.attached{background:linear-gradient(180deg,rgba(124,58,237,.24),rgba(91,33,182,.16));border-color:rgba(167,139,250,.6);padding-left:64px;min-height:46px}
.pkr-z.attached:before{width:52px;background:rgba(124,58,237,.32);font-size:13px}
.pkr-z.attached.pick{background:linear-gradient(180deg,rgba(74,222,128,.30),rgba(34,160,90,.26))!important;border-color:rgba(134,240,170,.9)!important}
/* 6 흰선 허용 구간 line — 흰 테두리·노면 흰 실선 */
.rs-overlay.rs-guidance.pkr.pkr-line{--pkrA:236,253,245}
.rs-overlay.rs-guidance.pkr.pkr-line .rs-card{border-color:rgba(255,255,255,.95);background:linear-gradient(180deg,rgba(30,40,36,.68),rgba(30,40,36,.64))!important}
.rs-overlay.rs-guidance.pkr.pkr-line .pkr-scan{border-color:rgba(255,255,255,.45)}
.rs-overlay.rs-guidance.pkr.pkr-line .rc-scan-status{color:rgba(236,253,245,.92)}
.pkr-whiteline{position:absolute;top:10px;bottom:10px;left:14px;width:5px;background:#fff;border-radius:3px;box-shadow:0 0 10px rgba(255,255,255,.6);z-index:1;pointer-events:none}
.rs-overlay.rs-guidance.pkr.pkr-line .pkr-zones{margin-left:26px}
.pkr-z.line{background:linear-gradient(180deg,rgba(44,48,58,.62),rgba(36,40,48,.52));border-color:rgba(255,255,255,.7);padding-left:64px;box-shadow:inset 4px 0 0 #fff}
.pkr-z.line:before{width:52px;background:rgba(255,255,255,.22);font-size:13px}
.pkr-z.line.pick{border-color:rgba(134,240,170,.9)!important;box-shadow:inset 4px 0 0 #fff,0 0 0 1px rgba(134,240,170,.5)}
/* 7 길가 임시 정차 temp — 노랑 해저드·5분 규정 */
.rs-overlay.rs-guidance.pkr.pkr-temp{--pkrA:251,191,36}
.rs-overlay.rs-guidance.pkr.pkr-temp .rs-card{border-color:rgba(251,191,36,.95);background:linear-gradient(180deg,rgba(80,60,10,.68),rgba(80,60,10,.64))!important}
.rs-overlay.rs-guidance.pkr.pkr-temp .pkr-scan{border-color:rgba(251,191,36,.6);border-image:repeating-linear-gradient(135deg,rgba(251,191,36,.9) 0 10px,rgba(30,30,30,.9) 10px 20px) 2}
.rs-overlay.rs-guidance.pkr.pkr-temp .rc-scan-status{color:rgba(255,226,150,.92)}
.pkr-z.temp{background:repeating-linear-gradient(135deg,rgba(251,191,36,.22) 0 10px,rgba(251,191,36,.08) 10px 20px);border-color:rgba(251,191,36,.85);padding-left:64px;font-size:14px}
.pkr-z.temp:before{width:52px;background:rgba(251,191,36,.35);color:#1d2b24;text-shadow:none;font-size:13px}
.pkr-z .pkr-chip.warn{background:rgba(245,158,11,.85);color:#1d2b24;text-shadow:none}
.pkr-z.lot .pkr-name,.pkr-z.attached .pkr-name,.pkr-z.town .pkr-name,.pkr-z.alley .pkr-name,.pkr-z.line .pkr-name,.pkr-z.rule .pkr-name,.pkr-z.temp .pkr-name{white-space:normal;font-size:14px;line-height:1.25;letter-spacing:-.2px}

/* Respect reduced motion even while the parent is loading the optional attention module. */
@media (prefers-reduced-motion: reduce) {
  .rs-overlay.rs-guidance.pkr,.rs-overlay.rs-guidance.pkr *,
  .rs-overlay.rs-guidance.pkr *::before,.rs-overlay.rs-guidance.pkr *::after {
    animation:none!important;transition:none!important;
  }
  .rs-overlay.rs-guidance.pkr.on .rs-card {transform:none!important}
}

/* Keep the close/header visible while longer recommendation details scroll within the panel. */
.rs-overlay.rs-guidance.pkr #rsResult{min-height:0;flex:0 1 auto;overflow-y:auto;overscroll-behavior:contain}