/* Soft neon edge lighting, rather than flashes or full-screen glare. */
.hc-lighting{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden;contain:strict}
.hc-lighting::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0% 28%,#8236d932,transparent 28%),radial-gradient(ellipse at 100% 72%,#ea25862a,transparent 26%),radial-gradient(ellipse at 100% 0%,#49d5df12,transparent 21%);opacity:.6;animation:hc-neon-breathe 14s ease-in-out infinite alternate}
.hc-lighting::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 10%,#bc58ff80 30%,#47cce33b 52%,transparent 72%) left center/2px 100% no-repeat,linear-gradient(180deg,transparent 30%,#ed419a66 65%,#b068ff55 82%,transparent 96%) right center/2px 100% no-repeat;filter:drop-shadow(0 0 7px #bc58ff);opacity:.45}
.hc-header{border-bottom-color:#a957d664;box-shadow:0 1px 14px #b12fd522,0 12px 32px #0004}
.hc-header .hc-brand img{filter:drop-shadow(0 0 8px #c041ee55)}
.hero{box-shadow:inset 0 -1px #c956ed30}
.intro,.join,.faq,.rule-band,.server-status{position:relative}
.intro::before,.join::before,.faq::before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#9f42dd77,#ed489b99,#55c5d244,transparent);box-shadow:0 0 12px #b73be633;opacity:.7}
.status-panel,.composer,.editor,.profile-card,.creator-card,.application-notice,.post,.login-card{border-color:#84519b88;box-shadow:0 0 0 1px #ca77ed08,inset 1px 0 #8d43bc22,0 10px 35px #0003,8px 0 30px -24px #ee4fb6,-8px 0 30px -24px #63bdde}
.status-panel,.composer,.creator-card{transition:border-color .3s,box-shadow .3s}
.status-panel:hover,.composer:focus-within,.creator-card:hover{border-color:#be7cdfaa;box-shadow:0 0 22px #ac39d41a,8px 0 30px -24px #ee4fb6,-8px 0 30px -24px #63bdde}
.button:hover,main button:hover:not(:disabled){box-shadow:0 0 18px #d43ae52e}
.hc-menu{box-shadow:0 18px 45px #0009,0 0 20px #a942cf17}
@keyframes hc-neon-breathe{from{opacity:.45;transform:translateY(-1%)}to{opacity:.9;transform:translateY(1%)}}
@media(max-width:680px){.hc-lighting::before{background:radial-gradient(ellipse at 0% 25%,#8236d925,transparent 22%),radial-gradient(ellipse at 100% 75%,#ea258622,transparent 21%)}.hc-lighting::after{opacity:.32}}
@media(prefers-reduced-motion:reduce){.hc-lighting::before{animation:none;opacity:.55}.status-panel,.composer,.creator-card{transition:none}}
@media(forced-colors:active){.hc-lighting,.intro::before,.join::before,.faq::before{display:none}}
