/* Attention only: opening/closing and the arrival radius remain owned by the caller. */
.rs-overlay.rs-guidance.pkr.pka-attention.on .rs-card {
  border-color:var(--pka-frame-color,#86d6aa);
  animation:pkaSlideIn .35s ease-out both;
}
.rs-overlay.rs-guidance.pkr.pka-attention.on[data-pka-blink="true"] .rs-card {
  animation:pkaSlideIn .35s ease-out both,pkaFramePulse 2s ease-in-out infinite;
}
@keyframes pkaSlideIn {
  from {transform:translateY(48px)}
  to {transform:translateY(0)}
}
@keyframes pkaFramePulse {
  0%,100% {border-color:var(--pka-frame-color,#86d6aa)}
  50% {border-color:var(--pka-frame-soft,rgba(134,214,170,.48))}
}
@media (prefers-reduced-motion: reduce) {
  .rs-overlay.rs-guidance.pkr.pka-attention,
  .pka-attention *, .pka-attention *::before, .pka-attention *::after {
    animation:none!important;transition:none!important;
  }
  .rs-overlay.rs-guidance.pkr.pka-attention.on .rs-card {transform:none!important}
}
/* Native payload can request less motion even when the WebView does not expose OS media state. */
.rs-overlay.rs-guidance.pkr.pka-attention[data-pka-reduced-motion="true"],
.pka-attention[data-pka-reduced-motion="true"] *,
.pka-attention[data-pka-reduced-motion="true"] *::before,
.pka-attention[data-pka-reduced-motion="true"] *::after {
  animation:none!important;transition:none!important;
}
.rs-overlay.rs-guidance.pkr.pka-attention.on[data-pka-reduced-motion="true"] .rs-card {transform:none!important}
/* A single light surface: the host app does not switch with the OS theme. */
.pka-settings {margin:16px 0 0;padding:0;border:0;border-radius:0;background:transparent;color:#302d2a;min-width:0;max-width:100%;font:inherit;color-scheme:light;overflow:visible}
.pka-settings * {box-sizing:border-box}
.pka-settings .pka-heading {padding:8px 0 14px}
.pka-settings .pka-heading>span {font-size:12px;color:#86513e;font-weight:700}
.pka-settings .pka-heading h3 {margin:5px 0;font-size:22px;line-height:1.35;color:#302d2a}
.pka-settings .pka-heading p {margin:0;font-size:14px;color:#665e57;line-height:1.6}
.pka-settings .pka-preview-wrap {padding:14px;background:#eee8e1;border-radius:18px;margin-bottom:16px}
.pka-settings .pka-preview-caption {display:block;font-size:12px;line-height:1.5;color:#665e57;margin-bottom:10px}
.pka-settings .pka-preview {display:flex;gap:10px;align-items:center;padding:15px 12px;border:3px solid var(--pka-frame-color);background:#fffdf9;border-radius:17px;box-shadow:0 5px 14px #40332b0d;min-width:0}
.pka-settings .pka-preview[data-pka-blink="true"] {animation:pkaFramePulse 2s ease-in-out infinite}
.pka-settings .pka-preview>div {min-width:0;flex:1}
.pka-settings .pka-preview b {display:block;font-size:16px;line-height:1.45;color:#302d2a}
.pka-settings .pka-preview span:not(.pka-preview-icon) {display:block;font-size:13px;line-height:1.5;color:#524b45}
.pka-settings .pka-preview small {font-size:12px;margin-top:4px;color:#665e57!important}
.pka-settings .pka-preview-icon {display:grid;place-items:center;flex:0 0 34px;height:38px;border-radius:12px;background:#eee5dc;color:#79513e;font-size:23px;font-weight:800}
.pka-settings .pka-preview i {font-style:normal;color:#79513e;font-size:22px}
.pka-settings .pka-setting-group {padding:4px 15px 10px;background:#fffdf9;border:1px solid #ded5cb;border-radius:18px;margin-top:12px}
.pka-settings h4 {font-size:14px;color:#79513e;margin:12px 0 2px}
.pka-settings .pka-setting {display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:10px 0;margin:0;font-size:16px;line-height:1.45;border-bottom:1px solid #eee6de;cursor:pointer;color:#302d2a}
.pka-settings .pka-setting>span:first-child {min-width:0;flex:1}
.pka-settings .pka-setting:last-child {border-bottom:0}
.pka-settings small,.pka-settings .pka-note {display:block;color:#665e57!important;font-size:13px;line-height:1.55;font-weight:400}
.pka-settings .pka-setting small {margin-top:4px}
.pka-settings .pka-note {margin:8px 0 0}
.pka-settings .pka-save {text-align:center;margin-top:12px}
.pka-settings select,.pka-settings input[type="color"] {min-height:48px;max-width:48%;border:1px solid #b9aca0;border-radius:11px;padding:7px 10px;background:#fffdf9;color:#302d2a;font:inherit;font-size:16px;box-shadow:none;flex-shrink:0}
.pka-settings .pka-switch {position:relative;flex:0 0 48px;text-align:center;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.pka-settings .pka-switch input {position:absolute;width:48px;height:52px;inset:0;margin:0;opacity:0;cursor:pointer;z-index:1}
.pka-settings .pka-switch i {display:block;width:44px;height:27px;border-radius:18px;background:#8b8178;padding:3px;transition:background .15s}
.pka-settings .pka-switch i:after {content:'';display:block;width:21px;height:21px;border-radius:50%;background:#fffdf9;box-shadow:0 1px 3px #0002;transition:transform .15s}
.pka-settings .pka-switch input:checked+i {background:#92563d}
.pka-settings .pka-switch input:checked+i:after {transform:translateX(17px)}
.pka-settings .pka-switch input:focus-visible+i {outline:3px solid #92563d;outline-offset:3px}
.pka-settings .pka-switch small {font-size:11px;line-height:1.2;margin-top:5px}
.pka-settings input[type="range"] {width:100%;min-height:44px;margin:5px 0 0;accent-color:#92563d;background:transparent}
.pka-settings .pka-gain {display:block;border-bottom:0}
.pka-settings output {float:right;color:#79513e;font-variant-numeric:tabular-nums;font-weight:700}
.pka-settings .pka-range-labels {display:flex;justify-content:space-between}
.pka-settings .pka-range-labels small {margin:0;font-size:12px}
.pka-settings :focus-visible {outline:2px solid #92563d;outline-offset:3px}
.pka-settings [hidden] {display:none!important}
@media(prefers-reduced-motion:reduce){.pka-settings *, .pka-settings *:after{animation:none!important;transition:none!important}}
/* Arrival guidance slides above the app tab bar without covering the route header. */
.rs-overlay.rs-guidance.pkr.pka-attention {
  align-items:flex-end!important;
  justify-content:center;
  left:0;right:auto;width:100vw;
  box-sizing:border-box;
  padding:0 12px calc(94px + env(safe-area-inset-bottom,0px))!important;
}
.rs-overlay.rs-guidance.pkr.pka-attention .rs-card {width:100%;margin:0 auto}
/* Callers opt in with measured lifecycle state; visual expansion never ends a trip. */
.rs-overlay.rs-guidance.pkr.pka-attention[data-pka-mode] .rs-card {transition:height .35s ease,max-width .35s ease}
.rs-overlay.rs-guidance.pkr.pka-attention[data-pka-mode="expanded"][data-pka-host="screen"] .rs-card {height:66.6667dvh;max-height:66.6667dvh!important;max-width:560px}
.pka-scene{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8px 14px;gap:1px;color:#fff;pointer-events:none;background:linear-gradient(115deg,#183b38b0,#14343312)}
.pka-scene .pka-category{font-size:12px;line-height:1.4;font-weight:700}.pka-scene>strong{font-size:38px;line-height:1;font-weight:800;letter-spacing:-1px}.pka-scene>small{font-size:12px;line-height:1.4}.pka-scene .pka-scene-basis{font-size:10px;color:#e1eee9}
.pka-scene[data-floor-kind="basement"]{background:repeating-linear-gradient(0deg,transparent 0 28px,#bccfe616 28px 30px),linear-gradient(115deg,#25394db0,#16313a18)}
.pka-scene[data-floor-kind="basement"]:after{content:'';position:absolute;right:15%;top:20%;width:25%;height:60%;border-left:3px solid #cbd6dc88;border-right:3px solid #cbd6dc88;transform:skewY(-12deg);background:repeating-linear-gradient(0deg,transparent 0 23%,#cbd6dc66 24% 27%)}
.pka-scene[data-floor-kind="ground"]{background:linear-gradient(155deg,#30777eaa 0%,#234c4460 62%,#3e694a60 63%,#274d3640)}
.pka-scene[data-category="mart"]{border-left:5px solid #f2bf61}.pka-scene[data-category="commercial"]{border-left:5px solid #a9c8f7}.pka-scene[data-category="residential"]{border-left:5px solid #eac4a4}.pka-scene[data-category="apartment"]{border-left:5px solid #86d6aa}.pka-scene[data-category="park"]{border-left:5px solid #b8df8c}.pka-scene[data-category="amusement"]{border-left:5px solid #d3b0ed}
.pkr-scan:has(.pka-scene) .pkr-zones{visibility:hidden}
/* Scoped legacy app host. The native host has its own panel sizing stylesheet. */
#radarScan.rs-overlay.rs-guidance.pkr[data-pka-host="screen"] .rs-card{height:min(340px,40dvh);max-height:40dvh!important;transition:height .35s ease,max-width .35s ease}
#radarScan.rs-overlay.rs-guidance.pkr[data-pka-host="screen"][data-pka-mode="expanded"] .rs-card{height:66.6667dvh;max-height:66.6667dvh!important;max-width:560px}
#radarScan[data-pka-suspended="true"] *,#radarScan[data-pka-suspended="true"] *:before,#radarScan[data-pka-suspended="true"] *:after{animation-play-state:paused!important}

/* Shared ranked evidence cards; only inserted in the radar renderer. */
.pkr-context{font-size:12px;font-weight:700;color:#e3efe9;flex:none;margin:0 0 6px}.pkr-context.is-missing{color:#ffe2a0}
.pkr-ranks{display:grid;grid-auto-rows:minmax(0,1fr);gap:7px;flex:1;min-height:0}
#rsResult .pkr-rank{appearance:none;margin:0;width:100%;min-height:44px;min-width:0;display:flex;align-items:center;gap:8px;border:2px solid #e7bd59;border-radius:13px;padding:7px 10px;background:linear-gradient(125deg,rgba(70,59,34,.7),rgba(19,37,43,.72) 80%);color:#fff;text-align:left;box-shadow:inset 0 1px 0 #ffffff20;font:inherit;cursor:pointer}
#rsResult .pkr-rank[data-rank="1"]{border:3px solid #b78524;box-shadow:inset 0 0 0 1px #f4cb6630}
#rsResult .pkr-rank[data-rank="2"]{border-color:#cbd3e2;background:linear-gradient(125deg,rgba(52,67,84,.7),rgba(19,37,43,.72) 80%)}#rsResult .pkr-rank[data-rank="3"]{border-color:#d49c74;background:linear-gradient(125deg,rgba(76,53,42,.7),rgba(19,37,43,.72) 80%)}
#rsResult .pkr-rank strong,#rsResult .pkr-state{background:rgba(7,21,19,.82);border-radius:4px;padding:2px 3px;text-shadow:0 1px 2px #000,0 0 4px #0009;opacity:1}
#rsResult .pkr-rank strong{flex:1;min-width:0;font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.pkr-rank .pkr-state{flex:none;max-width:72px;font-size:11px;font-weight:700;line-height:1.35;color:#dce8e6;text-align:right}.pkr-rank .pkr-state[data-state="busy"]{color:#ffd2a7}.pkr-rank .pkr-state[data-state="roomy"]{color:#bcf0d4}
#rsResult .pkr-rank[aria-pressed="true"]{outline:2px solid #fff;outline-offset:-5px}#rsResult .pkr-rank:focus-visible{outline:3px solid #fff;outline-offset:-5px}
#pkrCandidateDetail{position:absolute;inset:0;z-index:5;border-radius:14px;padding:10px 12px;background:#17352f;color:#fff;overflow-y:auto;overscroll-behavior:contain}
#pkrCandidateDetail[hidden]{display:none}#pkrCandidateDetail strong{display:block;font-size:17px;line-height:1.3}#pkrCandidateDetail p{font-size:12px;line-height:1.45;margin:4px 0}#pkrCandidateDetail small{display:block;font-size:11px;color:#d6e2df;line-height:1.4}
#rsResult .pkr-unavailable{padding:12px;border:1px solid #91aaa1;border-radius:12px;background:#203c33;font-size:16px}#rsResult .pkr-unavailable small{display:block;font-size:13px;margin-top:6px}
#radarScan[data-pka-blink="true"] .pkr-rank[data-rank="1"]{animation:pkrWinnerGlow 2s ease-in-out infinite}
@keyframes pkrWinnerGlow{0%,100%{border-color:#b78524;box-shadow:inset 0 0 0 1px #f4cb6630}50%{border-color:#ffedac;box-shadow:inset 0 0 0 1px #fff4c9,0 0 12px 2px #ffd35b99}}

#radarScan.rs-overlay.rs-guidance.pkr[data-pka-host="screen"] #rsResult{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;margin:0;text-align:left}
#radarScan.rs-overlay.rs-guidance.pkr[data-pka-host="screen"] .pkr-head{flex:none}
#radarScan.rs-overlay.rs-guidance.pkr[data-pka-host="screen"][data-pka-mode="expanded"] .pkr-scan{height:clamp(110px,22dvh,210px);min-height:110px;max-height:210px;flex:none}
#radarScan.rs-overlay.rs-guidance.pkr[data-pka-host="screen"] #rsScope{display:none}

/* Compact driving and landscape: diagram beside three equal candidate rows. */
#radarScan.rs-overlay.pkr[data-pka-host="screen"][data-pka-mode="compact"] .rs-card{display:grid;grid-template-columns:80px minmax(0,1fr);grid-template-rows:50px auto minmax(0,1fr);gap:0 8px;padding:8px 12px}
#radarScan[data-pka-host="screen"][data-pka-mode="compact"] .pkr-head{grid-column:1/-1;grid-row:1}
#radarScan[data-pka-host="screen"][data-pka-mode="compact"] #navigationProgress{grid-column:1/-1;grid-row:2}
#radarScan.rs-overlay.rs-guidance.pkr[data-pka-host="screen"][data-pka-mode="compact"] .pkr-scan{grid-column:1;grid-row:3;height:100%;min-height:0;max-height:none;margin:0}
#radarScan[data-pka-host="screen"][data-pka-mode="compact"] #rsResult{grid-column:2;grid-row:3}
#radarScan[data-pka-host="screen"][data-pka-mode="compact"] .pkr-rank{min-height:28px;padding:3px 7px}
#radarScan[data-pka-host="screen"][data-pka-mode="compact"] .pkr-rank strong{font-size:12px}
#radarScan[data-pka-host="screen"][data-pka-mode="compact"] .pka-scene{padding:6px}
#radarScan[data-pka-host="screen"][data-pka-mode="compact"] .pka-scene-basis{display:none}
@media(max-height:500px){
 #radarScan.rs-overlay.pkr[data-pka-host="screen"] .rs-card{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:50px auto minmax(0,1fr);gap:0 8px;padding:8px 12px;max-width:560px}
 #radarScan[data-pka-host="screen"] .pkr-head{grid-column:1/-1;grid-row:1}#radarScan[data-pka-host="screen"] #navigationProgress{grid-column:1/-1;grid-row:2}
 #radarScan[data-pka-host="screen"] .pkr-scan{grid-column:1;grid-row:3;height:100%!important;min-height:0!important;max-height:none!important;margin:0}
 #radarScan[data-pka-host="screen"] #rsResult{grid-column:2;grid-row:3}
 #radarScan[data-pka-host="screen"] .pkr-context{font-size:10px;margin-bottom:3px}#radarScan[data-pka-host="screen"] .pkr-ranks{gap:4px}
 #radarScan[data-pka-host="screen"] .pkr-rank{min-height:24px;padding:2px 7px}#radarScan[data-pka-host="screen"] .pkr-rank strong{font-size:12px;-webkit-line-clamp:1}
 #radarScan[data-pka-host="screen"] .pka-scene{padding:6px}
}
@media(max-height:500px){#radarScan[data-pka-host="screen"][data-pka-mode="compact"] .pkr-rank{min-height:24px}}

#radarScan[data-pka-mode="compact"] .pkr-stage{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}

/* Main index loads this shared sheet, not radar-native.css. Keep the glass and
   text treatment here scoped to the radar, without changing page/tab surfaces. */
#radarScan.rs-overlay.rs-guidance.pkr .rs-card{background:linear-gradient(180deg,#1c3d31,#162b27)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;max-width:382px;overflow:hidden}
#radarScan.rs-overlay.rs-guidance.pkr[data-pka-host="screen"][data-pka-mode="expanded"] .rs-card{max-width:560px}
#radarScan[data-pka-host="screen"] .pkr-state{word-break:keep-all;overflow-wrap:normal}
#radarScan[data-pka-host="screen"] .pkr-stage{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#radarScan.rs-overlay.rs-guidance.pkr[data-pka-host="screen"][data-pka-mode="expanded"] .pkr-scan{height:clamp(117px,23.32dvh,223px);min-height:117px;max-height:223px}
#radarScan[data-pka-host="screen"] .pkr-context,#radarScan[data-pka-host="screen"] .pka-scene{ text-shadow:0 1px 2px #000,0 0 4px #0009 }
#radarScan[data-pka-host="screen"] .rs-scopeWrap{display:none}
@media(min-height:501px) and (max-height:650px){
 #radarScan.rs-overlay.rs-guidance.pkr[data-pka-host="screen"][data-pka-mode="expanded"] .pkr-scan{height:80px;min-height:80px;max-height:80px}
 #radarScan[data-pka-host="screen"][data-pka-mode="expanded"] .pka-scene{padding:3px 10px;gap:0}
 #radarScan[data-pka-host="screen"][data-pka-mode="expanded"] .pka-scene>strong{font-size:26px}
 #radarScan[data-pka-host="screen"][data-pka-mode="expanded"] .pka-scene .pka-category,#radarScan[data-pka-host="screen"][data-pka-mode="expanded"] .pka-scene>small{font-size:10px}
 #radarScan[data-pka-host="screen"][data-pka-mode="expanded"] .pka-scene .pka-scene-basis{font-size:9px}
}

/* A separate solid badge preserves grade readability over translucent cards. */
.pk-congestion-badge{display:inline-block;padding:.4em .65em;margin:.4em 0;border-radius:.8em;background:#e9edf1;color:#34465d;font-weight:700;line-height:1.4;border:1px solid #bac5d1;}
.pk-congestion-badge[data-state="roomy"]{background:#e1f1e8;color:#174c32;border-color:#7fac95;}
.pk-congestion-badge[data-state="busy"],.pk-congestion-badge[data-state="very_busy"],.pk-congestion-badge[data-state="full"]{background:#fff0df;color:#783b10;border-color:#c99c66;}

/* Unverified candidates are peers; no gold/silver/bronze vacancy implication. */
#radarScan[data-pkr-priority="unverified"] #rsResult .pkr-rank{border:1px solid #9fb8b0;background:#203e35;box-shadow:none;animation:none}
#radarScan[data-pkr-floor="unknown"] .pkr-scan{display:none!important}
.pkr-detail-close{display:block;min-height:44px;margin:0 0 8px;padding:8px 12px;border:1px solid #9fb8b0;border-radius:8px;background:#203e35;color:#fff;font:inherit}

/* A missing diagram must release its space instead of stretching three empty rows. */
#radarScan.rs-overlay.rs-guidance.pkr[data-pkr-floor="unknown"] .rs-card{display:flex;height:auto!important;max-height:100dvh!important;gap:0}
#radarScan[data-pkr-floor="unknown"] #rsResult{flex:none;overflow:auto}
#radarScan[data-pkr-floor="unknown"] .pkr-ranks{flex:none;grid-auto-rows:minmax(48px,auto);gap:6px}
#radarScan[data-pkr-floor="unknown"] #rsResult .pkr-rank{min-height:48px}
@media(max-height:360px){
 #radarScan.rs-overlay.rs-guidance.pkr[data-pkr-floor="unknown"] .rs-card{padding:6px 10px}
 #radarScan[data-pkr-floor="unknown"] .pkr-head{min-height:32px;padding:0 0 2px;gap:6px}
 #radarScan[data-pkr-floor="unknown"] .pkr-head img{width:26px;height:26px}
 #radarScan[data-pkr-floor="unknown"] .pkr-wm b{font-size:13px}
 #radarScan[data-pkr-floor="unknown"] .pkr-wm small{font-size:8px}
 #radarScan[data-pkr-floor="unknown"] .pkr-context{font-size:10px;line-height:12px;margin-bottom:2px}
 #radarScan[data-pkr-floor="unknown"] .pkr-ranks{grid-auto-rows:minmax(44px,auto);gap:4px}
 #radarScan[data-pkr-floor="unknown"] #rsResult .pkr-rank{min-height:44px;padding:4px 6px}
 #radarScan[data-pkr-floor="unknown"] #rsResult .pkr-rank strong{font-size:12px;-webkit-line-clamp:2}
}