#beyond-discord-invite{box-sizing:border-box;position:fixed;inset:auto 18px 18px auto;width:min(410px,calc(100vw - 28px));max-height:min(680px,calc(100dvh - 36px));overflow:auto;margin:0;padding:0;border:1px solid #5ba4c6;border-radius:18px;color:#dbf3ff;background:linear-gradient(150deg,#14384ef5,#071726fa 72%);box-shadow:0 18px 52px #000b,inset 0 1px 0 #b8edff66,0 4px 0 #020b13;font-family:inherit;z-index:2147482000}
#beyond-discord-invite::backdrop{display:none;background:transparent}
#beyond-discord-invite .discord-invite-close{position:absolute;z-index:3;right:14px;top:12px;border:1px solid #7bc4e099;border-radius:9px;background:#071a2bea;color:#e1f5ff;width:36px;height:36px;font:24px/1 sans-serif;cursor:pointer}
#beyond-discord-invite .discord-invite-art{position:relative;isolation:isolate;height:104px;overflow:hidden;background:#0b243c url('../img/season22-part2-hero.png') center 35%/cover no-repeat;border-bottom:1px solid #7cceea55}
#beyond-discord-invite .discord-invite-art:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0d273b,transparent 85%),linear-gradient(90deg,#05192c77,#104a6c22,#061a2e88)}
#beyond-discord-invite .discord-invite-art:after{content:'';position:absolute;inset:-50%;background:linear-gradient(105deg,transparent 40%,#a8e9ff35 49%,transparent 58%);transform:translateX(-60%);pointer-events:none}
#beyond-discord-invite .discord-invite-art>span{position:absolute;left:22px;bottom:13px;font:700 26px/1 Georgia,serif;letter-spacing:.11em;color:#d9f4ff;text-shadow:0 3px 0 #04111d,0 0 25px #26a9db}
#beyond-discord-invite .discord-invite-art>i{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 20%,#5ad4ff44,transparent 58%);opacity:.3}
#beyond-discord-invite .discord-invite-content{padding:19px 22px 21px}
#beyond-discord-invite .discord-invite-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.18em;color:#7fd4f3}
#beyond-discord-invite h2{font:700 clamp(24px,5vw,31px)/1.1 Georgia,serif;margin:7px 0 9px;color:#ecfaff;text-shadow:0 2px 0 #03101c}
#beyond-discord-invite p{font-size:13px;line-height:1.5;color:#b9d5e4;margin:0 0 13px}
#beyond-discord-invite .discord-invite-rewards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 11px}
#beyond-discord-invite .discord-invite-reward{position:relative;overflow:hidden;padding:14px 13px 13px;border:1px solid #478ba8;border-radius:11px;background:linear-gradient(145deg,#164961,#0b263a 75%);box-shadow:inset 0 1px 0 #acf0ff44,0 3px 0 #020e19,0 6px 14px #0005}
#beyond-discord-invite .discord-invite-reward>span{font-size:9px;letter-spacing:.1em;color:#8bdafa;font-weight:800}
#beyond-discord-invite .discord-invite-reward>strong{display:block;font:700 28px/1.2 Georgia,serif;margin:6px 0 7px;color:#dcf9ff;text-shadow:0 2px 0 #001522}
#beyond-discord-invite .discord-invite-reward small{font:700 13px/1 sans-serif;color:#a5dcec}
#beyond-discord-invite .discord-invite-reward p{font-size:12px;line-height:1.6;margin:0;color:#b6d4e2}
#beyond-discord-invite .discord-invite-guild{border-color:#a39464;background:linear-gradient(145deg,#3f4339,#172c32 80%)}
#beyond-discord-invite .discord-invite-guild>span,#beyond-discord-invite .discord-invite-guild>strong,#beyond-discord-invite .discord-invite-guild small{color:#f0dfac}
#beyond-discord-invite .discord-invite-details{font-size:10px;line-height:1.45;color:#8faebe;margin:11px 0 13px}
#beyond-discord-invite .discord-invite-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}
#beyond-discord-invite .discord-invite-actions .btn{text-align:center;margin:0;white-space:normal;box-shadow:inset 0 1px 0 #c8f6ff55,0 5px 0 #010c15,0 9px 15px #0005;transition:transform .15s,filter .15s}
#beyond-discord-invite .discord-invite-actions .btn:hover{transform:translateY(-2px);filter:brightness(1.15)}
#beyond-discord-invite .discord-invite-actions .btn:active{transform:translateY(2px)}
#beyond-discord-invite .discord-invite-later{display:block;margin:14px auto 10px;padding:0;border:0;background:transparent;color:#aed3e5;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font:12px/1.4 inherit}
#beyond-discord-invite .discord-invite-remember{display:flex;align-items:center;justify-content:center;gap:9px;color:#8facbc;font-size:11px}
#beyond-discord-invite input{accent-color:#60bcdf}
#beyond-discord-invite :focus-visible{outline:3px solid #92dfff;outline-offset:4px}
#beyond-discord-invite[open]{animation:beyondInviteEnter .32s ease-out both}
#beyond-discord-invite[open] .discord-invite-art:after{animation:beyondInviteShine 7s ease-in-out infinite}
#beyond-discord-invite[open] .discord-invite-art>i{animation:beyondInviteGlow 4s ease-in-out infinite alternate}
@keyframes beyondInviteEnter{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes beyondInviteShine{0%,45%{transform:translateX(-60%)}85%,100%{transform:translateX(60%)}}
@keyframes beyondInviteGlow{to{opacity:.9}}
@media(max-width:480px){#beyond-discord-invite{inset:auto 10px 10px 10px;width:auto;max-height:calc(100dvh - 20px)}#beyond-discord-invite .discord-invite-content{padding:17px 16px 18px}#beyond-discord-invite .discord-invite-art{height:88px}#beyond-discord-invite .discord-invite-art>span{left:16px;font-size:23px}#beyond-discord-invite .discord-invite-rewards{grid-template-columns:1fr 1fr}#beyond-discord-invite .discord-invite-actions{grid-template-columns:1fr}#beyond-discord-invite .discord-invite-reward>strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){#beyond-discord-invite,#beyond-discord-invite *{animation:none!important;transition:none!important}}
#beyond-discord-invite{transform:perspective(1200px) rotateX(var(--invite-x,0deg)) rotateY(var(--invite-y,0deg));transform-style:preserve-3d;transition:transform .12s ease-out}
#beyond-discord-invite .discord-invite-lightning{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.78}
#beyond-discord-invite .discord-invite-art>span{transform:translateZ(16px)}
#beyond-discord-invite .discord-invite-reward{transform:translateZ(8px)}
@keyframes beyondInviteEnter{from{opacity:0;translate:0 14px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
@media(prefers-reduced-motion:reduce){#beyond-discord-invite{transform:none!important}#beyond-discord-invite .discord-invite-lightning{display:none}}
#beyond-discord-invite .discord-invite-actions .btn{display:flex;align-items:center;justify-content:center;min-height:46px;box-sizing:border-box;padding:12px 16px;border:1px solid #63acc7;border-radius:10px;background:linear-gradient(160deg,#327c9c,#15435e 65%,#0c2c43);color:#e5f8ff;font:800 12px/1.35 sans-serif;letter-spacing:.05em;text-decoration:none}
#beyond-discord-invite .discord-invite-actions .btn+ .btn{background:linear-gradient(160deg,#263c50,#102b3e);border-color:#486b80;color:#bddae8}

#beyond-discord-invite{scrollbar-width:thin;scrollbar-color:#3a718b #0a2030}
#beyond-discord-invite::-webkit-scrollbar{width:8px}
#beyond-discord-invite::-webkit-scrollbar-track{background:#0a2030}
#beyond-discord-invite::-webkit-scrollbar-thumb{background:#3a718b;border:2px solid #0a2030;border-radius:8px}