/* Exit/chrome shell for in-match pages — Home parity without restyling gameplay boards */

body.game-body.ct-ds,
body.top10-body.ct-ds,
body.mentiroso-body.ct-ds,
body.qsm-1v1-body.ct-ds,
body.wordle-body.ct-ds,
body.futboleros-body.ct-ds {
    margin: 0;
    padding-top: 76px;
    color: var(--home-text, var(--ct-text, #f7f9fc));
    background:
        radial-gradient(circle at 12% 8%, rgba(37, 99, 235, 0.16), transparent 32rem),
        radial-gradient(circle at 88% 30%, rgba(34, 197, 94, 0.11), transparent 28rem),
        var(--home-bg, var(--ct-bg, #050b14));
    overflow-x: hidden;
    min-height: 100vh;
    font-family: "Montserrat", sans-serif;
}

body.game-body.ct-ds .breadcrumbs-container,
body.top10-body.ct-ds .breadcrumbs-container,
body.mentiroso-body.ct-ds .breadcrumbs-container,
body.qsm-1v1-body.ct-ds .breadcrumbs-container,
body.wordle-body.ct-ds .breadcrumbs-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0.85rem auto 0.35rem;
}

body.game-body.ct-ds .breadcrumb,
body.top10-body.ct-ds .breadcrumb,
body.mentiroso-body.ct-ds .breadcrumb,
body.wordle-body.ct-ds .breadcrumb,
body.qsm-1v1-body.ct-ds .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--home-muted, #aebbd0);
    font-size: 0.85rem;
}

body.game-body.ct-ds .breadcrumb a,
body.top10-body.ct-ds .breadcrumb a,
body.mentiroso-body.ct-ds .breadcrumb a,
body.wordle-body.ct-ds .breadcrumb a,
body.qsm-1v1-body.ct-ds .breadcrumb a {
    color: var(--home-primary, #79f2a6);
    text-decoration: none;
    font-weight: 700;
}

body.game-body.ct-ds .breadcrumb-item + .breadcrumb-item::before,
body.top10-body.ct-ds .breadcrumb-item + .breadcrumb-item::before,
body.mentiroso-body.ct-ds .breadcrumb-item + .breadcrumb-item::before,
body.wordle-body.ct-ds .breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    margin-right: 0.35rem;
    color: var(--home-muted, #aebbd0);
    opacity: 0.7;
}

body.game-body.ct-ds .game-header,
body.mentiroso-body.ct-ds .game-header,
body.wordle-body.ct-ds .wordle-header,
body.top10-body.ct-ds .top10-header,
body.qsm-1v1-body.ct-ds .game-header {
    background: rgba(11, 21, 36, 0.92);
    border-bottom: 1px solid var(--home-line, rgba(255, 255, 255, 0.12));
    box-shadow: none;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

body.game-body.ct-ds .game-header .logo,
body.game-body.ct-ds .game-header .logo-text,
body.game-body.ct-ds .game-header .logo-ball {
    display: none !important;
}

body.game-body.ct-ds .game-header .game-title,
body.mentiroso-body.ct-ds .game-title-header,
body.wordle-body.ct-ds .wordle-header h1,
body.top10-body.ct-ds .top10-header h1 {
    font-family: "Oswald", var(--ct-font-display, sans-serif);
    color: var(--home-text, #f7f9fc);
    letter-spacing: -0.02em;
}

body.game-body.ct-ds .game-header a:focus-visible,
body.top10-body.ct-ds a:focus-visible,
body.mentiroso-body.ct-ds a:focus-visible,
body.wordle-body.ct-ds a:focus-visible,
body.qsm-1v1-body.ct-ds a:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
}

body.game-body.ct-ds .home-footer,
body.top10-body.ct-ds .home-footer,
body.mentiroso-body.ct-ds .home-footer,
body.qsm-1v1-body.ct-ds .home-footer,
body.wordle-body.ct-ds .home-footer {
    margin-top: 2rem;
}
