.atlas-workspace{width:min(1250px,92vw);height:min(70vh,730px);min-height:410px;position:relative;margin:35px auto;border:1px solid #a48a7159;background:#0b0c10bb;box-shadow:0 25px 65px #0008;overflow:hidden;text-align:left}
.atlas-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;background:radial-gradient(ellipse at 52% 45%,#32262a7d,#0b0d11 75%)}
.atlas-viewport:active{cursor:grabbing}
.atlas-surface{position:absolute;inset:0;background-position:center;background-repeat:no-repeat;background-size:cover;transform-origin:center;transition:transform .1s linear}
.atlas-surface:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 85px,#ac74602a 86px 87px,transparent 88px 150px),linear-gradient(135deg,transparent 49.9%,#ad8e6b22 50%,transparent 50.1%)}
.atlas-markers{position:absolute;inset:0}
.atlas-marker{position:absolute;transform:translate(-50%,-50%);border:1px solid #d6b28c8c;border-radius:50%;background:#171319c9;color:#d9b18b;width:31px;height:31px;box-shadow:0 0 15px #0007}
.atlas-marker:hover{color:#fff;border-color:#f7d6af}
.atlas-detail{position:absolute;bottom:14px;left:14px;max-width:320px;background:#0b0b0fe8;border:1px solid #b69b8355;padding:17px;color:#dfd4cc;box-shadow:0 15px 35px #0008}
.atlas-detail[hidden]{display:none}
.atlas-detail h3{margin:0 0 8px;font-weight:400;font-size:22px}.atlas-detail p{color:#c8bbb4;font-size:15px;line-height:1.5}
.atlas-detail button,.atlas-controls button{color:#ebdbcf;background:#17141acc;border:1px solid #c3a58a62;padding:8px 13px}
.atlas-controls{position:absolute;top:14px;right:14px;display:flex;gap:7px}
@media(max-width:690px){.atlas-workspace{width:94vw;height:57vh;min-height:360px}.atlas-detail{max-width:calc(100% - 30px)}}