.cj-sort-map-wrap{background:#050a14;width:100%;height:clamp(480px,78vh,920px);position:relative;overflow:hidden}.cj-sort-map{position:absolute;inset:0}.cj-sort-map-vignette{pointer-events:none;z-index:2;background:radial-gradient(#0000 55%,#00000073 100%);position:absolute;inset:0}.cj-sort-marker{cursor:pointer;width:36px;height:44px}.cj-sort-marker svg{filter:drop-shadow(0 2px 8px #0009);width:36px;height:44px;transition:transform .2s}.cj-sort-marker:hover{z-index:10}.cj-sort-marker:hover svg{transform:scale(1.18)}.cj-sort-pill{white-space:nowrap;font-family:var(--font-mono), "SF Mono", "Menlo", monospace;letter-spacing:.08em;pointer-events:none;color:#23f2f5;background:#23f2f51f;border:1px solid #23f2f559;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;box-shadow:0 0 12px #23f2f526}.cj-sort-pill--r{top:50%;left:calc(100% + 2px);transform:translateY(-50%)}.cj-sort-pill--l{top:50%;right:calc(100% + 2px);transform:translateY(-50%)}.cj-sort-pill--t{bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.cj-sort-pill--b{top:calc(100% + 2px);left:50%;transform:translate(-50%)}.cj-sort-map-wrap .mapboxgl-ctrl-bottom-left,.cj-sort-map-wrap .mapboxgl-ctrl-bottom-right{display:none}@media (max-width:640px){.cj-sort-map-wrap{height:clamp(420px,70vh,640px)}}@media (prefers-reduced-motion:reduce){.cj-sort-marker svg{transition:none}.cj-sort-marker:hover svg{transform:none}}
.cj-sort-card-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:900px){.cj-sort-card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.cj-sort-card-grid{grid-template-columns:1fr}}.cj-sort-card{border:1px solid var(--cj-border);background:var(--cj-surface);aspect-ratio:4/5;isolation:isolate;transition:transform .4s var(--cj-ease), border-color .3s ease, box-shadow .4s ease;border-radius:20px;flex-direction:column;justify-content:flex-end;padding:22px;display:flex;position:relative;overflow:hidden}.cj-sort-card:hover{border-color:#23f2f547;transform:translateY(-6px);box-shadow:0 24px 48px #0000006b}.cj-sort-card-bg{z-index:-2;background:var(--cj-card-bg,none) center / cover no-repeat, radial-gradient(ellipse 80% 60% at 30% 20%, #23f2f514, transparent 70%), linear-gradient(135deg, #0d1726 0%, #060b18 100%);transition:transform .6s var(--cj-ease);position:absolute;inset:0}.cj-sort-card:hover .cj-sort-card-bg{transform:scale(1.05)}.cj-sort-card-overlay{z-index:-1;background:linear-gradient(#080d1a0d 0%,#080d1a8c 60%,#050a14eb 100%),radial-gradient(70% 60% at 80% 0,#23f2f50f,#0000 60%);position:absolute;inset:0}.cj-sort-card-icon{filter:drop-shadow(0 2px 8px #00000080);color:#23f2f5;width:38px;height:46px;margin-bottom:auto}.cj-sort-card-icon svg{width:100%;height:100%}.cj-sort-card-body{flex-direction:column;gap:6px;display:flex;position:relative}.cj-sort-card-code{font-family:var(--font-mono), monospace;letter-spacing:.18em;color:var(--cj-cyan);text-transform:uppercase;font-size:.72rem}.cj-sort-card-name{letter-spacing:-.02em;color:var(--cj-text);text-wrap:balance;margin:0;font-size:1.5rem;font-weight:700;line-height:1.15}.cj-sort-card-loc{color:var(--cj-text2);margin:0;font-size:.85rem}@media (max-width:560px){.cj-sort-card{aspect-ratio:5/4;padding:18px}.cj-sort-card-name{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.cj-sort-card,.cj-sort-card-bg{transition:none}.cj-sort-card:hover,.cj-sort-card:hover .cj-sort-card-bg{transform:none}}
.cj-skeleton{background-color:#ffffff0a;background-image:linear-gradient(90deg,#fff0 0%,#ffffff0f 50%,#fff0 100%);background-position:-150% 0;background-repeat:no-repeat;background-size:200% 100%;border-radius:6px;animation:1.4s linear infinite cj-skeleton-shimmer;display:block}.cj-skeleton[data-variant=line]{border-radius:6px;height:14px}.cj-skeleton[data-variant=circle]{border-radius:9999px}.cj-skeleton[data-variant=block]{border-radius:12px}[data-theme=light] .cj-skeleton{background-color:#0b11200f;background-image:linear-gradient(90deg,#0b112000 0%,#0b112014 50%,#0b112000 100%)}@keyframes cj-skeleton-shimmer{0%{background-position:-150% 0}to{background-position:150% 0}}@media (prefers-reduced-motion:reduce){.cj-skeleton{background-color:#ffffff0d;background-image:none;animation:none}[data-theme=light] .cj-skeleton{background-color:#0b11200f}}.cj-skeleton-group{flex-direction:column;gap:10px;display:flex}