.discord-page{--blurple:#5865f2;--blurple-deep:#3c45c9;--card:#06301f;--card-edge:#fff0cc1f;--ink-2:#d5dccf;--ink-3:#9fb29e;background:#02130e}.discord-page .site-header{position:absolute}.discord-page .eyebrow{color:var(--gold);margin-bottom:14px}.ds-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px}.ds-blurple-button,.ds-outline-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 22px;border-radius:10px;font-size:15px;font-weight:650;transition:transform .2s,filter .2s,border-color .2s,background .2s}.ds-blurple-button{background:var(--blurple);color:#fff!important;box-shadow:0 10px 28px #5865f259,inset 0 1px 0 #ffffff40}.ds-blurple-button img{width:24px;height:auto}.ds-blurple-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.ds-outline-button{border:1px solid #fff0cc52;color:var(--cream)!important;background:#02130e66}.ds-outline-button:hover{border-color:var(--gold);color:var(--gold)!important}.ds-smallprint{font-size:12px;color:var(--ink-3);margin:0}.ds-tile{--tile-w:46px;--edge:#c0b798;--back:#0c26a2;display:inline-block;flex-shrink:0;width:var(--tile-w);aspect-ratio:158/208;background-size:900% 500%;background-color:#efe6d6;border-radius:calc(var(--tile-w) * .1);box-shadow:0 calc(var(--tile-w) * .07) 0 var(--edge),0 calc(var(--tile-w) * .12) 0 var(--back),0 calc(var(--tile-w) * .24) calc(var(--tile-w) * .3) #00170e66}.ds-tile.is-dragon{--back:#7a1010}.ds-tile.is-golden{--edge:#b9852d;--back:#5c3a0d;background-color:#edc169}.ds-tile.is-neon{--edge:#2b2b33;--back:#c1388f;background-color:#050507;box-shadow:0 calc(var(--tile-w) * .07) 0 var(--edge),0 calc(var(--tile-w) * .12) 0 var(--back),0 0 calc(var(--tile-w) * .5) #e14fb85c,0 calc(var(--tile-w) * .24) calc(var(--tile-w) * .3) #00170e66}.ds-portrait{position:relative;display:inline-flex;width:var(--size);height:var(--size);border-radius:50%;padding:2px;background:linear-gradient(145deg,#f3d99e,#a97a2c);box-shadow:0 6px 16px #00120c80;flex-shrink:0}.ds-portrait img{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 35%,#12553f,#052a1d);-o-object-fit:cover;object-fit:cover}.ds-portrait.is-speaking:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #ffe3a3;box-shadow:0 0 14px #ffd27a99;animation:ds-speak 1.4s ease-in-out infinite}@keyframes ds-speak{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.07)}}.ds-hero{position:relative;overflow:hidden;min-height:min(980px,100svh);padding:130px 6vw 90px;display:flex;align-items:center;background:radial-gradient(ellipse 70% 60% at 50% 115%,#0b4a35 0,transparent 70%),linear-gradient(180deg,#010409,#02100c 55%,#03241a)}.ds-hero-glow{right:-10vw;top:8%;width:70vw;height:80%;background:radial-gradient(closest-side,#5865f238,#5865f20f 55%,transparent);filter:blur(10px)}.ds-hero-glow,.ds-starfield{position:absolute;pointer-events:none}.ds-starfield{inset:0}.ds-hero-inner{position:relative;z-index:1;width:100%;max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:5vw}.ds-hero-copy h1{font-size:clamp(44px,5.4vw,82px);line-height:1.02;margin:18px 0 22px;text-wrap:balance}.ds-now-on{display:flex;align-items:center;gap:14px;margin:0;font-size:13px;font-weight:650;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.ds-now-on img{height:26px;width:auto;padding:4px 0}.ds-lede{font-size:clamp(16px,1.3vw,19px);color:var(--ink-2);max-width:560px;margin:0 0 32px}.ds-hero-copy .ds-smallprint{margin-top:20px}.ds-nowrap{white-space:nowrap}.ds-stage{position:relative;aspect-ratio:16/12.4;width:100%}.ds-window{position:absolute;left:4%;top:6%;width:88%;border-radius:18px;overflow:hidden;background:#020a07;border:1px solid #fff0cc2e;box-shadow:0 40px 80px #000c,0 0 0 6px #ffffff08,0 0 90px #5865f230;transform:perspective(1400px) rotateY(-7deg) rotateX(3deg);transform-origin:60% 50%}.ds-window-bar{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 12px 0 14px;background:linear-gradient(#0b2d22,#071f17);border-bottom:1px solid #fff0cc1a}.ds-window-title{display:flex;align-items:center;gap:9px;font-family:var(--serif);font-size:15px;letter-spacing:-.01em}.ds-window-title img{border-radius:5px}.ds-window-seats{display:flex;gap:8px}.ds-window-video{display:block;width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;background:#031b13 url(/marketing/discord/activity-cover.webp) 50%/cover}.ds-hero-phone{position:absolute;right:-2%;bottom:4%;width:52%;padding:2.2% 3.2%;border-radius:28px;background:linear-gradient(145deg,#2a2d33,#0d0f12 55%,#1f2227);box-shadow:0 30px 60px #000d,inset 0 0 0 1px #ffffff1f,0 0 0 1px #000;transform:perspective(1200px) rotateY(-10deg) rotate(-2deg);animation:ds-bob 7s ease-in-out -2s infinite}.ds-hero-phone-screen{border-radius:14px;overflow:hidden;background:#04261a}.ds-hero-phone-screen img{width:100%;height:auto;aspect-ratio:1676/768;-o-object-fit:cover;object-fit:cover}.ds-sync{position:absolute;right:6%;bottom:-1%;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#02130ee6;border:1px solid #fff0cc33;font-size:12px;font-weight:600;color:var(--ink-2);white-space:nowrap;z-index:3}.ds-sync span{width:8px;height:8px;border-radius:50%;background:#e8c374;box-shadow:0 0 10px #e8c374;animation:ds-speak 1.8s ease-in-out infinite}.ds-float{position:absolute;z-index:2;animation:ds-bob 6s ease-in-out infinite}.ds-float-1{left:-3%;top:-2%;animation-delay:-1s;--tilt:-12deg}.ds-float-2{right:2%;top:-6%;animation-delay:-3.2s;--tilt:10deg}.ds-float-3{left:-6%;top:46%;animation-delay:-2.1s;--tilt:-4deg}.ds-float-4{right:-5%;top:28%;animation-delay:-4.4s;--tilt:8deg}.ds-float-5{left:40%;top:-9%;animation-delay:-.4s;--tilt:-6deg}@keyframes ds-bob{0%,to{translate:0 0}50%{translate:0 -10px}}.ds-badge{display:grid;place-items:center;width:84px;height:84px;border-radius:26px;background:linear-gradient(150deg,#11624a,#063726 70%);border:1px solid #f1d49b8c;box-shadow:0 16px 30px #000a,inset 0 1px 0 #ffffff2e,inset 0 -6px 14px #00000040;rotate:var(--tilt,0deg)}.ds-badge .ds-tile{--tile-w:38px;margin-top:-6px}.ds-badge.is-gold{background:linear-gradient(150deg,#f6dc9e,#c39243 75%);border-color:#fff3d0}.ds-badge.is-night{background:linear-gradient(150deg,#241238,#07060d 75%);border-color:#e14fb88c}.ds-badge.is-round{border-radius:50%;background:none;border:0;box-shadow:none;width:auto;height:auto}.ds-badge.is-blurple{width:74px;height:74px;border-radius:50%;background:var(--blurple);border-color:#c7ccff}.ds-badge.is-blurple img{width:40px;height:auto;rotate:calc(var(--tilt, 0deg) * -1)}.ds-badge-count{position:absolute;top:-10px;right:-14px;padding:3px 9px;border-radius:999px;background:#d8432f;color:#fff;font-size:13px;font-weight:800;border:3px solid #02130e;rotate:8deg}.ds-presence{position:relative;width:300px;padding:12px 14px 14px;border-radius:14px;background:linear-gradient(160deg,#0d3b2c,#052519);border:1px solid #f1d49b47;box-shadow:0 22px 44px #000b;font-size:13px;text-align:left}.ds-presence-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:9px}.ds-presence-body{display:flex;gap:12px;align-items:center}.ds-presence-art{position:relative;flex-shrink:0}.ds-presence-art>img:first-child{width:64px;height:64px;border-radius:10px;display:block}.ds-presence-animal{position:absolute;right:-6px;bottom:-6px;width:26px;height:26px;border-radius:50%;border:2px solid #052519;background:#0e4a37}.ds-presence-text{display:flex;flex-direction:column;gap:1px;min-width:0;color:var(--ink-2);line-height:1.35}.ds-presence-text strong{font-family:var(--serif);font-weight:400;font-size:16px;color:var(--cream)}.ds-presence-time{color:var(--ink-3);font-variant-numeric:tabular-nums}.ds-presence-join{display:block;margin-top:12px;padding:8px;text-align:center;border-radius:8px;background:linear-gradient(#ecd096,#cda052);color:#272014;font-weight:700}.ds-hero-presence{position:absolute;left:-8%;bottom:-4%;z-index:3;animation:ds-bob 8s ease-in-out -5s infinite}.ds-steps{padding:110px 6vw 40px;max-width:1320px;margin:0 auto;text-align:center}.ds-emoji h2,.ds-patron h2{text-wrap:balance}.ds-emoji h2,.ds-faq h2,.ds-final h2,.ds-patron h2,.ds-steps h2{font-size:clamp(36px,4vw,58px);line-height:1.06;margin:0 0 18px}.ds-steps ol{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;text-align:left}.ds-steps li{display:flex;gap:20px;align-items:flex-start;padding:28px 26px;border-radius:18px;background:var(--card);border:1px solid var(--card-edge)}.ds-steps li .ds-tile{--tile-w:52px;rotate:-4deg}.ds-steps li:nth-child(2) .ds-tile{rotate:3deg}.ds-steps h3{font-size:23px;margin:2px 0 8px}.ds-steps p{margin:0;color:var(--ink-2);font-size:15px}.ds-features{max-width:1320px;margin:0 auto;padding:70px 6vw 40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.ds-feature{position:relative;display:flex;flex-direction:column;gap:30px;padding:40px 38px 0;border-radius:24px;background:radial-gradient(ellipse at 80% 0,#5865f214,transparent 55%),linear-gradient(170deg,#083a29,#04241a);border:1px solid var(--card-edge);overflow:hidden;min-height:560px}.ds-feature h2{text-wrap:balance;font-size:clamp(30px,2.8vw,42px);line-height:1.08;margin:0 0 14px}.ds-feature p{margin:0;color:var(--ink-2);font-size:15.5px}.ds-feature .text-link{margin-top:6px}.ds-presence-stack{position:relative;flex:1;min-height:300px}.ds-presence-stack .ds-presence{position:absolute;left:50%}.ds-presence-stack{min-height:380px}.ds-presence-stack .is-back{top:0;translate:-96% 0;rotate:-5deg;opacity:.7;scale:.92}.ds-presence-stack .is-middle{top:74px;translate:-12% 0;rotate:4deg;z-index:1;opacity:.9}.ds-presence-stack .is-front{top:178px;translate:-66% 0;rotate:-2deg;z-index:2}.ds-devices{position:relative;flex:1;min-height:300px}.ds-laptop{position:absolute;left:2%;bottom:54px;width:74%}.ds-laptop-screen{border-radius:12px 12px 0 0;padding:10px 10px 12px;background:#0b0d10;border:1px solid #ffffff1c;border-bottom:0}.ds-laptop-screen img{width:100%;border-radius:4px;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.ds-laptop-base{height:14px;margin:0 -7%;border-radius:0 0 14px 14px;background:linear-gradient(#5a5e66,#2b2e33)}.ds-phone{position:absolute;right:0;bottom:30px;width:50%;padding:3.4% 4.6%;border-radius:24px;background:linear-gradient(145deg,#2a2d33,#0d0f12 55%,#1f2227);box-shadow:0 24px 50px #000c,inset 0 0 0 1px #ffffff1f;rotate:-3deg}.ds-phone img{width:100%;border-radius:10px;aspect-ratio:1676/768;-o-object-fit:cover;object-fit:cover}.ds-mini{position:absolute;right:6%;top:6px;width:132px;border-radius:12px;overflow:hidden;border:2px solid #fff0cc5c;box-shadow:0 16px 30px #000b;rotate:5deg;animation:ds-bob 6.5s ease-in-out -1.5s infinite}.ds-mini img{display:block;width:100%;aspect-ratio:130/115;-o-object-fit:cover;object-fit:cover}.ds-mini span{position:absolute;left:6px;bottom:6px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px;background:#000a}.ds-table{position:relative;flex:1;min-height:320px;display:grid;place-items:center}.ds-felt{width:62%;aspect-ratio:1.35;border-radius:28px;background:radial-gradient(ellipse at 50% 40%,#1d7a58,#0c4a35 70%),#0c4a35;box-shadow:inset 0 0 0 10px #5b3218,inset 0 0 0 12px #8a5a2f,0 30px 50px #000a;display:grid;place-items:center;transform:perspective(900px) rotateX(38deg)}.ds-felt-tiles{display:flex;gap:3px}.ds-felt-tiles .ds-tile{--tile-w:30px}.ds-seat{position:absolute}.ds-seat.is-north{top:4%;left:50%;translate:-50% 0}.ds-seat.is-south{bottom:6%;left:50%;translate:-50% 0}.ds-seat.is-east{right:7%;top:44%}.ds-seat.is-west{left:7%;top:44%}.ds-bubble{position:absolute;right:50%;bottom:88%;padding:6px 12px;border-radius:14px 14px 4px 14px;background:var(--cream);color:#213027;font-weight:800;font-size:14px;white-space:nowrap;box-shadow:0 8px 18px #0008;animation:ds-pop 3.2s ease-in-out infinite;transform-origin:100% 100%}@keyframes ds-pop{0%,12%{scale:.4;opacity:0}20%,78%{scale:1;opacity:1}90%,to{scale:.85;opacity:0}}.ds-rules{flex:1;display:flex;flex-direction:column;justify-content:center;gap:18px;padding-bottom:40px}.ds-rules-card{display:flex;align-items:center;gap:20px;padding:20px 22px 26px;border-radius:18px;background:#02130e80;border:1px solid var(--card-edge)}.ds-rules-card:nth-child(2){margin-left:14%}.ds-rules-tag{font-weight:700;font-size:22px;color:var(--gold);width:58px}.ds-rules-hand{display:flex;gap:5px}.ds-rules-hand .ds-tile{--tile-w:44px}.ds-patron{max-width:1320px;margin:70px auto 0;padding:0 6vw;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px 5vw;align-items:center}.ds-patron-banner{grid-column:1/-1;width:100%;border-radius:24px;border:1px solid #f1d49b40;box-shadow:0 30px 70px #000a}.ds-patron-copy p{color:var(--ink-2);font-size:16px}.ds-patron-copy .ds-smallprint{margin-top:14px;font-size:13px}.ds-sets{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ds-set{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 8px 16px;border-radius:16px;background:var(--card);border:1px solid var(--card-edge)}.ds-set.is-golden{background:linear-gradient(170deg,#3a2a0e,#1d1405);border-color:#e8c37455}.ds-set.is-neon{background:linear-gradient(170deg,#160a24,#060509);border-color:#e14fb855}.ds-set.is-dragon{background:linear-gradient(170deg,#3a0c0c,#1a0505);border-color:#d6493a55}.ds-set-tiles{display:flex;margin-bottom:14px}.ds-set-tiles .ds-tile{--tile-w:36px}.ds-set-tiles .ds-tile:first-child{rotate:-9deg;translate:6px 4px}.ds-set-tiles .ds-tile:nth-child(2){z-index:1;translate:0 -2px}.ds-set-tiles .ds-tile:nth-child(3){rotate:9deg;translate:-6px 4px}.ds-set-name{font-family:var(--serif);font-size:19px}.ds-set-note{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.ds-set-note.is-free{color:var(--ink-3)}.ds-companions{grid-column:1/-1;text-align:center;padding:10px 0 0}.ds-companion-row{display:flex;justify-content:center;flex-wrap:wrap;gap:18px 34px}.ds-companion{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:14px;color:var(--ink-2);animation:ds-bob 5s ease-in-out var(--delay) infinite}.ds-companions p{margin:20px 0 0;font-size:14px;color:var(--ink-3)}.ds-emoji{max-width:1100px;margin:130px auto 0;padding:0 6vw;text-align:center}.ds-emoji-hero{width:168px;height:168px;margin:0 auto 6px;filter:drop-shadow(0 18px 30px #000a);animation:ds-wave 3.4s ease-in-out infinite;transform-origin:50% 90%}@keyframes ds-wave{0%,to{rotate:0deg}20%{rotate:-5deg}40%{rotate:3deg}60%{rotate:-2deg}}.ds-emoji>p{max-width:640px;margin:0 auto;color:var(--ink-2)}.ds-emoji-grid{list-style:none;padding:26px;margin:38px 0 28px;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:8px;border-radius:24px;background:#0b0e14;border:1px solid #ffffff14}.ds-emoji-grid a{display:grid;place-items:center;aspect-ratio:1;border-radius:14px;transition:background .2s,transform .2s}.ds-emoji-grid a:hover{background:#ffffff12;transform:scale(1.12) rotate(-4deg)}.ds-emoji-grid img{width:56px;height:56px}.ds-emoji .ds-smallprint{margin-top:14px}.ds-faq{max-width:860px;margin:130px auto 0;padding:0 6vw}.ds-faq-list{border-top:1px solid var(--card-edge)}.ds-faq details{border-bottom:1px solid var(--card-edge)}.ds-faq summary{cursor:pointer;list-style:none;padding:22px 34px 22px 0;font-family:var(--serif);font-size:21px;position:relative}.ds-faq summary::-webkit-details-marker{display:none}.ds-faq summary:after{content:"+";position:absolute;right:4px;top:50%;translate:0 -50%;font-family:var(--sans);font-size:22px;color:var(--gold);transition:rotate .2s}.ds-faq details[open] summary:after{rotate:45deg}.ds-faq details p{margin:-6px 0 22px;color:var(--ink-2);max-width:720px}.ds-final{margin-top:120px;padding:110px 6vw 120px;text-align:center;background:radial-gradient(ellipse 60% 70% at 50% 100%,#5865f22e,transparent 70%),radial-gradient(ellipse 80% 90% at 50% 120%,#0d5a40,transparent 70%);display:flex;flex-direction:column;align-items:center}.ds-final p{color:var(--ink-2);margin:0 0 30px;font-size:17px}.ds-final .ds-actions{justify-content:center}.ds-final-tiles{display:flex;gap:10px;margin-bottom:34px}.ds-final-tiles .ds-tile{--tile-w:58px;animation:ds-bob 5s ease-in-out infinite}.ds-final-tiles .is-tilt-left{rotate:-10deg;animation-delay:-1.5s}.ds-final-tiles .is-tilt-right{rotate:10deg;animation-delay:-3s}@media (max-width:1100px){.ds-hero{padding-top:120px}.ds-hero-inner{grid-template-columns:minmax(0,1fr);gap:70px}.ds-hero-copy{max-width:680px}.ds-stage{max-width:720px;margin:0 auto}.ds-features,.ds-patron{grid-template-columns:minmax(0,1fr)}.ds-emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (max-width:760px){.ds-hero{padding:104px 16px 48px;min-height:0}.ds-hero-copy h1{margin-top:14px}.ds-actions{flex-direction:column;align-items:stretch}.ds-stage{aspect-ratio:auto;height:470px}.ds-window{left:0;width:100%;transform:none}.ds-window-bar{height:36px}.ds-window-seats .ds-portrait{--size:22px!important}.ds-hero-phone{width:64%;right:-1%;top:196px;bottom:auto;border-radius:18px}.ds-sync{right:2px;top:318px;bottom:auto}.ds-hero-presence{left:0;bottom:auto;top:356px;width:270px;padding:10px 12px;font-size:12px}.ds-hero-presence .ds-presence-art>img:first-child{width:48px;height:48px}.ds-hero-presence .ds-presence-join{display:none}.ds-badge{width:60px;height:60px;border-radius:19px}.ds-badge .ds-tile{--tile-w:28px}.ds-float-1{left:-2%;top:-9%}.ds-float-2{right:0;top:-10%}.ds-float-3,.ds-float-4{display:none}.ds-float-5{left:44%;top:-12%}.ds-badge.is-blurple{width:54px;height:54px}.ds-badge.is-blurple img{width:30px}.ds-steps{padding:80px 16px 20px}.ds-steps ol{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:34px}.ds-features{padding:50px 16px 20px;gap:18px}.ds-feature{padding:30px 22px 0;min-height:0}.ds-presence-stack{min-height:0;display:flex;flex-direction:column;gap:14px;padding-bottom:30px}.ds-presence-stack .ds-presence{position:relative;left:auto;top:auto;translate:none;width:min(100%,290px)}.ds-presence-stack .is-back{display:none}.ds-presence-stack .is-middle{margin-left:auto;rotate:2deg}.ds-presence-stack .is-front{rotate:-2deg}.ds-devices{min-height:240px}.ds-mini{width:96px}.ds-table{min-height:270px}.ds-seat .ds-portrait{--size:48px!important}.ds-rules-card{padding:16px;gap:12px}.ds-rules-card:nth-child(2){margin-left:0}.ds-rules-hand .ds-tile{--tile-w:36px}.ds-patron{padding:0 16px;margin-top:50px}.ds-patron-banner{border-radius:16px}.ds-sets{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-companion-row{gap:16px 22px}.ds-companion .ds-portrait{--size:64px!important}.ds-emoji,.ds-faq{margin-top:90px;padding:0 16px}.ds-emoji-grid{padding:12px;gap:4px;grid-template-columns:repeat(6,minmax(0,1fr))}.ds-emoji-grid img{width:44px;height:44px}.ds-final{margin-top:80px;padding:80px 16px 90px}}@media (prefers-reduced-motion:reduce){.discord-page *,.discord-page :after,.discord-page :before{animation:none!important}}