.atlas{position:relative;z-index:1;height:calc(100vh - var(--atlas-top, 72px));height:calc(100dvh - var(--atlas-top, 72px));min-height:440px;overflow:hidden;background:#0b3a66;border-bottom:1px solid rgba(255,255,255,.06)}.atlas-map{position:absolute;inset:0}#atlas-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline:none}#atlas-canvas:active{cursor:grabbing}#atlas-canvas.over-pin{cursor:pointer}#atlas-canvas:focus-visible{box-shadow:inset 0 0 0 3px #ffb347b3}.atlas-zoom{position:absolute;right:16px;bottom:calc(18px + var(--sheet-h, 0px));display:flex;flex-direction:column;gap:6px;transition:bottom .25s ease}.atlas-zoom button{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#0d1420e6;color:#ffcf87;border:1px solid rgba(255,179,71,.35);box-shadow:0 6px 18px #0006;cursor:pointer}.atlas-zoom button:hover{background:#202c40f2}.atlas-zoom button:focus-visible{outline:2px solid #ffb347;outline-offset:2px}.atlas-zoom svg{width:22px;height:22px}.atlas-scale{position:absolute;left:50%;transform:translate(-50%);bottom:calc(14px + var(--sheet-h, 0px));padding:3px 10px;border-radius:20px;font-size:.74rem;color:#cfd8e3;background:#0d1420bf;pointer-events:none;transition:bottom .25s ease,opacity .2s;white-space:nowrap}.atlas-tip{position:absolute;z-index:4;pointer-events:none;display:flex;gap:10px;align-items:center;max-width:300px;padding:8px 12px 8px 8px;border-radius:12px;font-size:.86rem;line-height:1.3;background:#0d1420f5;border:1px solid rgba(255,179,71,.35);color:#e8eef5;box-shadow:0 10px 28px #00000080}.atlas-tip img{width:40px;height:40px;object-fit:contain;border-radius:8px;background:#1a2332;flex:none}.atlas-tip b{display:block;color:#ffcf87}.atlas-tip span{color:#a9b6c4;font-size:.8rem}.atlas-loading{position:absolute;z-index:3;left:50%;bottom:calc(48px + var(--sheet-h, 0px));transform:translate(-50%);margin:0;padding:8px 14px;border-radius:20px;font-size:.86rem;color:#e8eef5;white-space:nowrap;background:#0d1420e6;border:1px solid rgba(255,179,71,.35);pointer-events:none}.atlas-where{display:flex;gap:8px;align-items:stretch}.atlas-where[hidden]{display:none}.atlas-where button{display:flex;align-items:center;gap:6px;min-height:42px;padding:0 14px;border-radius:12px;font:inherit;font-size:.92rem;cursor:pointer;background:#0d1420f0;border:1px solid rgba(255,255,255,.14);color:#e8eef5;box-shadow:0 8px 24px #0006}.atlas-where .aw-up{flex:none;color:#9fe6b8;border-color:#9fe6b873;font-weight:600}.atlas-where .aw-up svg{width:18px;height:18px;margin-left:-4px}.atlas-where .aw-name{flex:1;min-width:0;color:#d9c7ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atlas-where button:hover{background:#202c40f5}.atlas-where button:focus-visible{outline:2px solid #ffb347;outline-offset:2px}.atlas-panel{position:absolute;z-index:5;top:16px;left:16px;width:380px;max-height:calc(100% - 32px);display:flex;flex-direction:column;gap:10px;pointer-events:none}.atlas-panel>*{pointer-events:auto}.atlas-search{position:relative;display:flex;align-items:center;gap:8px;padding:0 8px 0 14px;background:#0d1420f0;border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 10px 30px #00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.atlas-search:focus-within{border-color:#ffb347;box-shadow:0 0 0 3px #ffb3472e,0 10px 30px #00000073}.atlas-search>svg{width:18px;height:18px;color:#8b98a8;flex:none}.atlas-search input{flex:1;min-width:0;height:48px;border:0;background:none;color:#e8eef5;font-size:1rem;outline:none}.atlas-search input::placeholder{color:#7d8a9b}.atlas-search input::-webkit-search-cancel-button{display:none}.atlas-x{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;background:none;color:#a9b6c4;cursor:pointer}.atlas-x:hover{background:#ffffff14;color:#fff}.atlas-x svg{width:18px;height:18px}.atlas-results{list-style:none;margin:0;padding:6px;max-height:50vh;overflow-y:auto;background:#0d1420f7;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 14px 34px #00000080}.atlas-results li{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;cursor:pointer}.atlas-results li[aria-selected=true],.atlas-results li:hover{background:#ffb34721}.atlas-results .ar-ic{width:38px;height:38px;flex:none;border-radius:10px;display:grid;place-items:center;background:#1a2332;overflow:hidden}.atlas-results .ar-ic img{width:100%;height:100%;object-fit:cover}.atlas-results .ar-ic.round img{object-fit:contain}.atlas-results .ar-dot{width:12px;height:12px;border-radius:50%}.atlas-results b{display:block;color:#e8eef5;font-weight:600;font-size:.95rem}.atlas-results span{display:block;color:#8b98a8;font-size:.8rem}.atlas-results .ar-none{color:#8b98a8;cursor:default;padding:12px}.atlas-results .ar-none:hover{background:none}.atlas-chips{display:flex;flex-wrap:wrap;gap:6px}.atlas-chips button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:20px;font-size:.84rem;font-weight:600;cursor:pointer;white-space:nowrap;color:#8b98a8;background:#0d1420e0;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 14px #0000004d}.atlas-chips button i{width:9px;height:9px;border-radius:50%;background:currentColor;opacity:.5}.atlas-chips button[aria-pressed=true]{color:#e8eef5;border-color:#ffffff47;background:#182234f2}.atlas-chips button[aria-pressed=true] i{opacity:1;background:var(--c)}.atlas-chips button:focus-visible{outline:2px solid #ffb347;outline-offset:2px}.atlas-chips .chip-secret[aria-pressed=true]{color:#ffcf87;border-color:#ffb34780}.atlas-chips .chip-saver{--c: #7ee0a0}.atlas-chips .chip-saver[aria-pressed=true]{color:#b6f0c8;border-color:#7ee0a08c}.atlas-card{position:relative;overflow-y:auto;overscroll-behavior:contain;border-radius:16px;background:#0d1420f5;border:1px solid rgba(255,179,71,.25);color:#e8eef5;box-shadow:0 16px 40px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.atlas-card[hidden],.ac-handle{display:none}.ac-close{position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:0;cursor:pointer;color:#fff;background:#00000073}.ac-close:hover{background:#000000b3}.ac-close svg{width:16px;height:16px}.ac-hero{display:block;width:100%;aspect-ratio:720 / 440;object-fit:cover;background:#1a2332;border-radius:16px 16px 0 0}.ac-plate{display:grid;place-items:center;height:200px;border-radius:16px 16px 0 0;background:radial-gradient(circle at 50% 42%,#2b3a52,#172131 62%,#111926)}.ac-plate img{height:184px;width:184px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.5))}.ac-plate.glyph svg{width:72px;height:72px}.ac-body{padding:14px 16px 16px}.ac-kind{display:inline-block;padding:2px 9px;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1a1206;background:var(--c, #ffcf87)}.ac-body h2{margin:8px 0 2px;font-size:1.35rem;color:#ffcf87;line-height:1.2}.ac-sub{color:#a9b6c4;font-size:.9rem;margin:0}.ac-desc{color:#cfd8e3;font-size:.92rem;line-height:1.45;margin:10px 0 0}.ac-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ac-actions a,.ac-actions button{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:10px;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;color:#ffcf87;background:#ffb3471a;border:1px solid rgba(255,179,71,.35)}.ac-actions a.primary,.ac-actions button.primary{color:#1a1206;background:linear-gradient(180deg,#ffcf6b,#ff9b2e);border-color:transparent}.ac-actions a:hover,.ac-actions button:hover{filter:brightness(1.1)}.ac-sec{margin-top:16px}.ac-sec h3{margin:0 0 8px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8b98a8}.ac-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.ac-row{display:flex;align-items:center;gap:10px;width:100%;padding:5px 6px;border-radius:10px;border:0;background:none;color:#e8eef5;text-align:left;font:inherit;font-size:.92rem;cursor:pointer}.ac-row:hover,.ac-row:focus-visible{background:#ffffff0f;outline:none}.ac-row img,.ac-row .ac-ic{width:34px;height:34px;flex:none;border-radius:50%;object-fit:cover;object-position:50% 12%;background:#1a2332;border:2px solid var(--c, #dfe7f0)}.ac-row .ac-ic{display:grid;place-items:center}.ac-row .ac-ic:empty{background:#1a2332 var(--ac-ph, var(--ph-person)) center / auto 52% no-repeat}.ac-row .ac-ic[data-k=places]{--ac-ph: var(--ph-view)}.ac-row .ac-ic[data-k=creatures]{--ac-ph: var(--ph-paw)}.ac-row .ac-ic[data-k=dungeons]{--ac-ph: var(--ph-stone)}.ac-row span{display:block;min-width:0}.ac-row small{display:block;color:#8b98a8;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-steps{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.88rem;color:#a9b6c4}.ac-steps button{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff0d;color:#e8eef5;cursor:pointer;font-size:1rem}.ac-note{margin:10px 0 0;padding:8px 10px;border-radius:10px;font-size:.86rem;color:#d9c7ff;background:#c7a6ff1a;border:1px solid rgba(199,166,255,.25)}@media (max-width: 900px){.atlas{min-height:380px}.atlas-panel{inset:10px 10px 0;width:auto;max-height:none;gap:8px}.atlas-search input{height:46px;font-size:16px}.atlas-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -10px;padding:0 10px 4px;scrollbar-width:none}.atlas-chips::-webkit-scrollbar{display:none}.atlas-results{max-height:46vh}.atlas-card{position:absolute;left:-10px;right:-10px;bottom:0;max-height:64%;border-radius:18px 18px 0 0;border-bottom:0;padding-top:18px;transition:max-height .25s ease}.atlas-card.peek{max-height:132px;overflow:hidden}.ac-handle{display:block;position:absolute;top:0;left:0;right:0;height:22px;border:0;background:none;cursor:pointer;z-index:3}.ac-handle:after{content:"";position:absolute;left:50%;top:8px;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:#ffffff4d}.ac-top{display:flex;gap:12px;align-items:center;padding:0 16px}.ac-top .ac-mini{width:72px;height:72px;flex:none;border-radius:14px;object-fit:cover;background:radial-gradient(circle at 50% 42%,#2b3a52,#141c29)}.ac-top .ac-mini.fit{object-fit:contain}.ac-top .ac-headtext{min-width:0}.ac-top h2{margin:4px 0 0;font-size:1.2rem;color:#ffcf87;line-height:1.2}.ac-hero,.ac-plate,.ac-head{display:none}.ac-body{padding-top:6px}.ac-close{top:14px}.atlas-zoom{right:10px}.atlas-zoom button{width:42px;height:42px}}@media (min-width: 901px){.ac-top{display:none}}
