/* MetaFlight V3 · first-visit intro overlay. Prefix mf-in-. Transform/opacity animations only. */
.mf-in-ov{position:fixed;inset:0;z-index:2147483647;overflow:hidden;pointer-events:auto;color:#e6f1ff;
  font-family:Rajdhani,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.mf-in-ov *{box-sizing:border-box}
.mf-in-door{position:absolute;top:0;bottom:0;width:50.5%;background-color:#050810;
  background-image:radial-gradient(ellipse at 50% 40%,rgba(0,204,255,.07),transparent 60%),
    linear-gradient(rgba(0,204,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,204,255,.035) 1px,transparent 1px);
  background-size:100vw 100vh,48px 48px,48px 48px;will-change:transform}
.mf-in-door--l{left:0;background-position:0 0,0 0,0 0}
.mf-in-door--r{right:0;background-position:right 0 top 0,right 0 top 0,right 0 top 0}
.mf-in-door::after{content:"";position:absolute;top:0;bottom:0;width:1px;background:#00ccff;opacity:0;
  box-shadow:0 0 18px 2px rgba(0,204,255,.6);transition:opacity .2s}
.mf-in-door--l::after{right:0}.mf-in-door--r::after{left:0}
.mf-in-ov.is-opening .mf-in-door::after{opacity:1}
.mf-in-clouds{position:absolute;inset:0;pointer-events:none}
.mf-in-cloud{position:absolute;width:85vw;height:75vh;opacity:0;will-change:transform,opacity}
.mf-in-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px}
.mf-in-label,.mf-in-sub,.mf-in-v3 span,.mf-in-skip{font-family:"JetBrains Mono",Consolas,monospace;text-transform:uppercase;letter-spacing:.22em;font-size:11px;margin:0}
.mf-in-label{color:#00ccff}
.mf-in-label i{display:inline-block;width:8px;height:8px;background:#00ccff;margin-right:10px;vertical-align:1px}
.mf-in-sub{color:#7d8ca3}
.mf-in-mark{position:relative;width:clamp(150px,22vmin,220px);aspect-ratio:194/170}
.mf-in-logo{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mf-in-seg,.mf-in-bird{transform-box:view-box;transform-origin:51.5% 50%}
.mf-in-plane{position:absolute;left:51.5%;top:50%;width:62%;aspect-ratio:1;margin:-31% 0 0 -31%;opacity:0;overflow:visible;
  filter:drop-shadow(0 0 10px rgba(0,204,255,.55));will-change:transform,opacity}
.mf-in-count{font-family:Orbitron,"Segoe UI",sans-serif;font-weight:700;font-size:clamp(44px,7vmin,64px);line-height:1;
  letter-spacing:.06em;color:#e6f1ff;font-variant-numeric:tabular-nums;min-height:1em}
.mf-in-count b{color:#00ccff;font-weight:700}
.mf-in-v3{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;opacity:0;pointer-events:none}
.mf-in-v3 b{font-family:Orbitron,"Segoe UI",sans-serif;font-weight:900;font-size:clamp(120px,24vw,320px);line-height:.9;color:#00ccff;
  letter-spacing:.02em;text-shadow:0 0 30px rgba(0,204,255,.55),0 0 90px rgba(0,204,255,.3)}
.mf-in-v3 span{color:#a8bdd4}
.mf-in-v3 .mf-in-v3-k{color:#e6f1ff;letter-spacing:.5em;font-size:13px}
.mf-in-skip{position:absolute;right:20px;bottom:20px;z-index:2;background:rgba(5,8,16,.6);color:#a8bdd4;border:1px solid rgba(0,204,255,.25);
  padding:10px 16px;cursor:pointer;border-radius:0;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.mf-in-skip:hover,.mf-in-skip:focus-visible{color:#00ccff;border-color:#00ccff;outline:none}
@media (max-width:600px){.mf-in-cloud{width:130vw;height:60vh}}