/* Local-only colour study. Enabled with ?theme=sky-blue-test. */
body.sky-blue-test {
    --sky-ink: #071a2a;
    --sky-muted: #496b7c;
    --sky-line: #65b9dc;
    --sky-accent: #087fc4;
    --sky-accent-deep: #075b95;
    --sky-paper: #f7fcfe;
    --sky-paper-blue: #eaf8fc;
    --sky-shadow: #53a8cf;
    background:
        linear-gradient(145deg, rgba(255,255,255,.3), transparent 39%),
        linear-gradient(135deg, #bceafb 0%, #9ddcf2 48%, #78c7e7 100%);
    color: var(--sky-ink);
}

.sky-blue-test .site-header {
    background: rgba(234,248,252,.96);
    border-bottom: 1px solid var(--sky-line);
    box-shadow: 0 8px 28px rgba(13,72,103,.08);
}
.sky-blue-test .site-logo,
.sky-blue-test .arcade-header-logo,
.sky-blue-test .header-search-link { color: var(--sky-ink); }
.sky-blue-test .header-search-link:hover { background: #dceff6; color: #004f81; }
.sky-blue-test .create-account-nav,
.sky-blue-test .account-nav-link,
.sky-blue-test .mobile-menu-button {
    border-color: var(--sky-accent);
    background: var(--sky-paper);
    color: var(--sky-ink);
    box-shadow: 4px 4px 0 #89cbe3;
}
.sky-blue-test .mobile-menu-button span { background: var(--sky-ink); }

.sky-blue-test .arcade-hero {
    border-color: #43a7d1;
    background: #0a2437;
}
.sky-blue-test .arcade-hero-shade {
    background:
        linear-gradient(90deg, rgba(5,27,43,.97) 0%, rgba(7,34,52,.9) 38%, rgba(8,44,66,.56) 70%, rgba(5,27,43,.78) 100%),
        linear-gradient(0deg, rgba(5,27,43,.94) 0%, transparent 44%);
}
.sky-blue-test .arcade-kicker,
.sky-blue-test .arcade-section-code,
.sky-blue-test .section-heading .eyebrow { color: #008ed8; }
.sky-blue-test .arcade-hero .arcade-kicker { color: #62dbff; }
.sky-blue-test .arcade-logo-lockup { color: #fff; }
.sky-blue-test .arcade-intro { color: #c6dce7; }
.sky-blue-test .arcade-hero-stream-info {
    border-color: #54b9e0;
    background: rgba(240,250,253,.94);
    color: var(--sky-ink);
    box-shadow: 6px 6px 0 rgba(0,127,206,.38);
}
.sky-blue-test .arcade-hero-stream-info:hover { background: #fff; border-color: #008ed8; }
.sky-blue-test .arcade-hero-stream-meta { color: #4d6977; }
.sky-blue-test .arcade-hero-stream-meta b { background: #d9eff7; color: #075b95; }
.sky-blue-test .arcade-featured-viewer-count { color: #173747; }
.sky-blue-test .arcade-featured-cta { border-color: rgba(0,127,206,.24); color: #075b95; }
.sky-blue-test .primary-button {
    border-color: #fff;
    background: #fff;
    color: var(--sky-ink);
    box-shadow: 6px 6px 0 var(--sky-accent);
}
.sky-blue-test .secondary-button {
    border-color: #63badd;
    background: #dff2f8;
    color: var(--sky-ink);
    box-shadow: 5px 5px 0 #75bcd8;
}

.sky-blue-test .content-shell { background: transparent; }
.sky-blue-test .search-hero,
.sky-blue-test .live-overview,
.sky-blue-test .home-spin-feature,
.sky-blue-test .stream-card,
.sky-blue-test .catalog-empty {
    border-color: var(--sky-line);
    background: rgba(234,248,252,.96);
    color: var(--sky-ink);
    box-shadow: 7px 7px 0 rgba(70,148,181,.22);
}
.sky-blue-test .search-hero > p:not(.arcade-section-code),
.sky-blue-test .live-overview-heading > div > p:last-child,
.sky-blue-test .home-spin-copy > p:not(.arcade-section-code) { color: var(--sky-muted); }
.sky-blue-test .universal-search input,
.sky-blue-test .universal-search select {
    border-color: #a7d4e4;
    background: #fff;
    color: var(--sky-ink);
}
.sky-blue-test .search-quick-links,
.sky-blue-test .search-quick-links a { color: #3b6173; }
.sky-blue-test .search-quick-links a,
.sky-blue-test .quick-links a {
    border-color: #9dcee0;
    background: #f7fcfe;
    color: #123b50;
}
.sky-blue-test .search-quick-links a:hover,
.sky-blue-test .quick-links a:hover { border-color: var(--sky-accent); color: #00588d; }

.sky-blue-test .overview-freshness { background: #eaf8f0; color: #166137; }
.sky-blue-test .overview-stat,
.sky-blue-test .overview-ranking {
    border-color: #b6dce9;
    background: #f9fdfe;
    color: var(--sky-ink);
}
.sky-blue-test .overview-stat-primary {
    border-color: #42a8d2;
    background: #dff2f8;
}
.sky-blue-test .overview-ranking { box-shadow: inset 5px 0 0 var(--sky-accent); }
.sky-blue-test .provider-warning {
    border-color: #d6b25c;
    background: #fff8dc;
    color: #624810;
}

.sky-blue-test .home-spin-feature { background: rgba(234,248,252,.97); }
.sky-blue-test .home-spin-visual {
    border-color: var(--sky-line);
    background: radial-gradient(circle at 50% 50%, rgba(0,127,206,.19), transparent 59%);
}
.sky-blue-test .home-spin-orbit { border-color: rgba(0,103,174,.56); }
.sky-blue-test .home-spin-node {
    border-color: #3fa6d0;
    background: #f8fcfd;
    color: #006aa9;
    box-shadow: 3px 3px 0 #9ed2e5;
}

.sky-blue-test .discovery-header h2,
.sky-blue-test .section-heading h2 { color: var(--sky-ink); }
.sky-blue-test .view-all { color: #006eae; }
.sky-blue-test .stream-card { background: rgba(247,252,254,.98); }
.sky-blue-test .stream-card:hover {
    border-color: var(--sky-accent);
    background: #fff;
    box-shadow: 5px 5px 0 #78bdd9;
}
.sky-blue-test .stream-card h3,
.sky-blue-test .stream-card a { color: var(--sky-ink); }
.sky-blue-test .stream-card p { color: var(--sky-muted); }

.sky-blue-test .arcade-account-cta {
    border-color: #76bdd9;
    background: linear-gradient(135deg, #bceafb, #82cee9);
    color: var(--sky-ink);
}
.sky-blue-test .arcade-account-cta p:not(.arcade-section-code) { color: #3f6577; }
.sky-blue-test .site-legal-footer,
.sky-blue-test .arcade-footer {
    border-color: #76bdd9;
    background: rgba(188,234,251,.97);
    color: #345665;
}
.sky-blue-test .site-legal-footer b,
.sky-blue-test .site-legal-footer strong,
.sky-blue-test .arcade-footer b,
.sky-blue-test .arcade-footer strong { color: var(--sky-ink); }
.sky-blue-test .site-legal-footer a,
.sky-blue-test .arcade-footer a { color: #365f73; }
.sky-blue-test .site-legal-footer a:hover,
.sky-blue-test .arcade-footer a:hover { color: #006eae; }

.sky-blue-test .mobile-navigation:not([hidden]) {
    border-color: var(--sky-accent);
    background: #f6fcfd;
    box-shadow: 8px 8px 0 #82c5df;
}
.sky-blue-test .mobile-navigation > a,
.sky-blue-test .mobile-coming-soon {
    border-color: #b8dce9;
    background: #edf8fb;
    color: var(--sky-ink);
}
.sky-blue-test .mobile-navigation > a:hover,
.sky-blue-test .mobile-navigation > a[aria-current="page"] {
    border-color: var(--sky-accent);
    background: #d9f0f7;
}

@media (max-width: 620px) {
    .sky-blue-test .arcade-hero-shade {
        background: linear-gradient(90deg, rgba(5,27,43,.95), rgba(7,44,65,.62)),
                    linear-gradient(0deg, rgba(5,27,43,.96) 0%, transparent 54%);
    }
    .sky-blue-test .arcade-actions .secondary-button { color: #d5eaf2; background: transparent; }
}

/* Permanent Golf Blue system shared by every public Streamwrld page. */
.site-page.sky-blue-test {
    min-height: 100vh;
    background:
        radial-gradient(circle at 86% 4%, rgba(255,255,255,.48), transparent 28rem),
        linear-gradient(145deg, #c9effc 0%, #a8def1 46%, #83c9e5 100%);
    color: #07131b;
}
.site-page.sky-blue-test .page-content,
.site-page.sky-blue-test .account-page,
.site-page.sky-blue-test .explore-page,
.site-page.sky-blue-test .ranking-page,
.site-page.sky-blue-test .search-page,
.site-page.sky-blue-test .profile-page,
.site-page.sky-blue-test .my-hub-page,
.site-page.sky-blue-test .legal-page {
    background: transparent;
    color: #07131b;
}
.site-page.sky-blue-test :is(
    .account-intro,.auth-card,.account-benefits,.explore-intro,.explore-filters,
    .explore-live-summary,.ranking-intro,.ranking-filters,.ranking-list,.ranking-method,
    .search-intro-copy,.search-profile-result,.search-empty,.my-hub-hero,.my-hub-section,
    .profile-hero,.profile-panel,.performance-panel,.chart-panel,.legal-hero-copy,
    .legal-document,.legal-page-nav,.terms-overview,.terms-index
) {
    border-color: rgba(17,82,116,.38);
    background: rgba(247,253,255,.9);
    color: #07131b;
    box-shadow: 7px 7px 0 rgba(21,110,154,.13);
}
.site-page.sky-blue-test :is(
    h1,h2,h3,h4,.ranking-position,.ranking-viewers,.ranking-streamer,
    .profile-stat-grid strong,.performance-grid strong,.search-profile-name,
    .explore-results-heading,.favorites-status
) { color: #05090c; }
.site-page.sky-blue-test :is(
    p,small,.ranking-copy,.ranking-category,.ranking-platform,.ranking-note,
    .profile-summary,.profile-stats-note,.performance-note,.chart-footer,
    .search-summary,.account-email,.legal-document li
) { color: #34566a; }
.site-page.sky-blue-test :is(input,select,textarea) {
    border-color: rgba(17,82,116,.45);
    background: rgba(255,255,255,.92);
    color: #07131b;
}
.site-page.sky-blue-test :is(.ranking-card,.stream-card,.my-hub-card-grid > *, .profile-state-card) {
    border-color: rgba(17,82,116,.35);
    background: rgba(249,253,255,.94);
    color: #07131b;
}
.site-page.sky-blue-test .secondary-button,
.site-page.sky-blue-test .text-button,
.site-page.sky-blue-test .section-link,
.site-page.sky-blue-test .back-link {
    border-color: #147bb0;
    background: rgba(238,250,255,.75);
    color: #07131b;
}
.site-page.sky-blue-test .site-legal-footer {
    border-top-color: rgba(17,82,116,.34);
    background: rgba(226,246,252,.82);
}
.site-page.sky-blue-test .mobile-bottom-navigation {
    border-top-color: #47c7f0;
    background: rgba(4,22,34,.98);
}
.site-page.sky-blue-test .mobile-bottom-navigation > a { color: #9eb7c7; }
.site-page.sky-blue-test .mobile-bottom-navigation > a[aria-current="page"] {
    background: #0c344c;
    color: #fff;
    box-shadow: inset 0 4px 0 #58ddff;
}

@media (max-width: 800px) {
    .site-page.sky-blue-test { padding-bottom: calc(70px + env(safe-area-inset-bottom)); }
    .site-page.sky-blue-test :is(.page-shell,.page-content) { width: min(100% - 24px, 100%); }
    .site-page.sky-blue-test :is(.account-intro,.explore-intro,.ranking-intro,.my-hub-hero,.profile-hero,.legal-hero-copy) {
        box-shadow: 4px 4px 0 rgba(21,110,154,.12);
    }
}

/* Gulf Blue revision: dark navigation and near-black content typography. */
.sky-blue-test .site-header {
    background: #071521;
    border-bottom-color: #18384c;
    box-shadow: 0 8px 28px rgba(0,22,35,.2);
}
.sky-blue-test .site-logo,
.sky-blue-test .arcade-header-logo,
.sky-blue-test .header-search-link { color: #fff; }
.sky-blue-test .header-search-link:hover { background: #102b3c; color: #fff; }
.sky-blue-test .create-account-nav,
.sky-blue-test .account-nav-link,
.sky-blue-test .mobile-menu-button {
    border-color: #48b8e4;
    background: #0b2232;
    color: #fff;
    box-shadow: 4px 4px 0 #0d5277;
}
.sky-blue-test .mobile-menu-button span { background: #fff; }
.sky-blue-test .mobile-navigation:not([hidden]) {
    border-color: #48b8e4;
    background: #071521;
    box-shadow: 8px 8px 0 #0d5277;
}
.sky-blue-test .mobile-navigation-label { color: #67d5ff; }
.sky-blue-test .mobile-navigation > a,
.sky-blue-test .mobile-coming-soon {
    border-color: #18384c;
    background: #0b1d2a;
    color: #fff;
}
.sky-blue-test .mobile-navigation > a:hover,
.sky-blue-test .mobile-navigation > a[aria-current="page"] {
    border-color: #67d5ff;
    background: #11364b;
    color: #fff;
}
.sky-blue-test .mobile-platform-links a { color: #fff; }

.sky-blue-test .arcade-hero { background: #a7dff3; }
.sky-blue-test .arcade-hero-background img { filter: saturate(.62) contrast(.82) brightness(1.17); }
.sky-blue-test .arcade-hero-shade {
    background:
        linear-gradient(90deg, rgba(204,239,249,.97) 0%, rgba(190,231,245,.91) 40%, rgba(137,205,231,.7) 73%, rgba(157,216,237,.82) 100%),
        linear-gradient(0deg, rgba(166,221,240,.9) 0%, transparent 46%);
}
.sky-blue-test .arcade-hero .arcade-kicker,
.sky-blue-test .arcade-logo-lockup,
.sky-blue-test .arcade-intro { color: #05090c; }
.sky-blue-test .arcade-logo-lockup { text-shadow: 2px 2px 0 rgba(255,255,255,.42); }
.sky-blue-test .arcade-actions .secondary-button { color: #05090c; }

.sky-blue-test .content-shell,
.sky-blue-test .search-hero,
.sky-blue-test .live-overview,
.sky-blue-test .home-spin-feature,
.sky-blue-test .stream-card,
.sky-blue-test .stream-card h3,
.sky-blue-test .stream-card p,
.sky-blue-test .stream-card a,
.sky-blue-test .discovery-header,
.sky-blue-test .section-heading,
.sky-blue-test .overview-stat,
.sky-blue-test .overview-ranking,
.sky-blue-test .platform-counts b,
.sky-blue-test .platform-counts small,
.sky-blue-test .overview-stat > span,
.sky-blue-test .overview-stat > small,
.sky-blue-test .overview-stat > strong,
.sky-blue-test .overview-ranking > span,
.sky-blue-test .overview-ranking > small,
.sky-blue-test .overview-ranking > strong,
.sky-blue-test .search-hero > p:not(.arcade-section-code),
.sky-blue-test .live-overview-heading > div > p:last-child,
.sky-blue-test .home-spin-copy > p:not(.arcade-section-code),
.sky-blue-test .arcade-account-cta,
.sky-blue-test .arcade-account-cta p:not(.arcade-section-code),
.sky-blue-test .site-legal-footer,
.sky-blue-test .site-legal-footer a,
.sky-blue-test .site-legal-footer b,
.sky-blue-test .site-legal-footer strong { color: #05090c; }

/* Keep text legible where it sits directly on thumbnails or the dark menu. */
.sky-blue-test .position,
.sky-blue-test .viewer-overlay,
.sky-blue-test .live-badge,
.sky-blue-test .platform-badge { color: #fff; }
.sky-blue-test .platform-badge.kick { color: #05090c; }

@media (max-width: 620px) {
    .sky-blue-test .arcade-hero-shade {
        background: linear-gradient(90deg, rgba(204,239,249,.96), rgba(143,208,232,.76)),
                    linear-gradient(0deg, rgba(164,220,239,.94) 0%, transparent 56%);
    }
    .sky-blue-test .arcade-actions .secondary-button { color: #05090c; }
}