.atlas-root{--atlas-purple:#6538bd;--atlas-ink:#322c43;--atlas-orange:#ed713b;isolation:isolate;position:relative;width:100%;min-width:0;overflow:hidden;border-radius:0;background:transparent;color:var(--atlas-ink);font-family:inherit;box-shadow:none}
.atlas-root *{box-sizing:border-box}
.atlas-root button{font:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer;touch-action:manipulation}
.atlas-root button:focus-visible{outline:3px solid #ed713b;outline-offset:3px}
.atlas-root button:disabled{opacity:.35;cursor:default}
.atlas-toolbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;padding:6px 12px 0}
.atlas-modes{display:flex;gap:2px;padding:4px;border-radius:19px;background:#e8e4ed;color:#82798e}
.atlas-modes button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 12px;border:0;border-radius:15px;color:#6c6577;background:transparent;font-size:12px;font-weight:650;white-space:nowrap;transition:color 150ms,background 150ms,box-shadow 150ms}
.atlas-modes button[aria-pressed=true]{background:#fff;color:#522790;box-shadow:0 2px 7px #3423440f}
.atlas-modes button:active{background:#ded4ed}
.atlas-modes svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.atlas-viewport{position:relative;height:220px;overflow:hidden;contain:layout paint;touch-action:auto;background:radial-gradient(ellipse at 50% 50%,#ffffffb8 0,#f7f5f900 68%)}
.atlas-root[data-atlas-hall=a5] .atlas-viewport,.atlas-root[data-atlas-hall=melal] .atlas-viewport,.atlas-root[data-atlas-hall=venue] .atlas-viewport{height:240px}
.atlas-scene{position:absolute;inset:0}
.atlas-drawing,.atlas-labels,.atlas-markers{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.atlas-labels,.atlas-markers{pointer-events:none}.atlas-markers{z-index:6}
.atlas-floor-shadow{fill:#514061;opacity:.08;stroke:#514061;stroke-width:12;stroke-linejoin:round}
.atlas-floor{stroke:#fff;stroke-width:1.5;stroke-linejoin:round}
.atlas-floor-side{fill:#d0c9da;stroke:#d0c9da;stroke-width:1;stroke-linejoin:round}
.atlas-floor-front{fill:#e1dbe8;stroke:#e1dbe8;stroke-width:1;stroke-linejoin:round}
.atlas-grid{stroke:#837191;stroke-width:.5;opacity:.1;pointer-events:none}
.atlas-connector{stroke:#beb0d3;stroke-width:8;stroke-linecap:round;stroke-dasharray:1 13;opacity:.7}
.atlas-block{cursor:pointer}
.atlas-block-shadow{fill:#645370;opacity:.15;stroke:#645370;stroke-width:3;stroke-linejoin:round}
.atlas-block-top{fill:#f3eff9;stroke:#fff;stroke-width:1.8;stroke-linejoin:round;transition:fill 160ms}
.atlas-block-side{stroke-width:.7;stroke-linejoin:round}
.atlas-side-right{fill:#bbb0d1;stroke:#bbb0d1}
.atlas-side-front{fill:#d9cfea;stroke:#d9cfea}
.atlas-block:nth-of-type(3n) .atlas-block-top{fill:#eae2f5}
.atlas-block:nth-of-type(3n + 1) .atlas-block-top{fill:#f9f7fd}
.atlas-block-selected .atlas-block-top,.atlas-block-selected:nth-of-type(n) .atlas-block-top{fill:#7546c7;stroke:#a789db}
.atlas-block-selected .atlas-side-right{fill:#4d258b;stroke:#4d258b}
.atlas-block-selected .atlas-side-front{fill:#6334ae;stroke:#6334ae}
.atlas-block-selected .atlas-block-shadow{fill:#643ab3;stroke:#643ab3;opacity:.24}
.atlas-block:hover .atlas-block-top{fill:#e0d1f2}
.atlas-block-selected:hover .atlas-block-top{fill:#7546c7}
.atlas-label{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;width:var(--atlas-label-width);min-width:44px;min-height:44px;padding:3px 1px;pointer-events:auto;border:0;border-radius:12px;background:transparent;color:#564068;transform:translate(-50%,-50%);transform-origin:center;z-index:2;user-select:none}
.atlas-label-text{display:flex;flex-direction:column;align-items:center;gap:0;max-width:100%;font-size:clamp(12px,1.1vw,14px);font-weight:750;line-height:1.45;text-align:center;text-wrap:balance;letter-spacing:-.03em;text-shadow:0 1px 0 #fff8}
.atlas-label-hall .atlas-label-text{font-size:clamp(16px,2vw,23px);line-height:1.15;font-weight:800;letter-spacing:-.04em}
.atlas-label-hall[data-atlas-zone=venue-lobby] .atlas-label-text{font-size:12px}
.atlas-label-latin{font-family:inherit;font-size:8px;font-weight:600;line-height:1.2;opacity:.9;margin-top:2px;text-align:center;text-wrap:balance;letter-spacing:-.035em}
.atlas-hall-hint{margin-top:2px;font-size:9px;line-height:1.2;color:#8a7a9b}
.atlas-label:hover{background:transparent}
.atlas-label:active{background:transparent;transform:translate(-50%,-50%) scale(.96)}
.atlas-label-selected{color:#fff;z-index:4}
.atlas-label-selected .atlas-label-text{text-shadow:0 1px 3px #28114840}
.atlas-label-selected:hover{background:transparent}
.atlas-label-primary,.atlas-label-primary:hover{z-index:5;background:transparent;box-shadow:none}
.atlas-pin{position:absolute;display:block;transform:translate(-50%,-100%);stroke:none;pointer-events:none;filter:drop-shadow(0 2px 2px #6d3a222b)}
.atlas-pin-outline,.atlas-pin-center{fill:#fff}.atlas-pin-body{fill:var(--atlas-orange)}
.atlas-source-image{opacity:.94}
.atlas-source-zone{fill:#7546c70b;stroke:#7546c74d;stroke-width:1;cursor:pointer}
.atlas-source-zone-selected{fill:#7546c718;stroke:#4e2199;stroke-width:2}
.atlas-root[data-atlas-mode=source]:not([data-atlas-hall=venue]) .atlas-label-text,.atlas-root[data-atlas-mode=source]:not([data-atlas-hall=venue]) .atlas-label-latin{visibility:hidden}
.atlas-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:760px){.atlas-root[data-atlas-hall] .atlas-viewport{height:340px}.atlas-toolbar{padding:10px 22px 0}.atlas-modes button{padding:0 15px;font-size:13px}.atlas-label-latin{font-size:9px}}
@media(max-width:430px){.atlas-modes{flex:1;justify-content:space-between}.atlas-modes button{flex:1;padding:0 9px;gap:5px;font-size:11px}.atlas-label-text{font-size:12px}.atlas-label-hall .atlas-label-text{font-size:19px}}
@media(max-width:700px){.atlas-root[data-atlas-hall=melal][data-atlas-mode=spatial] .atlas-viewport,.atlas-root[data-atlas-hall=melal][data-atlas-mode=plan] .atlas-viewport{height:280px}}
@media(prefers-reduced-motion:reduce){.atlas-root *{transition:none!important;animation:none!important}}
@media(prefers-contrast:more){.atlas-label{color:#2e153e}.atlas-label-selected{color:#fff}.atlas-block-top{stroke:#8d739e}.atlas-grid{opacity:.2}.atlas-toolbar button{border:1px solid #806398}}
