.community-invite{position:fixed;inset:0;width:min(920px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #b58b465e;border-radius:3px;background:#0b0e0e;color:#ebe4d5;box-shadow:0 30px 120px #000b,0 0 0 6px #050808c9;font-family:Manrope,Arial,sans-serif;overflow:auto}
.community-invite[open]{display:grid;grid-template-columns:35% 65%;animation:community-enter .25s ease-out}
.community-invite::backdrop{background:#020607d9;backdrop-filter:blur(9px)}
.community-invite__close{position:absolute;right:14px;top:10px;z-index:2;width:36px;height:36px;border:1px solid #cba96770;border-radius:2px;background:#0b0e0e;color:#ded4c1;font-size:26px;cursor:pointer}
.community-invite__art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:38px 24px;overflow:hidden;border-right:1px solid #cba96726;background:radial-gradient(ellipse at 50% 52%,#95703745,transparent 65%),linear-gradient(150deg,#1b211f,#080c0b)}
.community-invite__logo{width:170px;height:auto;position:relative;z-index:1}
.community-invite__chest{position:relative;z-index:1;width:min(100%,240px);height:auto;filter:drop-shadow(0 15px 30px #bd8e423b)}
.community-invite__art>span{position:relative;color:#d5b777;font-size:9px;text-align:center;letter-spacing:.22em;line-height:1.8}
.community-invite__orbit{position:absolute;width:300px;height:300px;border:1px solid #cba96726;border-radius:50%;transform:rotate(-25deg)}
.community-invite__orbit:after{content:'';position:absolute;inset:25px;border:1px solid #cba96720;border-radius:50%}
.community-invite__content{padding:48px 40px 30px}
.community-invite__eyebrow{font-size:9px;font-weight:700;letter-spacing:.2em;color:#d3b16d}
.community-invite h2{font-family:Cinzel,Georgia,serif;font-size:clamp(25px,3vw,34px);line-height:1.3;font-weight:500;margin:16px 0}
.community-invite h2 em{font-style:normal;color:#e4c17b}
.community-invite p{font-size:13px;line-height:1.8;color:#acaea7;margin:0}
.community-invite ul{display:grid;gap:18px;list-style:none;padding:24px 0;margin:0}
.community-invite li{position:relative;padding-left:20px}
.community-invite li:before{content:'';position:absolute;left:0;top:7px;width:6px;height:6px;background:#d5b777;transform:rotate(45deg)}
.community-invite li b{display:block;font-size:12px;color:#e6d9bf;margin-bottom:4px}
.community-invite li span{font-size:11px;line-height:1.6;color:#a1a89f}
.community-invite__join{display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:14px;border:1px solid #e1bd76;border-radius:2px;background:linear-gradient(125deg,#b28a49,#d6b474 48%,#8d6935);color:#11130f!important;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.06em;box-shadow:inset 0 0 0 3px #f3d59344,0 8px 24px #0008;transition:background .2s,box-shadow .2s,transform .2s}
.community-invite__join:hover{background:linear-gradient(125deg,#d4aa63,#f0ce89 48%,#ae8547);box-shadow:inset 0 0 0 3px #ffe6aa77,0 12px 30px #0009;transform:translateY(-2px)}
.community-invite .community-invite__hint{font-size:10px;text-align:center;margin-top:12px;line-height:1.6}
.community-invite__later{display:block;margin:18px auto 0;background:transparent;border:0;color:#c8bda7;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.community-invite :is(a,button):focus-visible{outline:2px solid #e4c17b;outline-offset:4px}
@keyframes community-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:650px){.community-invite[open]{grid-template-columns:1fr}.community-invite__art{flex-direction:row;gap:20px;padding:18px 40px 10px;border-right:0;border-bottom:1px solid #cba96726}.community-invite__logo{width:120px}.community-invite__chest{width:90px}.community-invite__art>span{display:none}.community-invite__content{padding:26px 24px}.community-invite h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.community-invite[open]{animation:none}}
.community-invite__close{width:44px;height:44px;right:12px;top:12px}
.community-invite__content{padding-top:54px}
.community-invite li span{font-size:13px;line-height:1.75;color:#b8beb4}
.community-invite .community-invite__hint{font-size:12px;color:#b4b5a9}
.community-invite__later{min-height:44px;margin-top:10px;padding:10px 18px}
@media(max-width:650px){.community-invite__content{padding-top:26px}.community-invite__art{padding-right:64px}.community-invite__chest{width:66px}.community-invite h2{font-size:24px}.community-invite__join{font-size:12px;letter-spacing:0}}
@media(max-width:650px){
 .community-invite{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);min-width:0}
 .community-invite[open]{grid-template-columns:minmax(0,1fr)}
 .community-invite__art,.community-invite__content{min-width:0}
 .community-invite__art{padding:16px 54px 12px 18px;gap:12px}
 .community-invite__logo{width:min(36vw,120px)}
 .community-invite__content{padding:22px 18px 24px}
 .community-invite h2{font-size:clamp(21px,6vw,25px);overflow-wrap:anywhere}
 .community-invite p,.community-invite li span{overflow-wrap:anywhere}
 .community-invite ul{gap:12px;padding:18px 0}
 .community-invite__join{padding-inline:8px;text-align:center;overflow-wrap:anywhere}
}