/* The supplied lightning border decorates only the front page. */
#lobby{background:linear-gradient(90deg,rgba(11,31,29,.75),rgba(11,31,29,.18) 45%,rgba(11,31,29,.75)),linear-gradient(0deg,#102823 0%,transparent 50%),url('assets/village.png') center/cover fixed;color:#fff6de}
#lobby::before{content:'';display:block;height:44px;background:#000 url('assets/lightning-banner.png') repeat-x center 49%;background-size:auto 257%;pointer-events:none}
#lobby .play-panel{background:linear-gradient(155deg,#931f24f5,#691319f5);border-color:#ffdf8555;box-shadow:0 18px 55px #43070d55}
#lobby .profile,#lobby .icon-button{background:#5e1017b8;border-color:#ffdf8555}
#lobby .profile small,#lobby .hero-caption p,#lobby .stage-label,#lobby .section-heading>span,#lobby .ability-card p,#lobby .mode small,#lobby .play-note,#lobby .profile-form small,#lobby .account-entry small,#lobby footer{color:#ffe5cb}
#lobby .hero-caption>span,#lobby .ability-card small,#lobby .stats span,#lobby .profile-form label,#lobby .hero-access,#lobby .account-entry .signout-link,#lobby .entry-welcome span{color:#ffdb86}
#lobby .hero-card{background:#68151b;border-color:#ffd58655}
#lobby .hero-card.active{background:#ffce58;color:#431318;border-color:#fff1b0}
#lobby .hero-card.active .hero-access{color:#431318}
#lobby .stats i{background:#ffce58;box-shadow:none}
#lobby .ability-card,#lobby .account-entry{border-color:#ffdf8538}
#lobby .profile-form input{background:#5e1117;border-color:#ffe0aa55;color:#fff6de}
#lobby .profile-form button{background:#ffce58;color:#431318}
#lobby .mode{background:#5e10175c;border-color:#ffd58655}
#lobby .mode.active{background:#edb5441f;border-color:#ffdf85}
#lobby .mode-icon{color:#ffdf85}
#lobby .radio-dot{border-color:#ffdf8580}
#lobby .active .radio-dot{border-color:#ffce58;background:#621319}
#lobby .explore-village{background:#70171c;border-color:#ffd58699;color:#fff6de}
#lobby .play-button{color:#431318;box-shadow:0 5px 0 #43070d55}
#lobby h1{text-shadow:0 4px 16px #560a13}
#lobby .roster{scrollbar-color:#ffcf83 transparent}
@media(max-width:720px){
  #lobby::before{height:28px}
  #lobby .topbar{height:56px}
  #lobby .lobby-content{padding-top:4px;gap:6px}
  #lobby .selected-art{height:64px}
  #lobby .play-panel{padding:11px 13px}
  #lobby .section-heading>span::after{color:#ffe5cb!important}
  #lobby .entry-welcome{margin-bottom:2px}
  #lobby .entry-welcome b{font-size:19px}
  #lobby .village-entry .explore-village{padding-top:7px;padding-bottom:7px}
  #lobby .modes{gap:5px}
  #lobby .play-button{margin-top:8px}
}