#join-dialog{background:#191919!important;color:#fff5e9;border-color:#ff963d;box-shadow:8px 8px 0 #ff963d}
#join-dialog .join-close{color:#ffad67;z-index:3;background:#191919}
#join-dialog h2,#join-dialog .join-note,#join-description{position:relative;z-index:1}
#join-dialog h2{color:#ffad67}#join-dialog h2 span{color:#fff5e9}
#join-dialog .join-dialog-links a{background:#ff963d;color:#171916;border-color:#ff963d}
#join-dialog .join-dialog-links a:nth-child(even){background:#292929;color:#fff5e9}
#join-dialog .join-dialog-links a:hover{background:#ffb575;color:#171916}
#join-dialog .language-select{color:#fff5e9;border-color:#ff963d;background:#191919}
#join-dialog a:focus-visible,#join-dialog button:focus-visible{outline-color:#fff5e9}
#join-dialog::before{content:"";position:absolute;left:0;top:0;width:84px;height:84px;opacity:.28;filter:invert(1);background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23171916%22%20stroke-width%3D%221.4%22%3E%3Cpath%20d%3D%22M0%200H100M0%200V100M0%200L92%2038M0%200L70%2070M0%200L38%2092M25%200Q20%209%2023%2010Q15%2015%2018%2018Q8%2020%2010%2024Q4%2022%200%2025M50%200Q43%2015%2046%2019Q30%2030%2035%2035Q15%2043%2019%2046Q8%2045%200%2050M75%200Q65%2022%2069%2029Q45%2045%2053%2053Q22%2065%2029%2069Q12%2067%200%2075M100%200Q85%2030%2092%2038Q60%2060%2070%2070Q30%2085%2038%2092Q16%2090%200%20100%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;pointer-events:none}
#join-dialog::after{content:"";position:absolute;right:12px;top:60px;width:84px;height:114px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2068%22%3E%3Cpath%20d%3D%22M25%200V28%22%20stroke%3D%22%23ff9a45%22%2F%3E%3Cg%20stroke%3D%22%23ff9a45%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M20%2036L9%2029L4%2034M19%2040L6%2039L2%2046M20%2044L9%2050L7%2057M22%2047L17%2058L18%2064M30%2036L41%2029L46%2034M31%2040L44%2039L48%2046M30%2044L41%2050L43%2057M28%2047L33%2058L32%2064%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%2225%22%20cy%3D%2242%22%20rx%3D%228%22%20ry%3D%2211%22%20fill%3D%22%23ff9a45%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2239%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2239%22%20r%3D%221.3%22%2F%3E%3C%2Fsvg%3E") center top/contain no-repeat;pointer-events:none;z-index:0}
#join-dialog.halloween-first[open]::before{animation:web-drop461 .8s ease-out both}
#join-dialog.halloween-first[open]::after{animation:web-drop461 1s ease-out both}
#join-dialog.halloween-repeat[open]{animation:none}
@keyframes web-drop461{from{transform:translateY(-110%);opacity:0}to{transform:translateY(0)}}
#join-dialog .join-kicker{color:#ffad67}
@media(prefers-reduced-motion:reduce){#join-dialog[open],#join-dialog[open]::before,#join-dialog[open]::after{animation:none!important}}
/* The rest of the site uses its original yellow/black palette. */
.channel-disc256.channel-disc256{width:164px;height:164px;right:4px}
.channel-disc256 .channel-disc256-coin{background:#171916;color:#fff}
.channel-disc256 .channel-disc256-coin svg{animation:none}
.channel-disc256 .channel-disc256-coin svg>circle:first-of-type{animation:pumpkin-ring462 4s ease-in-out infinite;fill:#171916;stroke:#ff963d}
.channel-disc256 .pumpkin-body462{fill:#ff963d;animation:pumpkin-body462 4s ease-in-out infinite}
.channel-disc256 .pumpkin-face462{fill:#171916;animation:pumpkin-ring462 4s ease-in-out infinite}
.channel-disc256 .pumpkin-ribs462{fill:none;stroke:#171916;stroke-width:.7;opacity:.35}
.channel-disc256 .pumpkin-text462{fill:#fff;stroke:none;animation:pumpkin-text462 4s ease-in-out infinite,pumpkin-spin462 14s linear infinite reverse;transform-origin:50px 50px}
.channel-disc256.is-dragging .pumpkin-text462{animation-play-state:paused}
@keyframes pumpkin-spin462{to{transform:rotate(360deg)}}
@keyframes pumpkin-ring462{0%,35%,100%{fill:#171916}50%,85%{fill:#ff963d}}
@keyframes pumpkin-body462{0%,35%,100%{fill:#ff963d}50%,85%{fill:#171916}}
@keyframes pumpkin-text462{0%,35%,100%{fill:#fff}50%,85%{fill:#171916}}
@media(max-width:640px){.channel-disc256.channel-disc256{width:128px;height:128px;right:4px}#join-dialog::after{right:8px;top:70px;width:72px;height:98px}}
@media(prefers-reduced-motion:reduce){.channel-disc256 .channel-disc256-coin svg>circle:first-of-type,.channel-disc256 .pumpkin-body462,.channel-disc256 .pumpkin-face462,.channel-disc256 .pumpkin-text462{animation:none}}