/* Magnacon Online: brief 3D entrance, scoped to its dialog. */
#mn-online-transition{--mot-blue:#006faf;--mot-navy:#012741;--mot-line:#bdd5e4;position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;background:#f4f8fc;color:var(--mot-navy);font-family:inherit;isolation:isolate}
#mn-online-transition[hidden]{display:none!important}
#mn-online-transition *{box-sizing:border-box}
#mn-online-transition .mot-content{width:min(100%,480px);text-align:center;perspective:1100px}
#mn-online-transition .mot-scene{height:230px;width:min(100%,390px);position:relative;margin:0 auto 26px;perspective:900px}
#mn-online-transition .mot-portal{position:absolute;inset:22px 24px;transform-style:preserve-3d;transform:rotateX(10deg) rotateY(-16deg)}
#mn-online-transition .mot-plane{position:absolute;inset:0;border:1px solid var(--mot-line);border-radius:24px;background:linear-gradient(135deg,#e4f0f8,#fff);box-shadow:0 24px 48px -25px rgba(1,39,65,.25)}
#mn-online-transition .mot-back{transform:translateZ(-64px);opacity:.42}
#mn-online-transition .mot-middle{transform:translateZ(-32px);opacity:.72}
#mn-online-transition .mot-front{display:grid;place-items:center;overflow:hidden}
#mn-online-transition .mot-front:after{content:"";position:absolute;inset:-80%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.9) 50%,transparent 58%);transform:translateX(-65%);pointer-events:none}
#mn-online-transition .mot-brand{position:relative;width:78%;display:flex;flex-direction:column;align-items:center;gap:12px}
#mn-online-transition .mot-logo{display:block;width:100%;height:auto;max-width:280px;object-fit:contain;aspect-ratio:1000/475}
#mn-online-transition .mot-online{display:block;color:var(--mot-blue);font-size:13px;letter-spacing:.25em;font-weight:500}
#mn-online-transition .mot-floor{position:absolute;bottom:-8px;left:12%;width:76%;height:34px;background:radial-gradient(ellipse,rgba(0,111,175,.22),transparent 70%);filter:blur(10px);transform:rotateX(65deg)}
#mn-online-transition h2{font-size:clamp(22px,4vw,28px);line-height:1.3;font-weight:600;margin:0 0 12px;color:var(--mot-navy)}
#mn-online-transition .mot-status{font-size:15px;line-height:1.6;color:#496679;margin:0 0 24px}
#mn-online-transition .mot-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
#mn-online-transition .mot-actions a,#mn-online-transition .mot-actions button{font:inherit;font-size:14px;min-height:44px;padding:10px 14px;border-radius:8px}
#mn-online-transition .mot-actions a{color:var(--mot-blue);text-decoration:underline;text-underline-offset:4px}
#mn-online-transition .mot-actions button{background:transparent;border:1px solid var(--mot-line);color:var(--mot-navy);cursor:pointer}
#mn-online-transition .mot-actions a:focus-visible,#mn-online-transition .mot-actions button:focus-visible{outline:3px solid var(--mot-blue);outline-offset:4px}
#mn-online-transition.mot-running .mot-portal{animation:mot-entrance 1.65s cubic-bezier(.2,.7,.2,1) both}
#mn-online-transition.mot-running .mot-front:after{animation:mot-light 1.4s ease .15s both}
#mn-online-transition.mot-running .mot-copy{animation:mot-copy .5s ease .12s both}
@keyframes mot-entrance{0%{opacity:0;transform:translateZ(-100px) rotateX(18deg) rotateY(-32deg)}20%{opacity:1}72%{transform:translateZ(15px) rotateX(5deg) rotateY(7deg);opacity:1}100%{transform:translateZ(70px) rotateX(0) rotateY(0);opacity:1}}
@keyframes mot-light{to{transform:translateX(65%)}}
@keyframes mot-copy{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:480px){#mn-online-transition{padding:18px}#mn-online-transition .mot-scene{height:190px}#mn-online-transition .mot-portal{inset:16px 18px}#mn-online-transition .mot-wordmark{letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){#mn-online-transition.mot-running .mot-portal,#mn-online-transition.mot-running .mot-front:after,#mn-online-transition.mot-running .mot-copy{animation:none}#mn-online-transition .mot-portal{transform:none}#mn-online-transition .mot-front:after{display:none}}