.discord-landing-hero{--wall-tilt-x:0;--wall-tilt-y:0;--dhw-gap:clamp(10px, 1vw, 15px);--dhw-cols:6;--spot-x:64%;--spot-y:38%;isolation:isolate;margin-top:calc(-1 * var(--hero-nav-offset));background:var(--color-page);min-height:100svh;position:relative;overflow:hidden}@media (min-width:48rem){.discord-landing-hero{--dhw-cols:9}}@media (min-width:64rem){.discord-landing-hero{--dhw-cols:12}}.dhw-stage{z-index:0;perspective:1600px;perspective-origin:62% 38%;pointer-events:none;position:absolute;inset:0;overflow:hidden}.dhw-tilt{transform-style:preserve-3d;transform:rotateX(calc(4deg + var(--wall-tilt-y) * -2deg)) rotateY(calc(-9deg + var(--wall-tilt-x) * 4.5deg)) rotateZ(-1deg) scale(1.05);transition:transform .36s var(--ease-out);opacity:0;will-change:transform, opacity;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:-14% -10%}.dhw-tilt[data-mounted=true]{opacity:1;transition:transform .36s var(--ease-out), opacity .7s var(--ease-out)}.dhw-scroll{will-change:transform;flex-direction:column;width:100%;animation:48s linear infinite dhw-scroll;display:flex}@keyframes dhw-scroll{0%{transform:translate(0,0)}to{transform:translateY(-50%)}}.dhw-grid{grid-template-columns:repeat(var(--dhw-cols), minmax(0, 1fr));gap:var(--dhw-gap);padding-bottom:var(--dhw-gap);flex-shrink:0;display:grid}.dhw-cell{aspect-ratio:300/450;border-radius:var(--radius-sm);background:var(--color-surface-raised);filter:brightness(.95)saturate(1.02);width:100%;overflow:hidden;box-shadow:0 10px 26px #00000080}.dhw-cell :where(picture,img){width:100%;height:100%;display:block}.dhw-cell img{object-fit:cover;backface-visibility:hidden}.dhw-veil{z-index:1;pointer-events:none;background:radial-gradient(circle 26rem at var(--spot-x) var(--spot-y), transparent 0%, transparent 24%, #07070894 78%), linear-gradient(100deg, var(--color-page) 0%, #070708e0 26%, #07070899 58%, #07070870 100%), linear-gradient(to bottom, var(--color-page) 0%, transparent 14%, transparent 76%, var(--color-page) 100%);position:absolute;inset:0}.discord-landing-hero-inner{z-index:2;width:100%;max-width:82.5rem;min-height:100svh;padding-inline:var(--page-x);padding-block:var(--hero-nav-offset-padding) clamp(4.5rem, 9vh, 7rem);gap:var(--space-2xl);align-items:center;margin-inline:auto;display:grid;position:relative}@media (min-width:64rem){.discord-landing-hero-inner{grid-template-columns:1.05fr .95fr}}.discord-landing-hero-copy{max-width:46rem}.discord-landing-eyebrow{margin:0 0 var(--space-sm);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle);font-weight:600}.discord-landing-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text);margin:0;font-size:clamp(2.05rem,1.3rem + 2.6vw,2.95rem);font-weight:600;line-height:1.03}.discord-landing-title em{color:var(--color-accent);font-style:normal}.discord-landing-lede{margin:var(--space-md) 0 0;max-width:42ch;font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text-muted);text-wrap:pretty}.discord-landing-stats{margin:var(--space-xl) 0 0;flex-wrap:wrap;gap:clamp(1.4rem,3vw,2.6rem);padding:0;display:flex}.discord-landing-stat{flex-direction:column;gap:.1rem;display:flex}.discord-landing-stat dd{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text);font-variant-numeric:tabular-nums;order:1;margin:0;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.2rem);font-weight:600;line-height:1}.discord-landing-stat dt{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-subtle);order:2;font-weight:500}.discord-landing-actions{gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.discord-landing-meta{margin:var(--space-lg) 0 0;color:var(--color-text-subtle);flex-wrap:wrap;align-items:center;gap:.7rem;font-size:.825rem;font-weight:500;display:flex}.discord-landing-meta-link{color:var(--color-text-subtle);border-bottom:1px solid var(--color-divider-strong);transition:color .15s var(--ease-out);text-decoration:none}.discord-landing-meta-link:hover{color:var(--color-accent-strong);border-bottom-color:var(--color-accent-strong)}.discord-landing-mock{justify-self:end;width:100%;position:relative}body:has(.discord-install-screen) .nav-outer{position:fixed;inset:0 0 auto}.discord-install-screen.discord-page{padding-bottom:0}.discord-install-screen .discord-landing-hero-inner{padding-block:var(--hero-nav-offset-padding) clamp(1.25rem, 3vh, 2rem)}.discord-install-screen .discord-install-preview{max-height:calc(100svh - var(--hero-nav-offset-padding) - 2.5rem);flex-direction:column;display:flex}.discord-landing-scroll-cue{z-index:2;color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.1em;text-transform:uppercase;transition:color .16s var(--ease-out);flex-direction:column;align-items:center;gap:.35rem;padding:.3rem .6rem;font-weight:500;text-decoration:none;display:inline-flex;position:absolute;bottom:clamp(1.1rem,3vh,1.9rem);left:50%;transform:translate(-50%)}.discord-landing-scroll-cue:hover{color:var(--color-text)}.discord-landing-scroll-cue:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px;border-radius:var(--radius-sm)}.discord-landing-scroll-icon{animation:discord-scroll-bob 1.9s var(--ease-out) infinite;display:inline-flex}@keyframes discord-scroll-bob{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.discord-landing-scroll-icon{animation:none}}.discord-landing-mock .discord-install-preview-body{max-height:none;overflow-y:visible}.discord-install-screen .discord-install-preview-body{flex:1;min-height:0;max-height:none;overflow-y:auto}.dhp-accent{background:#0092ff}.dhp-embed{max-width:100%}.dhp-content{color:#dbdee1;margin:.125rem 0 0;font-size:1rem;line-height:1.375rem}.dhp-title{color:#00a8fc;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.dhp-title:hover{text-decoration:underline}.dhp-desc{color:#dbdee1;max-width:48ch;margin:0;font-size:.875rem;line-height:1.125rem}.dhp-fields{flex-wrap:wrap;gap:1.5rem;margin-top:.125rem;display:flex}.dhp-field{flex-direction:column;gap:2px;min-width:0;display:flex}.dhp-field-name{color:#fff;font-size:.75rem;font-weight:700}.dhp-field-value{color:#dbdee1;font-size:.875rem;line-height:1.125rem}.dhp-media{max-width:100%;margin-top:.25rem}.dhp-example-badge{color:#949ba4;letter-spacing:.06em;text-transform:uppercase;background:#ffffff0f;border-radius:4px;margin-left:auto;padding:.05rem .4rem;font-size:.625rem;font-weight:600}@media (prefers-reduced-motion:reduce){.dhw-scroll{animation:none}.dhw-tilt{transition:opacity .2s var(--ease-out)}}.discord-showcase{padding-block:clamp(3rem,7vw,5.5rem)}.discord-showcase-head{max-width:54rem;margin-bottom:var(--space-2xl)}.discord-showcase-title{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(1.7rem,1.2rem + 2.2vw,2.6rem);font-weight:600;line-height:var(--leading-tight);color:var(--color-text);text-wrap:balance;margin:0}.discord-showcase-sub{margin:var(--space-sm) 0 0;max-width:58ch;font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text-muted);text-wrap:pretty}.discord-showcase-layout{grid-template-columns:1fr;gap:clamp(2rem,4vw,3.5rem);display:grid}@media (min-width:60rem){.discord-showcase-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}}.dsw-feed{border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px #ffffff0f, var(--shadow-panel);background:#313338;flex-direction:column;display:flex;overflow:hidden}.dsw-feed-bar{color:#f2f3f5;background:#313338;border-bottom:1px solid #0003;align-items:center;gap:.5rem;min-height:3rem;padding:0 1rem;font-size:.95rem;font-weight:700;display:flex}.dsw-feed-bar svg{color:#80848e}.dsw-feed-body{flex-direction:column;gap:1.15rem;padding:1.15rem 1rem 1.35rem;display:flex}.dsw-feed-note{color:#6f7480;margin:0;padding:0 1rem 1rem;font-size:.72rem;line-height:1.45}.dsw-alert{gap:.85rem;display:flex}.dsw-alert-main{flex:1;min-width:0}.dsw-alert-head{align-items:center;gap:.35rem;margin-bottom:.35rem;display:flex}.dsw-alert-time{color:#949ba4;font-size:.75rem}.dsw-alert-embed{background:#2b2d31;border-left:3px solid #0092ff;border-radius:4px;flex-direction:column;gap:.2rem;padding:.5rem .75rem;display:flex}.dsw-alert-game{color:#fff;font-size:.9rem;font-weight:600}.dsw-alert-text{color:#dbdee1;font-size:.85rem;line-height:1.3}.dsw-aside{gap:var(--space-lg);flex-direction:column;min-width:0;display:flex}.dsw-strip{margin:0 calc(-1 * var(--page-x)) 0 0;gap:.5rem;padding:0;list-style:none;display:flex;-webkit-mask-image:linear-gradient(90deg,#000 78%,#0000);mask-image:linear-gradient(90deg,#000 78%,#0000)}.dsw-cover{aspect-ratio:300/450;border-radius:var(--radius-sm);background:var(--color-surface-raised);flex:none;width:clamp(58px,6vw,80px);overflow:hidden;box-shadow:0 6px 16px #0006}.dsw-cover :where(picture,img){object-fit:cover;width:100%;height:100%;display:block}.dsw-scale{flex-direction:column;align-items:flex-start;gap:.4rem;margin:0;display:flex}.dsw-scale-num{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text);font-variant-numeric:tabular-nums;font-size:clamp(2rem,1.3rem + 2.2vw,2.7rem);font-weight:600;line-height:1}.dsw-scale-label{max-width:36ch;font-size:var(--text-body-sm);line-height:var(--leading-normal);color:var(--color-text-muted)}.dsw-rule{width:100%;height:0;margin:var(--space-2xs) 0;border:0;border-top:1px solid var(--color-divider)}.dsw-notes{gap:var(--space-lg);flex-direction:column;display:flex}.dsw-note-lead{font-family:var(--font-display);font-size:var(--text-heading-sm);letter-spacing:-.01em;color:var(--color-text);margin:0;font-weight:600}.dsw-note-body{margin:var(--space-2xs) 0 0;max-width:44ch;font-size:var(--text-body-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted)}.discord-setup{padding-block:clamp(3rem,7vw,5.5rem)}.discord-setup-head{max-width:54rem;margin-bottom:var(--space-2xl)}.discord-setup-title{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(1.7rem,1.2rem + 2.2vw,2.6rem);font-weight:600;line-height:var(--leading-tight);color:var(--color-text);text-wrap:balance;margin:0}.discord-setup-sub{margin:var(--space-sm) 0 0;font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text-muted)}.discord-setup-steps{gap:var(--space-2xl);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (min-width:56rem){.discord-setup-steps{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,2.5rem)}}.dss-step{gap:var(--space-md);--dss-run:running;flex-direction:column;display:flex;position:relative}.discord-setup-steps.js-guide .dss-step{--dss-run:paused}.discord-setup-steps.js-guide[data-play] .dss-step,.dss-step:hover{--dss-run:running}.dss-visual{height:clamp(11rem,21vw,13rem);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px #ffffff0d, var(--shadow-panel);background:#1e1f22;place-items:center;display:grid;position:relative;overflow:hidden}.dss-stage{width:100%;max-width:15.5rem;position:relative}.dss-stage--wide{flex-direction:column;gap:.5rem;max-width:17.5rem;display:flex}.dss-confirm-bar{color:#c0c4cb;background:#2b2d31;border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.72rem;font-weight:600;display:flex}.dss-confirm-bar svg{color:#80848e}.dss-authcard{background:#313338;border-radius:8px;flex-direction:column;gap:.55rem;padding:.85rem;display:flex;box-shadow:0 14px 32px #00000073}.dss-authcard-head{align-items:center;gap:.5rem;display:flex}.dss-authcard-avatar{border-radius:50%;flex-shrink:0;width:26px;height:26px;overflow:hidden}.dss-authcard-avatar img{object-fit:cover;width:100%;height:100%}.dss-authcard-name{color:#f2f3f5;font-size:.85rem;font-weight:600}.dss-authcard-label{color:#b5bac1;letter-spacing:.04em;text-transform:uppercase;font-size:.62rem;font-weight:700}.dss-authcard-select{color:#dbdee1;background:#1e1f22;border-radius:4px;justify-content:space-between;align-items:center;padding:.4rem .6rem;font-size:.78rem;display:flex}.dss-authcard-select svg{color:#b5bac1}.dss-authcard-btn{color:#fff;text-align:center;transform-origin:50%;animation:5s ease-in-out infinite dss-press;animation-delay:calc(var(--dss-i) * .45s);animation-play-state:var(--dss-run);background:#5865f2;border-radius:4px;margin-top:.1rem;padding:.5rem;font-size:.8rem;font-weight:600}@keyframes dss-press{0%,44%{filter:brightness();transform:scale(1)}50%{filter:brightness(1.14);transform:scale(.96)}58%,to{filter:brightness();transform:scale(1)}}.dss-ac{background:#2b2d31;border-radius:6px;padding:.35rem;box-shadow:0 14px 32px #00000073}.dss-ac-row{animation:5s ease-in-out infinite dss-ac-highlight;animation-delay:calc(var(--dss-i) * .45s);animation-play-state:var(--dss-run);background:#383a40;border-radius:4px;align-items:center;gap:.4rem;padding:.45rem .5rem;display:flex}@keyframes dss-ac-highlight{0%,42%{background:#383a40}52%,64%{background:#43454d}to{background:#383a40}}.dss-ac-app{border-radius:4px;flex-shrink:0;width:18px;height:18px;overflow:hidden}.dss-ac-app img{object-fit:cover;width:100%;height:100%}.dss-ac-cmd{color:#fff;font-size:.8rem;font-weight:600}.dss-ac-arg{color:#00a8fc;background:#00a8fc24;border-radius:3px;padding:0 .25rem;font-size:.76rem}.dss-ac-desc{color:#b5bac1;white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:.72rem;overflow:hidden}.dss-input{background:#383a40;border-radius:8px;align-items:center;margin-top:.5rem;padding:.55rem .7rem;display:flex}.dss-input-cmd{color:#dbdee1;font-size:.85rem}.dss-input-game{color:#cfe9ff;white-space:nowrap;transform-origin:0;opacity:1;animation:5s ease-in-out infinite dss-pick;animation-delay:calc(var(--dss-i) * .45s);animation-play-state:var(--dss-run);background:#00a8fc29;border-radius:4px;margin-left:.35rem;padding:.05rem .4rem;font-size:.8rem;font-weight:500}@keyframes dss-pick{0%,46%{opacity:0;transform:translate(-3px)scale(.96)}54%{opacity:1;transform:translate(0)scale(1.04)}60%,to{opacity:1;transform:translate(0)scale(1)}}.dss-caret{width:1px;height:1rem;animation:1.1s step-end infinite dss-blink;animation-play-state:var(--dss-run);background:#dbdee1;margin-left:2px}@keyframes dss-blink{50%{opacity:0}}.dss-alert{gap:.6rem;width:100%;display:flex}.dss-stage--wide .dss-alert-embed{animation:5s ease-in-out infinite dss-post;animation-delay:calc(var(--dss-i) * .45s);animation-play-state:var(--dss-run)}@keyframes dss-post{0%,34%{background:#2b2d31;transform:translateY(0);box-shadow:0 0 #0092ff00}48%{background:#32353c;transform:translateY(-1px);box-shadow:0 0 0 1px #0092ff59}68%,to{background:#2b2d31;transform:translateY(0);box-shadow:0 0 #0092ff00}}.dss-alert-avatar{border-radius:50%;flex-shrink:0;width:28px;height:28px;overflow:hidden}.dss-alert-avatar img{object-fit:cover;width:100%;height:100%}.dss-alert-main{flex:1;min-width:0}.dss-alert-head{align-items:center;gap:.3rem;margin-bottom:.25rem;display:flex}.dss-alert-name{color:#f2f3f5;font-size:.8rem;font-weight:600}.dss-alert-app{color:#fff;text-transform:uppercase;background:#5865f2;border-radius:3px;padding:0 .2rem;font-size:.55rem;font-weight:600}.dss-alert-time{color:#949ba4;font-size:.65rem}.dss-alert-embed{background:#2b2d31;border-left:3px solid #0092ff;border-radius:4px;flex-direction:column;gap:.15rem;padding:.4rem .55rem;display:flex}.dss-alert-game{color:#fff;font-size:.78rem;font-weight:600}.dss-alert-text{color:#dbdee1;font-size:.72rem}.dss-cursor{z-index:3;pointer-events:none;transform:translate(var(--dss-from-x,32px), var(--dss-from-y,-24px));animation:5s ease-in-out infinite dss-travel;animation-delay:calc(var(--dss-i) * .45s);animation-play-state:var(--dss-run);position:absolute}.dss-cursor-arrow{filter:drop-shadow(0 1px 2px #00000073);display:block}@keyframes dss-travel{0%,14%{transform:translate(var(--dss-from-x,32px), var(--dss-from-y,-24px))}44%,60%{transform:translate(0)}86%,to{transform:translate(var(--dss-from-x,32px), var(--dss-from-y,-24px))}}.dss-cursor-ring{opacity:0;width:26px;height:26px;animation:5s ease-out infinite dss-click;animation-delay:calc(var(--dss-i) * .45s);animation-play-state:var(--dss-run);background:#ffffff38;border-radius:50%;position:absolute;top:-9px;left:-9px;transform:scale(0)}@keyframes dss-click{0%,46%{opacity:0;transform:scale(0)}52%{opacity:.5;transform:scale(.55)}66%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(0)}}.dss-cursor--authorize{--dss-from-x:34px;--dss-from-y:-28px;bottom:.6rem;left:56%}.dss-cursor--follow{--dss-from-x:28px;--dss-from-y:34px;top:.7rem;left:58%}.dss-meta{flex-direction:column;gap:.4rem;display:flex}.dss-num{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;color:var(--color-accent);font-size:.78rem;font-weight:600}.dss-step-title{font-family:var(--font-display);letter-spacing:-.012em;font-size:clamp(1.05rem,.96rem + .45vw,1.22rem);font-weight:600;line-height:var(--leading-snug,1.3);color:var(--color-text);margin:0}.dss-step-body{font-size:.95rem;line-height:var(--leading-relaxed);color:var(--color-text-muted);margin:0}@media (prefers-reduced-motion:reduce){.dss-cursor,.dss-cursor-ring,.dss-caret,.dss-authcard-btn,.dss-ac-row,.dss-input-game,.dss-stage--wide .dss-alert-embed{animation:none}.dss-cursor{opacity:0}.dss-authcard-btn{filter:none;transform:none}.dss-input-game{opacity:1;transform:none}}