/* SPACE V3 — premium demo polish */
.v3-demo-note{margin-top:14px;padding:14px 16px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%, transparent)}
.v3-demo-note b{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px}
.v3-demo-note p{margin:0;color:var(--muted);line-height:1.6}
.v3-demo-card{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%, transparent);position:relative;overflow:hidden}
.v3-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.v3-meta-grid .m{border:1px solid var(--line);padding:12px;background:color-mix(in srgb,var(--panel) 96%, transparent)}
.v3-meta-grid .m span{display:block;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.v3-meta-grid .m b{display:block;margin-top:7px;font-size:17px}
.v3-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);font-size:9px;text-transform:uppercase;letter-spacing:.13em;background:rgba(255,255,255,.03)}
.v3-stack{display:grid;gap:10px}
.v3-caption{position:absolute;left:16px;bottom:16px;z-index:2;background:rgba(0,0,0,.55);color:#fff;padding:8px 10px;font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.v3-overlay{position:absolute;inset:0;pointer-events:none}
.v3-kicker{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.v3-hairline{height:1px;background:var(--line);margin:14px 0}
.v3-sidepanel{display:grid;gap:10px}
.v3-sidepanel .mini{padding:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 95%, transparent)}
.v3-sidepanel .mini b{display:block;font-size:13px;margin-bottom:5px}
.v3-sidepanel .mini p{margin:0;color:var(--muted);line-height:1.55;font-size:13px}
.v3-action-rail{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.v3-action-rail span{font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
@media (max-width:940px){
  .v3-meta-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .v3-meta-grid{grid-template-columns:1fr}
}


.orientation-map{min-height:460px;position:relative;border:1px solid var(--line);background:
radial-gradient(circle at 72% 22%,rgba(255,255,255,.62),transparent 18%),
linear-gradient(180deg,#eef4f6,#dfe9eb);overflow:hidden}
.orientation-map .slope{position:absolute;left:-4%;right:-4%;bottom:12%;height:30%;background:linear-gradient(180deg,rgba(109,133,146,.1),rgba(109,133,146,.18));transform:skewY(-8deg)}
.orientation-map .cabin{position:absolute;left:42%;top:42%;width:180px;height:110px;border:2px solid var(--accent);background:rgba(109,133,146,.18)}
.orientation-map .marker{position:absolute;padding:10px 12px;border:1px solid var(--line);background:rgba(255,255,255,.86);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.orientation-map .marker.active{border-color:var(--accent);box-shadow:0 0 0 6px rgba(109,133,146,.08)}
.orientation-map .compass{position:absolute;right:20px;top:20px;width:120px;height:120px;border:1px solid var(--line);border-radius:999px;display:grid;place-items:center;font-size:10px;background:rgba(255,255,255,.6)}
.orientation-map .ori-stats{position:absolute;left:18px;bottom:18px;width:270px;padding:14px;background:rgba(238,243,244,.94);border:1px solid var(--line);display:grid;gap:8px}
.orientation-map .ori-stats div{display:flex;justify-content:space-between;font-size:12px}