/* Kreis-Varianten (abwechselnd je Seite): .v2 Pulswellen · .v4 Glasring */
/* Variante 2 – Pulswellen */
.portal.v2::before{background:none;border:2px solid rgba(255,191,110,.9);box-shadow:0 0 24px rgba(255,150,70,.5),inset 0 0 24px rgba(139,108,255,.35)}
.portal.v2::after{background:none;filter:none;opacity:1;border:2px solid rgba(255,191,110,.6);animation:pv-wave 3.2s ease-out infinite}
.portal.v2 .wave{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(139,108,255,.55);animation:pv-wave 3.2s ease-out 1.6s infinite;pointer-events:none}
.portal.v2 .inner{width:calc(100% - 4px)}
@keyframes pv-wave{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.28);opacity:0}}
/* Variante 4 – Glasring */
.portal.v4::before{background:radial-gradient(circle,transparent 0 46%,rgba(255,255,255,.06) 46.5% 50%);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px rgba(255,217,160,.15)}
.portal.v4::after{background:none;filter:none;opacity:1;inset:-1px;border:1.5px solid transparent;border-top-color:rgba(255,217,160,.9);border-right-color:rgba(139,108,255,.6);animation:pv-rot 6s linear infinite,pv-glow 3s ease-in-out infinite}
.portal.v4 .inner{width:92%;background:radial-gradient(circle at 50% 40%,rgba(22,26,69,.92),rgba(5,6,26,.92) 75%)}
@keyframes pv-rot{to{transform:rotate(360deg)}}
@keyframes pv-glow{0%,100%{box-shadow:0 0 10px rgba(255,191,110,.25)}50%{box-shadow:0 0 34px rgba(255,191,110,.6)}}
@media(prefers-reduced-motion:reduce){.portal.v2::after,.portal.v2 .wave,.portal.v4::after{animation:none}}
/* Wellen/Rotation dürfen nicht seitlich überstehen */
html,body{overflow-x:clip}