.atlas-page .atlas-aperture{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;padding:0;border:0;border-radius:50%;background:#102333;z-index:4;cursor:pointer;color:#d5eee8;-webkit-tap-highlight-color:transparent;box-shadow:0 0 0 5px #112635;transition:box-shadow .2s}
.atlas-aperture svg{display:block;width:100%;height:100%;pointer-events:none;overflow:visible}.atlas-aperture:hover{box-shadow:0 0 0 5px #112635,0 0 18px #8abdad33}.atlas-aperture:focus-visible{outline:2px solid #f8b59c;outline-offset:7px}
/* Remote control stays in the map header, outside the animated label layer. */
.atlas-page .atlas-playback{position:absolute;z-index:20;top:8px;right:126px;width:44px;height:44px;padding:0;margin:0}
.atlas-page .atlas-cycle-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.atlas-page .atlas-cycle-toggle{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:11px;border:1px solid #7ea6ab88;border-radius:50%;background:#0c2233;color:#aadccc;cursor:pointer;box-shadow:0 2px 10px #020a1233;transition:background .18s,border-color .18s,color .18s;-webkit-tap-highlight-color:transparent}
.atlas-page .atlas-cycle-toggle svg{width:20px;height:20px;display:block;pointer-events:none}
.atlas-cycle-toggle[data-playing="true"] .remote-play,.atlas-cycle-toggle[data-playing="false"] .remote-pause{display:none}
.atlas-page .atlas-cycle-toggle:hover{background:#204856;border-color:#a7d9cc;color:#effff9}
.atlas-page .atlas-cycle-toggle:active{background:#315d68}
.atlas-page .atlas-cycle-toggle:focus-visible{outline:2px solid #f8b59c;outline-offset:3px}
.atlas-page .era-novacene{top:22px!important}
@media(max-width:700px){.atlas-page .atlas-aperture{width:60px;height:60px;box-shadow:0 0 0 3px #112635}.atlas-page .atlas-playback{right:110px;top:8px}.atlas-page .era-novacene{top:23px!important}.atlas-page .lens-inner{padding-bottom:2px!important}}
@media(prefers-reduced-motion:reduce){.atlas-page .atlas-cycle-toggle{transition:none}}
@media(prefers-reduced-motion:reduce){.atlas-aperture{transition:none}}

/* Quiet at rest; retain the original blade brightness during interaction. */
.atlas-aperture .iris-blades{opacity:.5;transition:opacity .2s ease}
.atlas-aperture svg>circle,.atlas-aperture svg>path{opacity:.65}
.atlas-aperture:focus-visible .iris-blades,.atlas-aperture.touch-highlight .iris-blades{opacity:1}
@media(hover:hover){.atlas-aperture:hover .iris-blades{opacity:1}}
@media(prefers-reduced-motion:reduce){.atlas-aperture .iris-blades{transition:none}}

/* One composited layer keeps soft-focus transitions light and controls sharp. */
.atlas-page .atlas-node-field{position:absolute;inset:0;z-index:2;filter:none}