.respect-map-page{min-width:0;padding-bottom:38px}.respect-map-intro{flex-wrap:wrap}.respect-map-intro-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.respect-map-3d-trigger{background:color-mix(in srgb, var(--primary) 15%, var(--card));border-color:color-mix(in srgb, var(--primary) 30%, var(--border));justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:14px;display:inline-flex}.respect-map-3d-trigger svg{color:#c9a7f9}.respect-map-3d-secondary{width:100%;margin-top:14px}.respect-map-model-loading{z-index:60;border:1px solid var(--border);background:var(--card);max-width:calc(100vw - 32px);color:var(--foreground);border-radius:12px;padding:14px 20px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}.respect-map-count{border:1px solid var(--border);color:var(--muted-foreground);background:color-mix(in srgb, var(--card) 75%, transparent);white-space:nowrap;border-radius:100px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;display:inline-flex}.respect-map-count svg{color:var(--primary)}.respect-map-layout{direction:ltr;grid-template-columns:minmax(0,1fr) 326px;align-items:start;gap:20px;display:grid}.respect-map-stage,.respect-map-sidebar{direction:rtl;min-width:0}.respect-map-stage{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--card);overflow:hidden;box-shadow:0 14px 40px #0002}.respect-map-toolbar{background:linear-gradient(120deg, color-mix(in srgb, var(--primary) 5%, var(--card)), var(--card));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.respect-map-toolbar>span{color:var(--muted-foreground);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.respect-map-toolbar>span svg{color:var(--primary)}.respect-map-zoom{direction:ltr;align-items:center;gap:3px;display:flex}.respect-map-zoom button,.respect-map-detail-heading button,.respect-map-search button{width:40px;height:40px;color:var(--foreground);transition:color var(--motion), background var(--motion), border-color var(--motion);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;padding:0;display:inline-grid}.respect-map-zoom button:hover:not(:disabled),.respect-map-detail-heading button:hover,.respect-map-search button:hover{color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--card));border-color:color-mix(in srgb, var(--primary) 25%, var(--border))}.respect-map-zoom button:disabled{opacity:.35;cursor:default}.respect-map-zoom output{min-width:54px;color:var(--muted-foreground);text-align:center;font-variant-numeric:tabular-nums;font-size:12px}.respect-map-zoom .respect-map-reset{border-color:var(--border);margin-left:8px}.respect-map-viewport{--respect-map-height:clamp(440px, 63vh, 720px);height:var(--respect-map-height);isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;border-block:1px solid var(--border);direction:ltr;background:#15212b;position:relative;overflow:hidden}.respect-map-viewport[data-dragging=true]{cursor:grabbing}.respect-map-viewport:focus-visible{outline-offset:-4px;z-index:1}.respect-map-world{transform-origin:50%;position:absolute;top:50%;left:50%}.respect-map-world[data-smooth=true]{transition:transform .22s cubic-bezier(.2,.75,.2,1)}.respect-map-art{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.respect-map-circle{aspect-ratio:1;border:2px solid var(--gang-color);background:color-mix(in srgb, var(--gang-color) 18%, transparent);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0002}.respect-map-circle[data-selected=true]{background:color-mix(in srgb, var(--gang-color) 28%, transparent);box-shadow:0 0 0 2px #fff7, 0 0 22px color-mix(in srgb, var(--gang-color) 30%, transparent);border-width:3px}.respect-map-marker{transform:translate(-50%, -50%) scale(var(--map-inverse-zoom,1));transform-origin:50%;width:44px;height:44px;min-height:44px;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.respect-map-marker[aria-pressed=true]{z-index:3}:is(.respect-map-marker:hover,.respect-map-marker:focus-visible){z-index:4}.respect-map-marker:focus-visible{outline-offset:-3px;outline:2px solid #fff}.respect-map-marker-dot{background:var(--gang-color);width:14px;height:14px;box-shadow:0 0 0 4px color-mix(in srgb, var(--gang-color) 20%, transparent), 0 2px 8px #0005;transition:box-shadow var(--motion);border:2px solid #ffffffd9;border-radius:50%;display:block}.respect-map-marker:is(:hover,:focus-visible,[aria-pressed=true]) .respect-map-marker-dot{box-shadow:0 0 0 6px color-mix(in srgb, var(--gang-color) 30%, transparent), 0 0 15px color-mix(in srgb, var(--gang-color) 55%, transparent)}.respect-map-instructions{color:var(--muted-foreground);flex-wrap:wrap;gap:3px 18px;margin:0;padding:11px 16px;font-size:12px;line-height:1.7;display:flex}.respect-map-overlay-message{text-align:center;background:var(--card);color:var(--muted-foreground);direction:rtl;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.respect-map-overlay-message strong{color:var(--foreground)}.respect-map-overlay-message p{margin:0}.respect-map-overlay-message button{border:1px solid var(--border);min-height:44px;color:var(--foreground);background:var(--muted);border-radius:10px;padding:8px 18px}.respect-map-empty-note{color:#eeeaf6;text-align:center;pointer-events:none;direction:rtl;background:#13151ced;border:1px solid #ffffff24;border-radius:14px;justify-items:center;gap:4px;width:min(350px,100% - 32px);padding:16px;display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.respect-map-empty-note span{color:#c1bccd;font-size:12px}.respect-map-sidebar{gap:16px;display:grid}.respect-map-directory,.respect-map-details{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 3%, var(--card)), var(--card));padding:18px}.respect-map-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.respect-map-section-title h2,.respect-map-detail-heading h2{color:var(--foreground);overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:700}.respect-map-section-title>span{border:1px solid var(--border);background:var(--muted);min-width:27px;height:27px;color:var(--muted-foreground);border-radius:8px;place-items:center;padding-inline:6px;font-size:12px;display:grid}.respect-map-search{border:1px solid var(--border);background:var(--background);min-width:0;height:44px;color:var(--muted-foreground);border-radius:11px;align-items:center;gap:9px;padding-inline:11px 3px;display:flex}.respect-map-search:focus-within{border-color:var(--primary)}.respect-map-search input{width:100%;min-width:0;height:100%;color:var(--foreground);background:0 0;border:0;outline:none;padding:0;font-size:13px}.respect-map-search input::placeholder{color:var(--muted-foreground)}.respect-map-search input::-webkit-search-cancel-button{display:none}.respect-map-search button{flex:0 0 36px;width:36px;height:36px}.respect-map-gang-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent;gap:7px;max-height:310px;margin:14px -3px 0;padding:3px;list-style:none;display:grid;overflow-y:auto}.respect-map-gang-list button{text-align:right;width:100%;min-height:60px;color:var(--foreground);transition:border-color var(--motion), background var(--motion);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.respect-map-gang-list button:hover{background:color-mix(in srgb, var(--gang-color) 5%, var(--card));border-color:var(--border)}.respect-map-gang-list button[aria-pressed=true]{background:color-mix(in srgb, var(--gang-color) 9%, var(--card));border-color:color-mix(in srgb, var(--gang-color) 55%, var(--border))}.respect-map-list-color{background:var(--gang-color);width:14px;height:14px;box-shadow:0 0 0 4px color-mix(in srgb, var(--gang-color) 15%, transparent);border:2px solid #ffffff80;border-radius:50%;flex:0 0 14px;margin-inline:5px}.respect-map-list-text{overflow-wrap:anywhere;flex:1;gap:2px;min-width:0;display:grid}.respect-map-list-text strong{font-size:14px;font-weight:600}.respect-map-list-text small{color:var(--muted-foreground);font-size:12px}.respect-map-list-pin{color:var(--muted-foreground)}.respect-map-no-results{text-align:center;color:var(--muted-foreground);margin:18px 0 5px;font-size:13px}.respect-map-detail-heading{align-items:center;gap:9px;display:flex}.respect-map-detail-heading>span{border-radius:50%;flex-shrink:0;width:10px;height:10px}.respect-map-detail-heading h2{flex:1}.respect-map-detail-heading button{flex-shrink:0;width:36px;height:36px}.respect-map-location{color:var(--muted-foreground);overflow-wrap:anywhere;align-items:center;gap:6px;margin:6px 0 10px;font-size:13px;display:flex}.respect-map-description{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted-foreground);margin:0 0 15px;font-size:14px;line-height:1.8}.respect-map-selection-prompt{text-align:center;justify-items:center;gap:8px;padding:19px 2px;display:grid}.respect-map-selection-prompt>svg{color:var(--primary)}.respect-map-selection-prompt h2{margin:0;font-size:17px;font-weight:600}.respect-map-selection-prompt p{max-width:260px;color:var(--muted-foreground);margin:0;font-size:13px;line-height:1.8}.respect-map-gallery-main{aspect-ratio:8/5;border:1px solid var(--border);background:var(--muted);border-radius:12px;width:100%;display:block;position:relative;overflow:hidden}.respect-map-gallery-main img{object-fit:cover;width:100%;height:100%;display:block}.respect-map-gallery-main>span{bottom:8px;color:#fff;background:#15131ee3;border:1px solid #ffffff25;border-radius:7px;align-items:center;gap:4px;padding:5px 8px;font-size:11px;display:flex;position:absolute;inset-inline-end:8px}.respect-map-gallery-thumbs{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.respect-map-gallery-thumbs button{border:1px solid var(--border);background:var(--muted);border-radius:8px;width:60px;height:46px;padding:2px}.respect-map-gallery-thumbs button[aria-pressed=true]{border-color:var(--primary)}.respect-map-gallery-thumbs img{object-fit:cover;border-radius:5px;width:100%;height:100%;display:block}.respect-map-gallery-empty{border:1px dashed var(--border);min-height:130px;color:var(--muted-foreground);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:18px;font-size:13px;display:flex}@media (min-width:1700px){.respect-map-layout{grid-template-columns:minmax(0,1fr) 356px}}@media (max-width:1050px){.respect-map-layout{grid-template-columns:minmax(0,1fr) 280px;gap:14px}.respect-map-directory,.respect-map-details{padding:14px}.respect-map-toolbar{padding:10px 12px}.respect-map-toolbar>span{font-size:12px}}@media (max-width:800px){.respect-map-layout{grid-template-columns:minmax(0,1fr)}.respect-map-viewport{--respect-map-height:clamp(360px, 57vh, 570px)}.respect-map-sidebar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.respect-map-gang-list{max-height:270px}.respect-map-zoom button{width:44px;height:44px}}@media (max-width:550px){.respect-map-intro{gap:14px}.respect-map-intro h1{font-size:29px}.respect-map-intro p:not(.eyebrow){font-size:14px}.respect-map-count{padding:6px 11px;font-size:12px}.respect-map-toolbar{gap:6px;padding:7px 8px}.respect-map-toolbar>span{gap:5px;font-size:11px}.respect-map-zoom{gap:0}.respect-map-zoom output{min-width:42px}.respect-map-zoom .respect-map-reset{margin-left:2px}.respect-map-viewport{--respect-map-height:clamp(350px, 58vh, 490px)}.respect-map-instructions{padding:10px 12px;font-size:11px}.respect-map-instructions>span:last-child{display:none}.respect-map-sidebar{grid-template-columns:minmax(0,1fr);gap:12px}.respect-map-gang-list{max-height:230px}.respect-map-gallery-main{max-height:250px}.respect-map-detail-heading button,.respect-map-search button{min-height:40px}}@media (prefers-reduced-motion:reduce){.respect-map-page *,.respect-map-world[data-smooth=true]{transition:none!important}}
