.atlas-stage{flex:1 1 0;width:100%;min-height:300px;position:relative}.atlas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.atlas[data-dragging=true]{cursor:grabbing}@media (width>=60rem){.atlas-stage[data-roster=true] .atlas{width:calc(100% - 18.5rem)}}.atlas-sea,.atlas-ball{fill:color-mix(in srgb, var(--backdrop) 46%, transparent);stroke:var(--line);stroke-width:var(--edge);vector-effect:non-scaling-stroke}.atlas-shade{opacity:var(--fade-modern);pointer-events:none}.atlas-rim{fill:none;stroke:var(--line);stroke-width:calc(var(--edge) * 1.4);vector-effect:non-scaling-stroke;pointer-events:none;filter:drop-shadow(0 0 calc(var(--fade-modern) * 7px) color-mix(in srgb, var(--accent) 55%, transparent))}.atlas-graticule path{fill:none;stroke:var(--line);stroke-opacity:.6;stroke-width:1px;vector-effect:non-scaling-stroke}.atlas-rest path{fill:color-mix(in oklab, var(--backdrop) 64%, var(--muted));stroke:color-mix(in oklab, var(--backdrop) 44%, var(--muted));stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.atlas-rest path[data-name=Antarctica]{stroke:none}.atlas-visited path{fill:color-mix(in oklab, var(--backdrop) 58%, var(--accent));stroke:var(--accent);stroke-width:1.8px;paint-order:stroke;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .18s ease-out}.atlas-visited path:hover{fill:color-mix(in oklab, var(--backdrop) 34%, var(--accent))}.atlas-halo{fill:none;stroke:var(--accent);stroke-width:2.4px;vector-effect:non-scaling-stroke;pointer-events:none;filter:drop-shadow(0 0 calc(var(--fade-modern) * 3px) var(--accent))}.atlas-decor{pointer-events:none}.marker{cursor:pointer}.marker__hit{fill:#0000}.marker__ring{fill:none;stroke:var(--accent);stroke-width:1.2px;opacity:var(--fade-modern)}.marker__dot{fill:var(--fg);opacity:var(--fade-modern)}.marker__block{fill:var(--accent);stroke:var(--line);stroke-width:1.2px;opacity:var(--fade-pixel)}.marker[data-on=true] .marker__ring{stroke-width:2px}.marker__halo{fill:none;stroke:var(--accent);stroke-width:1.4px;animation:1.7s ease-out infinite marker-halo}@keyframes marker-halo{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.9)}}.tip{z-index:3;pointer-events:none;max-width:15rem;transform:translate(calc(var(--tip-x,0) * 1px), calc(var(--tip-y,0) * 1px)) translate(calc(var(--tip-side,1) * .85rem), -50%) translateX(calc((var(--tip-side,1) - 1) * 50%));padding:.5rem .7rem;position:absolute;top:0;left:0}.tip__row{grid-template-columns:auto auto 1fr;align-items:center;gap:.5rem;display:grid}.tip__row+.tip__row{border-top:1px solid color-mix(in srgb, var(--line) 70%, transparent);margin-top:.35rem;padding-top:.35rem}.roster{z-index:2;flex-direction:column;width:min(17.5rem,80vw);padding:.75rem .35rem .75rem .75rem;transition:transform .34s cubic-bezier(.16,1,.3,1),opacity .26s ease-out;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.roster[data-open=false]{opacity:0;pointer-events:none;transform:translate(calc(100% + 1rem))}.roster__list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 55%, transparent) transparent;margin:.6rem 0 0;padding:0 .4rem 0 0;list-style:none;overflow-y:auto}.roster__row{border-radius:calc(var(--radius) * .3);width:100%;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:1.9rem 1.6rem 1fr;align-items:center;gap:.4rem;padding:.26rem .3rem;transition:background-color .16s ease-out,color .16s ease-out;display:grid}.roster__row:hover,.roster__row[data-on=true]{background:color-mix(in srgb, var(--accent) calc(14% + 12% * var(--mc)), transparent);color:var(--fg)}.atlas-tools{z-index:2;flex-wrap:wrap;gap:.3rem .75rem;display:flex;position:absolute;bottom:0;left:0}.atlas-tools__set{gap:.3rem;display:flex}.tool{border:var(--edge) solid var(--line);border-radius:calc(var(--radius) * .35);background:var(--panel);min-width:1.9rem;color:var(--muted);cursor:pointer;place-items:center;padding:.28rem .5rem;transition:color .18s ease-out,background-color .18s ease-out;display:grid}.tool:hover:not(:disabled){background:var(--panel-hover);color:var(--accent)}.tool:disabled{cursor:default;opacity:.45}.tool[aria-pressed=true]:not(:disabled){background:color-mix(in srgb, var(--accent) calc(16% + 24% * var(--mc)), transparent);color:var(--fg)}.decor--modern{opacity:var(--fade-modern)}.decor--pixel{opacity:var(--fade-pixel)}.decor-glow{filter:drop-shadow(0 0 2px var(--accent))}@keyframes decor-drift-y{to{transform:translateY(calc(var(--tile) * -1px))}}.decor-drift-y{animation:2.4s linear infinite decor-drift-y}@keyframes decor-drift-x{to{transform:translateX(calc(var(--tile) * -1px))}}.decor-drift-x{animation:2.2s linear infinite decor-drift-x}@keyframes decor-ring{0%{opacity:.9;transform:scale(.04)}to{opacity:0;transform:scale(1)}}.decor-ring{animation:1.8s linear infinite decor-ring}@keyframes decor-run-x{to{transform:translateX(calc(var(--span) * 1px))}}.decor-run-x{animation:1.9s linear infinite decor-run-x}@keyframes decor-run-y{to{transform:translateY(calc(var(--span) * 1px))}}.decor-run-y{animation:2.7s linear infinite decor-run-y}@keyframes decor-slice{0%{transform:none}25%{transform:translateX(calc(var(--span) * 1px))}50%{transform:translateX(calc(var(--span) * -.55px))}75%{transform:translateX(calc(var(--span) * .3px))}}.decor-slice{animation:1.6s step-end infinite decor-slice}@keyframes decor-bob{0%,49.9%{transform:none}50%,to{transform:translateY(calc(var(--tile) * -.16px))}}.decor-bob{animation:1.1s infinite decor-bob}@keyframes decor-blink{0%,49.9%{opacity:0}50%,to{opacity:.2}}.decor-blink{animation:1.1s infinite decor-blink}@keyframes decor-twinkle{0%,59.9%{opacity:.3}60%,to{opacity:1}}.decor-twinkle{animation:1.3s infinite decor-twinkle}@media (prefers-reduced-motion:reduce){.marker__halo,.decor-drift-x,.decor-drift-y,.decor-ring,.decor-run-x,.decor-run-y,.decor-slice,.decor-bob,.decor-blink,.decor-twinkle{animation:none!important}.decor-ring,.marker__halo{opacity:.5}}