.realm-nav { display: block; color: #c9b38b; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 5px; }
.realm-nav:focus-visible, .realm-switch a:focus-visible { outline: 2px solid #e7ae35; outline-offset: 5px; }
.realm-eyebrow { color: #c7a86b; letter-spacing: .16em; text-transform: uppercase; font-size: 13px; }
.realm-pending { max-width: 720px; min-height: 55vh; margin: 50px auto; text-align: center; padding: 24px; }
.realm-pending h1 { font-family: Philosopher-Regular, serif; font-size: 36px; margin: 24px 0; }
.realm-pending p { color: #c7c2ce; }
.realm-pending .link-auth { margin: 36px auto; }
.realm-switch { display: flex; flex-wrap: wrap; gap: 10px; font-size: 14px; }
.realm-switch a { padding: 8px 12px; color: #cec6b7; border: 1px solid #51412c; border-radius: 5px; }
.realm-switch a[aria-current] { color: #ffa800; background: #352817; }

/* Fairplay shares Hardcore's #bg, main-text, link-auth and rate styles. */
#bg.realm-home--fairplay {
    background-image: linear-gradient(90deg, rgba(18,17,23,.65), rgba(18,17,23,.40)), url("../img/fairplay-hero-wide.webp");
    background-position: center center;
}
.realm-opening-date { color: #e7ae35; }
.realm-home__sr-title {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
@media (max-width: 991px) {
    #top .logo { flex-direction: column; }
    #top .logo .realm-nav { flex: 0 0 auto; height: auto; line-height: 1.2; font-size: 9px; margin-bottom: 3px; }
    #top .logo a:not(.realm-nav) { min-height: 0; }
}
@media (max-width: 600px) {
    .realm-pending h1 { font-size: 28px; }
}

.link-auth--fairplay { background-image: none; isolation: isolate; }
.link-auth--fairplay::before {
    content: ""; position: absolute; inset: 0; z-index: -1;
    background: url("../img/btn-auth.png") center / 100% 100% no-repeat;
    filter: hue-rotate(300deg) saturate(.82);
}
.link-auth--fairplay span { text-shadow: 3px 1px 7px #b62959; }
.link-auth--fairplay:hover { filter: brightness(1.2); }
.link-auth--fairplay:focus-visible { outline: 2px solid #ee9eac; outline-offset: 5px; }

.realm-countdown { font-variant-numeric: tabular-nums; padding-inline: 12px; }

.other-page.realm-pending-page { padding-top: clamp(190px, 24svh, 240px); }
@media (max-width: 767px) {
    .other-page.realm-pending-page { padding-top: 140px; }
}