/* extras.css: Reception embers, and tab layout for 1 to 3 functions */
.fxr-ember { position: absolute; width: var(--s, 4px); height: var(--s, 4px); border-radius: 50%;
  background: radial-gradient(circle, #fff3c0, #ffb940 60%, rgba(255,150,40,0)); box-shadow: 0 0 8px 2px rgba(255,190,80,.7);
  opacity: 0; animation: fxrRise var(--d, 9s) ease-in var(--delay, 0s) infinite; }
@keyframes fxrRise { 0% { transform: translate3d(0,0,0); opacity: 0; } 12% { opacity: .95; } 60% { opacity: .7; } 100% { transform: translate3d(var(--sway, 20px), -70vh, 0); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .fxr-ember { display: none; } }
.tabs__grid--n1 { grid-template-columns: minmax(0, 62%); justify-content: center; }
.tabs__grid--n3 .tab:last-child { grid-column: 1 / -1; width: calc(50% - 6px); justify-self: center; }