.atlas-guide[hidden]{display:none}
.atlas-guide{position:fixed;z-index:140;width:min(332px,calc(100vw - 24px));padding:17px 18px 15px;border:1px solid rgba(223,191,113,.62);border-radius:8px;background:rgba(6,22,29,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 55px rgba(0,0,0,.52),0 0 34px rgba(42,199,189,.12);color:#e8e3d4;outline:none}
.atlas-guide:before{content:"";position:absolute;top:-6px;left:var(--guide-pointer-x);width:10px;height:10px;transform:translateX(-50%) rotate(45deg);background:#0b2028;border-left:1px solid rgba(223,191,113,.62);border-top:1px solid rgba(223,191,113,.62)}
.atlas-guide.above:before{top:auto;bottom:-6px;transform:translateX(-50%) rotate(225deg)}
.atlas-guide-step{display:flex;align-items:center;justify-content:space-between;color:#e7cc84;font-size:10px;font-weight:800;text-transform:uppercase}
.atlas-guide-step span:last-child{color:#78969a}
.atlas-guide h2{margin:11px 0 7px;color:#f3e8cb;font:500 22px/1.15 Georgia,serif}
.atlas-guide p{margin:0;color:#b9cacc;font-size:12px;line-height:1.55}
.atlas-guide-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px}
.atlas-guide-actions button{min-height:42px;padding:0 13px;border-radius:6px;font-size:11px;font-weight:800;cursor:pointer}
.atlas-guide-skip{border:1px solid transparent;background:transparent;color:#a7b8ba}
.atlas-guide-skip:hover,.atlas-guide-skip:focus-visible{color:#f3e8cb}
.atlas-guide-next{border:1px solid rgba(225,192,113,.7);background:#e1c47e;color:#10242a}
.atlas-guide-next:hover,.atlas-guide-next:focus-visible{background:#f2d993}
.atlas-guide-actions button:focus-visible{outline:2px solid #46d7d0;outline-offset:2px}
.atlas-guide-target{position:relative!important;box-shadow:0 0 0 2px #e8c979,0 0 0 6px rgba(224,190,107,.17),0 0 24px rgba(42,199,189,.27)!important}
.menu-guide-action{margin-top:3px;border-top:1px solid rgba(155,196,199,.12);border-radius:0 0 6px 6px}
.menu-guide-symbol{display:grid;place-items:center;justify-self:center;width:20px;height:20px;border:1px solid currentColor;border-radius:50%;font-size:14px;font-weight:700}
@media(max-width:760px){.atlas-guide{padding:15px 16px 13px}.atlas-guide h2{font-size:20px}.atlas-guide p{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.atlas-guide{animation:atlas-guide-enter .2s ease-out both}@keyframes atlas-guide-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}