/* GameRcade arcade theme. Edit this file to customize the Cloudflare build. */
:root { --gr-bg: #101024; --gr-violet: #a268f8; --gr-cyan: #75f0ed; --gr-pink: #ff65c5; }
body { background: #090a15 !important; }
.webrcade-outer { background: var(--gr-bg) !important; }
.header-nav { background: linear-gradient(90deg, #101529, #241637, #101529) !important; border-bottom: 1px solid #7853aa; box-shadow: 0 2px 20px #60279155; }
.logo, .logoLarge { color: #f4edff !important; text-shadow: 0 0 18px #a268f8; }
.app-details-content { background: var(--gr-bg) !important; }
.app-details-left { background: var(--gr-bg) !important; }
.app-details-left::before { background-image: linear-gradient(to right, #101024, transparent) !important; }
.app-details-content-container-title { text-shadow: 0 0 20px #b85fff77; }
.app-details-content-container-subtitle { color: #9ce8ea !important; }
.slider-item-container { background: #18162e !important; border-color: #302345 !important; }
.slider-item-container__selected { border-color: var(--gr-cyan) !important; box-shadow: 0 0 20px #7af8ee77; }
.slider-item-title { background: #161326 !important; }
.settings-button:focus, .details-header-nav-button:focus { background: #8946bb !important; }
@media (pointer: coarse) and (max-width: 900px) {
  .webrcade-outer { max-height: none !important; height: 100vh !important; height: 100dvh !important; }
}
@media (prefers-reduced-motion: reduce) { .fade-in { transition: none !important; } }