/* Shared page rhythm. Scoped away from the full-screen game workspace. */
body.sky-site {
    --travel-night: #060f1c;
    --travel-blue: var(--site-accent);
    --travel-blue-dark: #369dbd;
    --travel-blue-pale: #132e43;
    --travel-ink: var(--site-text);
    --travel-ink-soft: var(--site-muted);
    --travel-line: var(--site-line);
    --travel-surface: var(--site-surface);
    --sky-accent-rgb: 107 219 245;
    --sky-accent: var(--site-accent);
    --sky-text: var(--site-text);
    --sky-text-soft: var(--site-muted);
    margin: 0; background: var(--travel-night); color: var(--site-text);
    font-family: 'Barlow', sans-serif;

    & .sky-lobby__shell, & .sky-auth__shell { display: block; padding: 0; }
    & :is(.sky-lobby__shell, .sky-home__hero)::before,
    & :is(.sky-lobby__shell, .sky-home__hero)::after { display: none; }
    & :is(.sky-lobby__content, .sky-rules, .quest-page, .game-guide, .sky-legal__content) {
        width: min(calc(var(--site-width) - 2 * var(--site-gutter)), calc(100% - 2 * var(--site-gutter)));
        max-width: none; margin: 26px auto 0; padding: 0 0 24px;
    }
    & :is(.sky-auth__panel, .sky-error__content) { margin-block: 28px; border: 1px solid var(--site-line); border-radius: 8px; }
    & .sky-auth__panel { width: min(560px, calc(100% - 2 * var(--site-gutter))); }
    & .sky-auth__panel--wide { width: min(880px, calc(100% - 2 * var(--site-gutter))); }
    & .sky-error__content { width: min(640px, calc(100% - 2 * var(--site-gutter))); }
    & :is(.sky-auth__panel, .sky-error__content, .sky-legal__panel) { padding: clamp(22px, 3vw, 32px); box-shadow: none; }
    & .sky-legal__content { max-width: 960px; }
    & :is(.sky-lobby__heading, .sky-auth__panel, .sky-rules__hero, .sky-news-hub__hero, .sky-news__article-head, .sky-legal__panel, .game-guide, .quest-heading) h1 {
        margin: 8px 0 14px; color: var(--site-text); font: 600 clamp(32px, 4vw, 46px)/1.1 'Barlow Condensed', sans-serif;
        letter-spacing: 0; text-transform: none;
    }
    & .sky-home__eyebrow, & .sky-lobby__label { color: var(--site-accent); font: 700 10px 'Barlow', sans-serif; letter-spacing: 1.7px; }
    & .sky-home__eyebrow::before { display: none; }
    & :is(.sky-lobby__heading, .sky-rules__hero, .sky-news-hub__hero) p { font-size: 14px; line-height: 1.65; max-width: 75ch; }
    & :is(.sky-report__hero, .sky-pass__hero, .sky-admin__hero, .sky-rules__hero, .sky-news-hub__hero, .sky-leaderboard__hero) {
        min-height: 0; padding: 0 0 22px; background: none; border: 0; border-bottom: 1px solid var(--site-line); border-radius: 0; box-shadow: none;
    }
    & :is(.sky-lobby__panel, .sky-pass__checkout, .sky-news-hub__section, .sky-rules__chapter) { border-radius: 7px; background: #0b192b; }
    & .sky-lobby__panel-head h2 { font: 600 24px 'Barlow Condensed', sans-serif; text-transform: none; letter-spacing: 0; }
    & .sky-leaderboard__hero { max-width: none; }
    & :is(.sky-home__primary, .sky-home__secondary, .sky-auth__submit) {
        min-height: 44px; padding: 11px 18px; border-radius: 5px;
        font: 600 14px 'Barlow', sans-serif; text-transform: none; letter-spacing: 0; line-height: 1.4;
    }
    & .sky-home__primary:hover, & .sky-auth__submit:hover { background: #98eaff; }
    & .sky-auth__form label { font: 500 14px 'Barlow', sans-serif; text-transform: none; letter-spacing: 0; }
    & .sky-auth__form :is(input, select, textarea) { min-height: 44px; }
    & .sky-auth__form :is(input, select, textarea):focus { box-shadow: none; }

    /* The world news starts with a title and a compact situation summary. */
    & .sky-news-hub__hero { grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr); gap: 32px; overflow: visible; }
    & .sky-news-hub__hero::before, & .sky-news-hub__hero::after { display: none; }
    & .sky-news-hub__hero h1 em { color: var(--site-text); }
    & .sky-news-hub__metrics > div { min-height: 88px; padding: 14px; background: #0e2032; }
    & .sky-news-hub__metrics dd { font-size: 30px; }
    & .sky-news-hub__metrics dt { color: var(--site-muted); font-size: 10px; }
    & .sky-news-hub__anchors { margin-top: 18px; }
    & .sky-news-hub__anchors a { color: #b9deee; background: #132b40; border: 1px solid #36546a; font-weight: 500; }
    & .sky-news-hub__section { padding: 24px; }
    & .sky-news-hub__section-head > div > span { color: var(--site-accent); background: none; font: 700 10px 'Barlow', sans-serif; letter-spacing: 1.4px; }
    & .sky-news-hub__section-head h2 { font: 600 26px 'Barlow Condensed', sans-serif; letter-spacing: 0; }
    & .sky-news-hub__live { color: #ffc4cc; background: #351e2d; border-color: #81495b; }
    & .sky-news-hub__live.is-clear { color: #a6e9c9; background: #12352e; border-color: #315d50; }
    & .sky-news-hub__live > span { animation: none; box-shadow: none; }

    /* The guide belongs to the same night-blue reading environment. */
    & .game-guide__intro { max-width: 900px; }
    & .game-guide__intro > p, & .game-guide__chapter header > p { color: var(--site-muted); }
    & .game-guide__chapter { background: #0b192b; border: 1px solid var(--site-line); border-radius: 7px; }
    & .game-guide h2 { color: var(--site-text); font: 600 28px/1.15 'Barlow Condensed', sans-serif; }
    & .game-guide__chapters a, & .game-guide__chapters a > span { color: var(--site-muted); }
    & .game-guide__chapters a:is(:hover, [aria-current="step"]) { background: #142f44; color: var(--site-accent); }
    & .game-guide__chapters a[aria-current="step"] > span { color: var(--site-accent); }
    & .game-guide__chapter header > span, & .game-guide li::marker { color: var(--site-accent); }
    & .game-guide figcaption, & .game-guide__footnote { color: var(--site-muted); }
    & .game-guide figcaption a, & .game-guide__pager a { color: var(--site-accent); }
    & .game-guide__tip { color: #d1e6f4; background: #112c42; border: 1px solid #294f69; }
    & .game-guide__tip > i { color: var(--site-accent); }
    & .game-guide__pager, & .game-guide__chapters .game-guide__rules { border-color: var(--site-line); }
    & :is(.game-guide, .sky-rules) > .sky-site-footer { width: 100%; }
    & .sky-rules__hero { align-items: start; }
    & .sky-rules__box { padding: 20px; border-radius: 7px; }
    & .sky-rules__chapter > header { display: grid; justify-content: start; gap: 6px; }
    & .sky-rules__chapter > header h2 { margin: 0; font-size: 26px; }
    & .site-reading-details { margin: 18px 0; padding: 0 20px; background: #0e2032; border: 1px solid var(--site-line); border-radius: 7px; }
    & .site-reading-details > summary { min-height: 48px; padding: 14px 0; cursor: pointer; color: #c5e5f5; font-size: 14px; font-weight: 600; }
    & .site-reading-details p { color: var(--site-muted); font-size: 14px; line-height: 1.65; }
    & .site-reading-details .sky-rules__note { margin-bottom: 20px; }
}

/* Page-specific identities keep their artwork and reward colors. */
body.sky-site.sky-career {
    --profile-gold: var(--site-accent);
    & .sky-profile__content { padding-top: 0; }
    & .profile-cover { border-color: var(--site-line); border-radius: 8px 8px 0 0; min-height: 270px; }
    & .profile-cover__identity { min-height: 180px; }
    & .profile-cover h1 { font-size: clamp(32px, 4vw, 46px); }
    & .profile-nav { border-radius: 0 0 7px 7px; }
    & .profile-nav a[aria-selected="true"] { color: var(--site-accent); background: #142f44; box-shadow: inset 0 -2px var(--site-accent); }
    & .profile-button--gold { color: #061c2c; background: var(--site-accent); border-color: var(--site-accent); }
    & .profile-button--gold:hover { background: #98eaff; }
}
body.sky-site.sky-marketing {
    & .sky-home__content--marketing {
        width: min(calc(var(--site-width) - 2 * var(--site-gutter)), calc(100% - 2 * var(--site-gutter)));
        min-height: 0; padding: 36px 0; gap: 40px;
    }
    & .sky-home__hero-copy h1 { font-size: clamp(40px, 4.5vw, 62px); line-height: 1.05; text-transform: none; font-weight: 600; }
    & .sky-home__hero-copy p { font-size: 16px; }
    & .sky-home__preview, & .sky-marketing__section, & .sky-marketing__band {
        width: min(calc(var(--site-width) - 2 * var(--site-gutter)), calc(100% - 2 * var(--site-gutter)));
    }
    & .sky-marketing__section { padding-block: 42px; }
    & .sky-marketing__section-head h2, & .sky-marketing__band h2 { text-transform: none; font-weight: 600; }
    & .sky-marketing__band { border-left-width: 1px; border-radius: 7px; }
}
body.sky-site.sky-quests {
    --quest-gold: var(--site-accent);
    & .quest-mission, & .quest-reset, & .quest-career, & .quest-reward { border-radius: 7px; }
    & .quest-primary { background: var(--site-accent); }
    & .quest-primary:hover { background: #98eaff; }
}
@media (max-width: 900px) {
    body.sky-site .sky-news-hub__hero { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    body.sky-site .sky-news-hub__metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    body.sky-site {
        & :is(.sky-lobby__content, .sky-rules, .quest-page, .game-guide, .sky-legal__content) { margin-top: 20px; }
        & .sky-news-hub__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        & .sky-news-hub__section { padding: 18px 16px; }
        & .sky-news-hub__section-head { flex-wrap: wrap; }
        & .sky-rules__hero { grid-template-columns: minmax(0, 1fr); gap: 16px; }
        & .site-reading-details { padding-inline: 16px; }
    }
    body.sky-site.sky-marketing .sky-home__content--marketing { grid-template-columns: minmax(0, 1fr); padding-top: 24px; gap: 24px; }
    body.sky-site.sky-career {
        & .profile-cover { padding-inline: 20px; }
        & .profile-cover__top { min-height: 64px; }
        & .profile-cover__identity { min-height: 0; }
    }
}