:root { color-scheme: light; }
body { background: #dfe8ef; }
.bannerHolder, .bottomHolder > a:not(:last-child), #serverFilterRegion, #serverFilterMode { display: none !important; }
.linkHolder { width: 0 !important; min-width: 0 !important; padding: 0 !important; overflow: hidden; }
.mainHolder { border-top: 5px solid #18afd0; border-radius: 15px; box-shadow: 0 15px 55px #16354d25; }
.header h1 { color: #16354d; letter-spacing: .025em; }
.mainHolder .header { padding: 0 0 4px; align-items: center; }
.mainHolder .header .icon { width: 40px; height: 40px; }
.mainHolder .header h1 { font-size: 30px; line-height: 40px; }
.mainHolder .serverSelector { height: 60px !important; }
body.mobile .mainHolder .serverSelector { height: 48px !important; }
.reo-tagline { color: #586e80; font-size: 13px; margin: -8px 0 10px; text-align: center; }
.reo-credits { position: fixed; bottom: 10px; left: 0; right: 0; color: #4d6576; font: 12px Arial, sans-serif; text-align: center; }
.reo-credits a { color: inherit; }
#startButton { border-radius: 10px; background: #12aaca; }
#serverList tr { cursor: pointer; }
#serverList tr.selected { background: #d7eff7; }
.changelogHolder { border-radius: 15px; }
.container:has(#autoLevelUp) { display: none !important; }
#reoPlayerPanel { margin: 4px 0; padding: 6px 12px; border-radius: 8px; background: #edf5fa; color: #49667a; font: 11px/1.4 Arial, sans-serif; text-align: left; }
#reoPlayerId { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
#reoRetryProfile { width: auto; margin: 6px 0 0; padding: 4px 8px; font-size: 12px; }
@media (max-width: 800px) { .reo-credits { position: static; margin: 10px; } }