#invSheet{position:fixed;inset:0;z-index:90;display:none;align-items:flex-end;justify-content:center;background:rgba(5,2,10,.7);backdrop-filter:blur(4px)}
#invSheet.open{display:flex}
.invcard{position:relative;width:min(440px,100%);max-height:100%;overflow:auto;background:linear-gradient(180deg,#2e0a4f,#0d0516);border:2px solid #facc15;border-bottom:0;border-radius:22px 22px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));color:#fff;font-family:system-ui,sans-serif;text-align:center;animation:invup .25s ease-out}
@keyframes invup{from{transform:translateY(40px);opacity:0}}
.invx{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.4);color:#fff;font-size:16px}
.invh{font:30px Anton,Impact,sans-serif;letter-spacing:2px;color:#facc15}.invs{font-size:13px;opacity:.8;margin:2px 0 10px}
.invcode{display:inline-flex;align-items:baseline;gap:8px;background:rgba(0,0,0,.4);border:1px dashed #c084fc;border-radius:10px;padding:4px 14px;margin-bottom:12px}.invcode b{font:28px Anton,Impact,sans-serif;letter-spacing:6px}.invcode small{opacity:.6;letter-spacing:2px}
.invbig,.b7invite,.g3inv{display:block;width:100%;font:24px Anton,Impact,sans-serif;letter-spacing:2px;color:#111;background:linear-gradient(180deg,#fde047,#f59e0b);border:0;border-radius:16px;padding:16px;box-shadow:0 6px 20px rgba(250,204,21,.35),inset 0 -4px 0 rgba(0,0,0,.2)}
.invbig:active,.b7invite:active{transform:scale(.97)}
.invrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.invapp{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:14px;border:0;color:#fff;font:600 13px system-ui;text-decoration:none}.invapp i{font-style:normal;font-size:22px}
.invapp.wa{background:#16a34a}.invapp.sc{background:#facc15;color:#111}.invapp.dc{background:#5865f2}
.invqr{display:flex;align-items:center;gap:12px;background:#fff;color:#111;border-radius:14px;padding:8px 12px;text-align:left;font:600 13px system-ui}.invqr svg{width:104px;height:104px;flex:none}
.invlink{display:flex;width:100%;margin-top:10px;align-items:center;gap:8px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px 12px;color:#ddd;font:12px monospace}.invlink span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.invlink b{color:#c4f542;font:15px Anton,Impact,sans-serif;letter-spacing:1px}
.invtoast{position:fixed;left:50%;top:40%;transform:translateX(-50%);z-index:99;background:#c4f542;color:#111;font:20px Anton,Impact,sans-serif;letter-spacing:1px;padding:10px 22px;border-radius:30px;box-shadow:0 8px 30px rgba(0,0,0,.5);transition:opacity .4s}.invtoast.out{opacity:0}
.b7invite{margin:8px 0 0;font-size:20px;padding:12px}.b7invite small{display:block;font:600 11px system-ui;letter-spacing:0;opacity:.75}
.b7joinbar{background:#16a34a;color:#fff;border-radius:12px;padding:8px;font:600 13px system-ui;margin-top:8px}
@media (max-height:500px){#invSheet{align-items:center}.invcard{border-radius:22px;border-bottom:2px solid #facc15;padding:10px 14px;width:min(560px,96%)}.invh{font-size:22px}.invbig{padding:10px}.invrow{margin:8px 0}.invqr svg{width:80px;height:80px}}