.discord-community{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 30px;margin:16px 0;border:1px solid #8e7949;border-radius:10px;background:linear-gradient(100deg,#081a29ee,#1d1640de),url('/modern/assets/generated-v2/discord-invite-champions.png') center 30%/cover;color:#eee8da}
.discord-community h2{font:26px Georgia,serif;color:#f1d69b;margin:8px 0}
.discord-community p{margin:0;color:#c7d3e0}
.discord-eyebrow{font:700 10px system-ui;letter-spacing:.18em;color:#d9bd79}
a.discord-join{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:260px;min-height:68px;box-sizing:border-box;padding:14px 30px;background:url('/modern/assets/generated-v2/discord-button.png') center/100% 100% no-repeat;color:#fff4df!important;font:700 17px Georgia,serif;text-shadow:0 2px 4px #000;text-decoration:none;transition:filter .15s,transform .15s}
a.discord-join:hover{filter:brightness(1.2);transform:translateY(-2px)}
a.discord-join:focus-visible{outline:2px solid #93eaff;outline-offset:4px}
#discord-invitation{position:fixed;inset:auto;left:var(--discord-fit-left,24px);top:var(--discord-fit-top,24px);width:var(--discord-fit-width,min(620px,calc(100vw - 48px)));height:var(--discord-fit-height,auto);max-width:none;max-height:none;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:10px;background:transparent;color:#eee8da;overflow:visible;box-shadow:none;overscroll-behavior:contain}
#discord-invitation::backdrop{background:#020914bd;backdrop-filter:blur(5px)}
.discord-card-fit{width:var(--discord-card-width,min(620px,calc(100vw - 48px)));transform:scale(var(--discord-fit-scale,1));transform-origin:top left}
.discord-invite-card{position:relative;isolation:isolate;width:100%;border-radius:10px;background:#06101f url('/modern/assets/generated-v2/discord-invite-champions.png') center/100% 100% no-repeat;overflow:hidden;box-shadow:0 25px 100px #000b;transform:perspective(1200px) translateY(var(--discord-lift,0px)) rotateX(var(--discord-rotate-x,0deg)) rotateY(var(--discord-rotate-y,0deg)) scale(var(--discord-hover-scale,1));transform-origin:center;transition:box-shadow .3s ease}
.discord-invite-card.discord-card-moving{will-change:transform}
.discord-invite-card.discord-card-active{box-shadow:0 30px 100px #000c,0 0 28px #8a6aff38,0 0 2px #ffe1a3a6}
.discord-invite-card::before{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--discord-glow-x,50%) var(--discord-glow-y,50%),#c1f0ff38 0%,#ffe0a31a 28%,transparent 65%);mix-blend-mode:screen;opacity:0;transition:opacity .3s ease}
.discord-invite-card.discord-card-active::before{opacity:1}
.discord-invite-card::after{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,transparent 55%,#663bea18 80%,#7546ff2b);opacity:0;transition:opacity .3s ease}
.discord-invite-card.discord-card-active::after{opacity:1}
.discord-invite-copy{position:relative;z-index:2;padding:220px 40px 30px;text-align:center}
#discord-invitation .discord-join{max-width:100%}
#discord-invitation h2{font:36px Georgia,serif;color:#ffe1a3;margin:10px 0}
#discord-invitation p{font:15px/1.6 system-ui;color:#cbd5e4;margin:0 auto 14px;max-width:420px}
#discord-invitation .discord-close{position:absolute;z-index:3;right:16px;top:16px;width:34px;height:34px;padding:0;border:1px solid #c6aa68;border-radius:50%;background:#06101fe6;color:#fff;font:24px system-ui}
#discord-invitation .discord-later{display:block;margin:10px auto 0;padding:8px 16px;background:none;border:0;color:#c2ccd9;text-decoration:underline}
@media(max-width:600px){.discord-community{flex-direction:column;text-align:center;padding:22px 16px}.discord-invite-copy{padding:170px 22px 24px}#discord-invitation h2{font-size:30px}}
@media(max-width:360px){#discord-invitation .discord-join{padding-inline:12px}}
@media(max-height:520px){.discord-invite-copy{padding-top:clamp(48px,calc(100dvh - 300px),170px);padding-bottom:20px}}
@media(max-height:420px){#discord-invitation h2{margin:6px 0}#discord-invitation p{margin-bottom:10px}#discord-invitation .discord-later{margin-top:4px;padding-block:6px}}
@media(prefers-reduced-motion:reduce){a.discord-join{transition:none}#discord-invitation .discord-join{transform:none}}
@media(prefers-reduced-motion:reduce){.discord-invite-card{transform:none;transition:none}.discord-invite-card::before,.discord-invite-card::after{display:none}}
html[data-motion='reduced'] .discord-invite-card{transform:none;transition:none}
html[data-motion='reduced'] .discord-invite-card::before,html[data-motion='reduced'] .discord-invite-card::after{display:none}
html[data-motion='reduced'] #discord-invitation .discord-join{transform:none;transition:none}