.clan-invite{min-width:0;padding:24px;border:1px solid #405779;border-radius:10px;background:#111c2e;color:#e2e8f0}
.clan-invite[hidden]{display:none}
.clan-invite h1,.clan-invite h3{margin:8px 0 14px;line-height:1.25;overflow-wrap:anywhere}
.clan-invite h1{font-size:clamp(1.75rem,4vw,2.4rem)}
.clan-invite h3{font-size:1.1rem}
.clan-invite p{line-height:1.65;margin:12px 0;color:#bdc9db}
.clan-invite .eyebrow{margin:0;color:#93b8ff;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.clan-invite .button{white-space:normal;text-align:center;min-height:44px;max-width:100%}
.clan-invite__actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.clan-invite__field{display:grid;gap:8px;font-size:.85rem;font-weight:650;margin:18px 0 10px}
.clan-invite__field input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:12px;background:#0b1323;border:1px solid #405779;border-radius:6px;color:#dce8ff;font:inherit;font-weight:400;text-overflow:ellipsis}
.clan-invite__preview,.clan-invite__back{color:#a9c6ff;font-size:.9rem}
.clan-invite__back{display:inline-block;margin-bottom:20px}
.clan-invite .clan-invite__note{font-size:.85rem;color:#9cacc4}
.clan-invite__warning,.clan-invite__success{padding:16px;border:1px solid #486590;background:#17263d;border-radius:6px;margin:20px 0}
.clan-invite__warning p:first-child,.clan-invite__success p:first-child{margin-top:0}
.clan-invite .clan-invite__error{color:#ffb4b4}
.clan-invite .clan-invite__notice{color:#a9d7ff}
.clan-invite__notice:empty,[data-invite-notice]:empty{display:none}
.clan-invite__connection{margin-top:28px}
.clan-connect{max-width:720px;margin:0 auto}
.clan-connect-shell{max-width:1080px;margin:auto;padding:40px 20px 64px}
.dashboard-card>.clan-invite{margin-top:20px}
[data-clan-profile-invite]:not(:empty){margin:24px 0}
@media(max-width:600px){.clan-invite{padding:18px}.clan-connect-shell{padding:24px 16px 48px}.clan-invite__actions{flex-direction:column;align-items:stretch}.clan-invite__actions .button{width:100%}}