/* aicon1 (01-11-2026, Mortimer: «este icono no me gusta nada», the 🌌 of the BASC Ape network): our own mini constellation
   (components/_apenet.html, an_icon): a glowing centre, two orbits, six planets in level colours and two friend lines, in a
   night-sky tile. It turns very slowly and the centre sends a soft ping; nothing moves with «reduce motion». */
.an-icon { display: block; width: 100%; height: 100%; overflow: visible; }
.an-icon-orbit { fill: none; stroke: rgba(255, 255, 255, 0.2); stroke-width: 0.9; }
.an-icon-orbit--far { stroke: rgba(255, 255, 255, 0.13); stroke-dasharray: 1.6 2.4; }
.an-icon-links line { stroke-width: 1.1; stroke-opacity: 0.55; stroke-linecap: round; }
.an-icon-friend { stroke: rgba(255, 255, 255, 0.45); stroke-width: 0.9; stroke-dasharray: 1.2 1.8; stroke-linecap: round; }
.an-icon-planets circle { stroke: rgba(5, 8, 20, 0.85); stroke-width: 0.8; }
.an-icon-halos circle { opacity: 0.17; }
.an-icon-shine { fill: #fff; opacity: 0.45; pointer-events: none; }
.an-icon-halo { fill: none; stroke: #00ddeb; stroke-width: 1.4; opacity: 0; }
.an-icon-core { fill: #0a1124; stroke-width: 2.2; }
.an-icon-heart { fill: #00ddeb; }
.an-icon-sys, .an-icon-halo, .an-icon-heart { transform-origin: 24px 24px; }
.an-icon-sys { animation: an-icon-turn 60s linear infinite; }
.an-icon-halo { animation: an-icon-ping 3.6s ease-out infinite; }
.an-icon-heart { animation: an-icon-beat 3.6s ease-in-out infinite; }
@keyframes an-icon-turn { to { transform: rotate(360deg); } }
@keyframes an-icon-ping { 0% { transform: scale(1); opacity: 0.75; } 70%, 100% { transform: scale(2.8); opacity: 0; } }
@keyframes an-icon-beat { 0%, 100% { transform: scale(1); } 12% { transform: scale(1.22); } 26% { transform: scale(1); } }
.an-icon-tile { flex: none; display: grid; place-items: center; width: 62px; height: 62px; padding: 7px; border-radius: 18px;
    background: radial-gradient(1px 1px at 18% 24%, rgba(255, 255, 255, 0.8), transparent), radial-gradient(1px 1px at 80% 72%, rgba(255, 255, 255, 0.6), transparent),
                radial-gradient(1px 1px at 70% 16%, rgba(255, 255, 255, 0.5), transparent), radial-gradient(circle at 50% 50%, rgba(0, 221, 235, 0.16), transparent 64%),
                linear-gradient(160deg, #0b1328, #04060e);
    box-shadow: inset 0 0 0 1px rgba(0, 221, 235, 0.32), 0 10px 26px rgba(0, 0, 0, 0.35); }
.an-icon-inline { display: inline-block; flex: none; width: 1.9em; height: 1.9em; margin: -0.45em 0; vertical-align: middle; }
.an-icon-inline .an-icon-orbit--far, .an-icon-inline .an-icon-friend, .an-icon-inline .an-icon-shine { display: none; }
@media (max-width: 680px) { .an-icon-tile { width: 52px; height: 52px; padding: 6px; border-radius: 15px; } }
@media (prefers-reduced-motion: reduce) { .an-icon-sys, .an-icon-heart { animation: none; } .an-icon-halo { animation: none; display: none; } }