.mg-ov{position:fixed;inset:0;z-index:10000;background:rgba(12,21,20,.72);display:flex;align-items:center;justify-content:center;padding:16px}
.mg-ov[hidden]{display:none}
.mg-box{position:relative;max-width:440px;width:100%;background:#12201e;color:#eef5f3;border-radius:16px;padding:28px;box-shadow:0 12px 40px rgba(0,0,0,.4)}
.mg-k{margin:0 0 6px;color:#8fd3c3;font-weight:700;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}
.mg-box h2{margin:0 0 8px;font-size:1.3rem;color:#fff}.mg-box p{color:#c9d8d4}
.mg-l{display:block;font-weight:600;margin:10px 0 4px}
.mg-box input{width:100%;padding:12px;border-radius:10px;border:1px solid #3d5a55;background:#0c1514;color:#fff;font-size:1rem;margin-bottom:12px}
.mg-msg{color:#ffb4a8;min-height:1.2em;margin:8px 0 0}
.mg-join a{color:#8fd3c3;font-weight:700}
.mg-x{position:absolute;top:10px;right:12px;background:none;border:0;color:#c9d8d4;font-size:1.6rem;cursor:pointer}
.mg-badge{display:inline-block;margin:0 0 10px;padding:4px 10px;border-radius:999px;background:#2f6b62;color:#fff;font-size:.8rem;font-weight:700}
html.mg-ok .mg-badge{display:none}