#mervix-com-demo-intro{position:fixed;inset:0;z-index:2147483100;display:grid;place-items:center;background:radial-gradient(ellipse at 45% 25%,#1b3c50ed,#030a13fa 75%);opacity:0;pointer-events:none;transition:opacity .85s ease;color:#effcff;overflow:hidden}
#mervix-com-demo-intro.mv-active{opacity:1;pointer-events:auto}
#mervix-com-demo-intro.mv-finished{opacity:0;pointer-events:none}
.mv-demo-core{position:relative;text-align:center;padding:30px;max-width:960px}
.mv-demo-core>p:first-child{font:500 12px/1.8 monospace;letter-spacing:.28em;color:#b4e7f0}
.mv-demo-core h1{font:600 clamp(32px,6vw,76px)/1.12 Cinzel,serif;text-shadow:0 0 30px #82d7f870;margin:32px 0;min-height:1.2em}
.mv-decode{font:13px monospace;letter-spacing:.17em;color:#9fe5fa;min-height:24px}
.mv-demo-core .mv-sub{font:16px/1.6 Rajdhani,sans-serif;color:#d6e6ee}
.mv-demo-core button{border:1px solid #8ed9ee88;background:#132a38aa;color:white;border-radius:30px;padding:15px 24px;margin-top:24px;cursor:pointer;font:14px monospace;touch-action:manipulation}
.mv-demo-core button:focus-visible{outline:2px solid white;outline-offset:5px}
.mv-frost{position:absolute;inset:-20%;background:radial-gradient(ellipse at 20% 30%,#a1ddff15,transparent 40%),radial-gradient(ellipse at 75% 65%,#9cbee625,transparent 40%);filter:blur(25px);animation:mervixMistDrift 14s ease-in-out infinite alternate}
@keyframes mervixMistDrift{to{transform:translate(5%,3%) scale(1.1)}}
@media(prefers-reduced-motion:reduce){.mv-frost{animation:none}}
#hud-rail button{display:block;width:7px;height:7px;min-width:7px;padding:0;border:0;border-radius:50%;background:#aed9e56b;cursor:pointer;transition:transform .3s,background .3s}
#hud-rail button.on{transform:scale(1.7);background:#86dded}
#hud-rail button:focus-visible{outline:2px solid white;outline-offset:5px}
body.light-hud #hud-rail button{background:#29648e70}body.light-hud #hud-rail button.on{background:#29648e}