/* Keep the attract match visible without blur passes or competing bright text. */
#panel{background:rgba(5,17,27,.62);box-shadow:0 10px 35px #0007;border-color:#577b86}
#panel .hubHeader,#panel .hubNav,#panel .hubFooter{background:rgba(6,19,29,.91)}
#panel .hubScroll{background:transparent}
#panel[data-page=play] h1,#panel[data-page=play] .sectionHeading,#panel #modeName,#panel #modeDescription{text-shadow:0 2px 3px #000,0 0 8px #000}
#panel #modeList .modePicker button,#panel #modeDetail>.secondary,#panel #playHome>.secondary{background:rgba(17,43,56,.93)}
#panel #modeList .modePicker button[aria-pressed=true]{background:rgba(25,69,65,.96)}
#panel[data-page=pilot] .hubScroll,#panel[data-page=settings] .hubScroll,#panel[data-flow=rooms] .hubScroll,#panel[data-flow=create] .hubScroll,#panel[data-flow=lobby] .hubScroll{background:rgba(5,17,27,.76)}
@media(min-width:850px){#panel[data-page=play][data-flow=home],#panel[data-page=play][data-flow=mode]{width:min(600px,calc(100vw - 48px))}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){#panel,#panel .hubScroll{background:#07141e}}