#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 #c65b69;border-radius:18px;color:#f8f1e2;background:linear-gradient(150deg,#4e141cf5,#26070bfa 72%);box-shadow:0 18px 52px #000b,inset 0 1px 0 #f2e3c566,0 4px 0 #130204;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 #e07b8899;border-radius:9px;background:#2b070cea;color:#faf3e6;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:#3c0b12 url('../img/infernal/season22-part2-hero-infernal.webp') center 35%/cover no-repeat;border-bottom:1px solid #dcc18a55}
#beyond-discord-invite .discord-invite-art:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#3b0d13,transparent 85%),linear-gradient(90deg,#2c050a77,#6c101c22,#2e060b88)}
#beyond-discord-invite .discord-invite-art:after{content:'';position:absolute;inset:-50%;background:linear-gradient(105deg,transparent 40%,#efddb835 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:#f8f0e0;text-shadow:0 3px 0 #1d0407,0 0 25px #db263e}
#beyond-discord-invite .discord-invite-art>i{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 20%,#ff5a7044,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:#e4c78e}
#beyond-discord-invite h2{font:700 clamp(24px,5vw,31px)/1.1 Georgia,serif;margin:7px 0 9px;color:#fcf8ef;text-shadow:0 2px 0 #1c0306}
#beyond-discord-invite p{font-size:13px;line-height:1.5;color:#dfd4be;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 #a84754;border-radius:11px;background:linear-gradient(145deg,#611620,#3a0b11 75%);box-shadow:inset 0 1px 0 #f0debb44,0 3px 0 #190205,0 6px 14px #0005}
#beyond-discord-invite .discord-invite-reward>span{font-size:9px;letter-spacing:.1em;color:#e9cf9c;font-weight:800}
#beyond-discord-invite .discord-invite-reward>strong{display:block;font:700 28px/1.2 Georgia,serif;margin:6px 0 7px;color:#f9f1e2;text-shadow:0 2px 0 #220005}
#beyond-discord-invite .discord-invite-reward small{font:700 13px/1 sans-serif;color:#e3d1ae}
#beyond-discord-invite .discord-invite-reward p{font-size:12px;line-height:1.6;margin:0;color:#dcd2bc}
#beyond-discord-invite .discord-invite-guild{border-color:#a39464;background:linear-gradient(145deg,#3f4339,#32171b 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:#be8f95;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 #f5e9d255,0 5px 0 #150104,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:#ded0b5;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:#bc8f95;font-size:11px}
#beyond-discord-invite input{accent-color:#df6071}
#beyond-discord-invite :focus-visible{outline:3px solid #ebd4a6;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 #c76370;border-radius:10px;background:linear-gradient(160deg,#9c3240,#5e151f 65%,#430c13);color:#faf5ea;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,#50262c,#3e1016);border-color:#80484f;color:#e3d8c2}

#beyond-discord-invite{scrollbar-width:thin;scrollbar-color:#8b3a45 #300a0f}
#beyond-discord-invite::-webkit-scrollbar{width:8px}
#beyond-discord-invite::-webkit-scrollbar-track{background:#300a0f}
#beyond-discord-invite::-webkit-scrollbar-thumb{background:#8b3a45;border:2px solid #300a0f;border-radius:8px}