/* Abertura animada do Portal Magaiver — a mesma do Magaiver OS (aparece 1 vez por aba do navegador) */
html.sem-abertura #mg-abertura { display: none; }
#mg-abertura{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;overflow:hidden;
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;color:#fff;
  background:radial-gradient(ellipse at 50% 38%,#2a1013 0%,#140a0d 45%,#07080d 100%);transition:opacity .6s ease,transform .6s ease,filter .6s ease}
#mg-abertura::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(229,38,43,.16) 80%,transparent 90%);animation:mgab-gira 6s linear infinite}
#mg-abertura::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 50% 45%,#000 0,transparent 65%);-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 0,transparent 65%);animation:mgab-fade 1.2s ease both}
#mg-abertura>*{position:relative;z-index:1}
#mg-abertura.saindo{opacity:0;transform:scale(1.06);filter:blur(6px);pointer-events:none}
#mg-abertura.oculta{display:none}
#mg-abertura .ab-roda{position:relative;width:150px;height:150px;display:grid;place-items:center;margin-bottom:6px}
#mg-abertura .ab-roda::before{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid rgba(255,255,255,.07);border-top-color:#ff4d52;border-right-color:#e5262b;animation:mgab-gira 1.2s cubic-bezier(.6,.1,.4,.9) infinite}
#mg-abertura .ab-roda::after{content:"";position:absolute;inset:16px;border-radius:50%;animation:mgab-onda 2s ease-out .5s infinite}
#mg-abertura img{width:104px;height:104px;border-radius:50%;background:#fff;padding:4px;object-fit:contain;box-sizing:content-box;box-shadow:0 0 40px rgba(229,38,43,.35);
  animation:mgab-entra .9s cubic-bezier(.2,1.4,.4,1) both,mgab-pulsa 2.2s ease-in-out 1s infinite}
#mg-abertura b{font-size:28px;font-weight:800;letter-spacing:.06em;display:flex}
#mg-abertura b span{display:inline-block;animation:mgab-letra .5s cubic-bezier(.2,1.3,.4,1) both}
#mg-abertura b span.os{color:#ff4d52;margin-left:.3em}
#mg-abertura small{color:#c9a9ab;font-size:14px;min-height:1.3em;animation:mgab-sobe .5s ease .9s both}
#mg-abertura .ab-barra{width:200px;height:4px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden;animation:mgab-sobe .5s ease .8s both}
#mg-abertura .ab-barra i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#e5262b,#ff8a8d);box-shadow:0 0 12px #ff4d52;transition:width .5s ease}
@keyframes mgab-gira{to{transform:rotate(360deg)}}
@keyframes mgab-fade{from{opacity:0}to{opacity:1}}
@keyframes mgab-entra{from{transform:scale(.3) rotate(-30deg);opacity:0}to{transform:none;opacity:1}}
@keyframes mgab-pulsa{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes mgab-onda{0%{box-shadow:0 0 0 0 rgba(229,38,43,.5)}100%{box-shadow:0 0 0 30px rgba(229,38,43,0)}}
@keyframes mgab-sobe{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes mgab-letra{from{opacity:0;transform:translateY(18px) scale(.6)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#mg-abertura *,#mg-abertura::before,#mg-abertura *::before,#mg-abertura *::after{animation:none!important}}