/* ============== HOME V2: one cinematic front door ============== */
body[data-home="1"] .hero-brand-lockup {
    top: 47%;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: min(74vw, 920px);
}
body[data-home="1"] .hero-brand-lockup img { max-height: 40vh; object-fit: contain; }
body[data-home="1"] .hero-brand-lockup p {
    max-width: 640px;
    margin: 12px 20px 0;
    color: #cbbbaa;
    font: 500 clamp(12px,1.15vw,16px)/1.5 var(--ui);
    letter-spacing: .07em;
    text-align: center;
    text-shadow: 0 2px 12px #000;
}
body[data-home="1"] .hero-actions { bottom: 44px; }
body[data-home="1"] main#content {
    padding-top: 0;
    background: linear-gradient(180deg,#050404 0%,#080503 38%,#030303 100%);
}
.home-section {
    width: min(var(--mw-shell-max), calc(100% - (var(--mw-shell-gutter) * 2)));
    margin: 0 auto;
    padding: 68px 0 0;
}
.home-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 22px;
}
.home-section-head > div > span {
    color: #f15632;
    font: 700 9px var(--mono);
    letter-spacing: .24em;
}
.home-section-head h2 {
    margin: 5px 0 0;
    color: #f0dfc8;
    font: 600 clamp(30px,4vw,48px)/1 var(--display);
    letter-spacing: .02em;
    text-transform: uppercase;
}
.home-section-head p {
    max-width: 480px;
    margin: 0 0 3px;
    color: #827970;
    line-height: 1.6;
}
.home-section-head > a { margin-bottom: 4px; color:#c89b6b; font:700 9px var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.home-game-grid {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    gap: 10px;
}
.home-game-card {
    --card-accent: #ef603e;
    --card-border: rgba(242,82,46,.55);
    --card-art-filter: saturate(.72) brightness(.72);
    --card-hover-filter: saturate(1) brightness(.9);
    position: relative;
    grid-column: span 4;
    min-height: 260px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.1);
    background: #090807;
    color: inherit;
    clip-path: polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
}
.home-game-card:nth-child(-n+2) { grid-column: span 6; min-height: 310px; }
.home-game-art,.home-game-shade { position:absolute; inset:0; transition:transform .45s ease,filter .45s ease; }
.home-game-art { background:var(--mw-game-art) center/cover no-repeat; filter:var(--card-art-filter); }
.home-game-q1 .home-game-art.mw-art-ready { background-image:url('/madwars.ru/assets/brand/v2/hero-q1.jpg'); }
.home-game-q2 .home-game-art.mw-art-ready { background-image:url('/madwars.ru/assets/brand/v2/hero-q2.jpg'); }
.home-game-q3 .home-game-art.mw-art-ready { background-image:url('/madwars.ru/assets/brand/v2/hero-q3.jpg'); }
.home-game-ql .home-game-art.mw-art-ready { background-image:url('/madwars.ru/assets/brand/v2/hero-1920.jpg'); }
.home-game-tw .home-game-art.mw-art-ready { background-image:url('/madwars.ru/assets/brand/v2/hero-tw-v2.jpg'); }
.home-game-cs16,
.home-game-cs2 { grid-column:span 6; min-height:290px; }
.home-game-cs16 {
    --card-accent:#b8c56b;
    --card-border:rgba(184,197,107,.52);
    --card-art-filter:saturate(.72) sepia(.12) hue-rotate(28deg) brightness(.80) contrast(1.06);
    --card-hover-filter:saturate(.88) sepia(.08) hue-rotate(24deg) brightness(.92) contrast(1.06);
}
.home-game-cs2 {
    --card-accent:#f1a04c;
    --card-border:rgba(241,160,76,.58);
    --card-art-filter:saturate(.92) brightness(.88) contrast(1.03);
    --card-hover-filter:saturate(1.02) brightness(.98) contrast(1.03);
}
.home-game-cs16 .home-game-art.mw-art-ready { background-image:url('/madwars.ru/assets/brand/v2/hero-cs16-v2.webp'); }
.home-game-cs2 .home-game-art.mw-art-ready { background-image:url('/madwars.ru/assets/brand/v2/hero-cs2-v2.webp'); }
.home-game-cs16 .home-game-art { background-position:60% 48%; }
.home-game-cs2 .home-game-art { background-position:68% 50%; }
.home-game-ts {
    --card-accent:#ef603e;
    --card-border:rgba(239,96,62,.62);
    --card-art-filter:saturate(.76) brightness(.72) contrast(1.06);
    --card-hover-filter:saturate(.92) brightness(.86) contrast(1.06);
    grid-column:span 12;
    min-height:310px;
}
.home-game-ts .home-game-art { background-position:center 48%; }
.home-game-ts .home-game-shade {
    background:
        linear-gradient(90deg,rgba(4,3,3,.92) 0%,rgba(4,3,3,.48) 42%,rgba(4,3,3,.05) 72%),
        linear-gradient(180deg,rgba(0,0,0,.02) 28%,rgba(4,3,3,.84) 100%);
}
.home-game-ts .home-game-copy strong { font-size:clamp(32px,4vw,54px); }
.home-game-cs16 .home-game-shade {
    background:
        repeating-linear-gradient(0deg, transparent 0 3px, rgba(190,210,120,.018) 3px 4px),
        linear-gradient(180deg,rgba(4,8,4,.02) 14%,rgba(5,9,4,.94) 100%);
}
.home-game-cs2 .home-game-shade {
    background:
        linear-gradient(90deg,rgba(5,13,17,.28),transparent 48%),
        linear-gradient(180deg,rgba(5,13,17,.01) 15%,rgba(5,10,13,.90) 100%);
}
.home-game-shade { background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(4,3,3,.94) 100%); }
.home-game-copy { position:absolute; left:22px; right:22px; bottom:21px; display:flex; flex-direction:column; }
.home-game-copy small { color:var(--card-accent); font:700 8px var(--mono); letter-spacing:.18em; text-transform:uppercase; }
.home-game-copy strong { margin-top:5px; color:#f0e4d2; font:600 clamp(25px,3vw,38px)/1 var(--display); text-transform:uppercase; }
.home-game-cs16 .home-game-copy strong,
.home-game-cs2 .home-game-copy strong {
    font-family:var(--ui);
    font-size:clamp(28px,3.1vw,42px);
    font-weight:800;
    line-height:.94;
    letter-spacing:-.04em;
}
.home-game-copy em { margin-top:5px; color:#817970; font:10px var(--mono); font-style:normal; }
.home-game-online { position:absolute; top:15px; left:16px; display:flex; align-items:center; gap:6px; padding:6px 8px; background:rgba(5,5,5,.72); color:#b9afa3; font:700 8px var(--mono); letter-spacing:.08em; text-transform:uppercase; backdrop-filter:blur(6px); }
.home-game-online i,.home-live-badge i { width:6px; height:6px; border-radius:50%; background:#64e977; box-shadow:0 0 10px #42d85a; }
.home-game-online.is-offline i { background:#d65b43; box-shadow:0 0 10px rgba(214,91,67,.72); }
.home-game-arrow { position:absolute; right:17px; bottom:20px; color:var(--card-accent); font-size:20px; transition:transform .2s; }
.home-game-card:hover { border-color:var(--card-border); }
.home-game-card:hover .home-game-art { transform:scale(1.035); filter:var(--card-hover-filter); }
.home-game-card:hover .home-game-arrow { transform:translateX(4px); }
.home-live-section { padding-top:76px; }
.home-live-card { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr); min-height:390px; border:1px solid rgba(255,255,255,.1); background:#080706; }
.home-live-map { position:relative; min-height:390px; background:#100b08 center/cover no-repeat; }
.home-live-map::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 45%,#080706 100%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%); }
.home-live-badge { position:absolute; z-index:1; top:18px; left:18px; display:flex; align-items:center; gap:7px; padding:7px 9px; background:#d33f22; color:#fff; font:800 8px var(--mono); letter-spacing:.12em; }
.home-live-badge i { background:#fff; box-shadow:0 0 8px #fff; }
.home-live-mapname { position:absolute; z-index:1; left:22px; bottom:20px; color:#f0dfca; font:600 30px var(--display); text-transform:uppercase; text-shadow:0 2px 10px #000; }
.home-live-info { display:flex; justify-content:center; flex-direction:column; padding:34px; }
.home-live-info > span { color:#ed5b38; font:700 8px var(--mono); letter-spacing:.2em; }
.home-live-info h3 { margin:8px 0 5px; color:#eee0cf; font:600 30px/1.05 var(--display); text-transform:uppercase; }
.home-live-info p { margin:0 0 19px; color:#80776e; }
.home-live-players { border-top:1px solid rgba(255,255,255,.08); }
.home-live-players > span { display:flex; justify-content:space-between; padding:8px 2px; border-bottom:1px solid rgba(255,255,255,.06); color:#aca096; font:10px var(--mono); }
.home-live-players b { color:#e6b97c; }
.home-live-actions { display:flex; gap:7px; margin-top:22px; }
.home-live-actions .mw-forge-button { min-height:44px; }
.home-live-actions .mw-forge-button span { font-size:10px; }
.home-insights-section { padding-top:72px; }
.home-insights-section .home-section-head { margin-bottom:0; }
body[data-home="1"] .home-extras {
    width:min(var(--mw-shell-max),calc(100% - (var(--mw-shell-gutter) * 2)));
    max-width:none;
    padding:20px 0 8px;
}
body[data-home="1"] .action-now-wrap {
    width:min(var(--mw-shell-max),calc(100% - (var(--mw-shell-gutter) * 2)));
    max-width:none;
    padding:0;
}

@media (max-width: 760px) {
    body[data-home="1"] .hero { min-height: 720px; padding-top:74px; background-position:53% center; }
    body[data-home="1"] .hero-stats { top:76px; }
    body[data-home="1"] .hero-brand-lockup { top:42%; width:94vw; }
    body[data-home="1"] .hero-brand-lockup p { max-width:330px; margin:8px 12px 0; }
    body[data-home="1"] .hero-actions { bottom:32px; display:grid; grid-template-columns:1fr 1fr; }
    body[data-home="1"] .hero-actions a:first-child { grid-column:1/-1; }
    .home-section { width:calc(100% - 24px); padding-top:48px; }
    .home-section-head { align-items:flex-start; flex-direction:column; gap:10px; }
    .home-section-head p { font-size:12px; }
    .home-game-grid { grid-template-columns:1fr; }
    .home-game-card,.home-game-card:nth-child(-n+2),.home-game-ts { grid-column:auto; min-height:225px; }
    .home-live-card { grid-template-columns:1fr; }
    .home-live-map { min-height:250px; }
    .home-live-map::after { background:linear-gradient(0deg,#080706 0%,transparent 45%); }
    .home-live-info { padding:22px 18px 25px; }
    body[data-home="1"] .home-extras,
    body[data-home="1"] .action-now-wrap { width:calc(100% - 24px); }
}

/* ============== HEADER V2: compact shared navigation shell ============== */
@media (min-width: 1001px) {
    .topbar,
    body[data-home="1"] .topbar {
        width: 100%;
        max-width: none;
        min-height: 76px;
        gap: 10px;
        padding:
            8px max(24px, calc((100vw - var(--mw-shell-max)) / 2));
        box-sizing: border-box;
        border-bottom: 1px solid rgba(255,255,255,.065);
        background: rgba(5,5,5,.88);
        box-shadow: 0 12px 35px rgba(0,0,0,.28);
        backdrop-filter: blur(12px);
    }
    .topbar .brand { flex:0 0 auto; padding:0 18px 0 12px; border-right:1px solid rgba(255,255,255,.07); }
    .topbar .brand-logo-3d { height:58px; }
    .topbar .topnav { flex:1 1 auto; gap:2px; margin-left:4px; }
    .topbar .topnav a,
    .topbar .topnav-dd-trigger {
        min-height:40px;
        padding:9px 11px;
        border:0;
        border-radius:2px;
        background:transparent;
        color:#a89e93;
        font-size:13px;
    }
    .topbar .topnav a:hover,
    .topbar .topnav-dd-trigger:hover,
    .topbar .topnav-dd[data-open="1"] .topnav-dd-trigger {
        background:rgba(255,255,255,.035);
        color:#f0dfcb;
    }
    .topbar .topnav a.active {
        background:linear-gradient(180deg,rgba(89,37,22,.36),rgba(255,255,255,.025));
        color:#ef6a47;
    }
    .topbar .topnav a::after { bottom:3px; background:#e64f2d; box-shadow:0 0 8px rgba(230,79,45,.48); }
    .topbar .topnav-sep { margin:0 3px; background:rgba(255,255,255,.12); }
    .topbar .player-search { flex:0 0 176px; max-width:176px; margin-left:auto; }
    .topbar #player-search { width:100%; height:36px; border-color:rgba(255,255,255,.1); border-radius:2px; }
    .topbar .lang-switch { flex:0 0 auto; margin:0 4px 0 8px; border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.025); }
    .topbar .lang-switch button { min-width:36px; height:34px; padding:5px 8px; }
}

@media (min-width:1001px) and (max-width:1200px) {
    .topbar,
    body[data-home="1"] .topbar {
        width:100%;
        padding-inline:12px;
    }
    .topbar .brand { padding-right:10px; }
    .topbar .brand-logo-3d { height:48px; }
    .topbar .topnav a,
    .topbar .topnav-dd-trigger { padding:8px; font-size:12px; }
    .topbar .player-search { flex-basis:140px; max-width:140px; }
}

/* Full-bleed artwork uses 100vw; clip the scrollbar-width remainder instead
   of allowing a horizontal scrollbar on desktop. */
body[data-home="1"] { overflow-x: clip; }

body[data-home="1"] .hero-stats {
    position: absolute;
    top: 112px;
    left: 0;
    margin-top: 0;
}

body[data-home="1"] .home-arenas-title {
    position: relative;
    padding-left: 18px;
}

body[data-home="1"] .home-arenas-title::before {
    content: "";
    position: absolute;
    top: 12%;
    bottom: 12%;
    left: 0;
    width: 3px;
    background: #df3c1f;
    box-shadow: 0 0 14px rgba(255,65,20,.55);
}

body[data-home="1"] .group-mini {
    border-radius: 0;
    clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px);
    background:
        linear-gradient(100deg, rgba(14,9,7,.88), rgba(4,4,4,.82)),
        url('/madwars.ru/assets/brand/v3/metal-surface.jpg') center / cover;
}

body[data-game="q3"] main.hub-page.game-mini-world > .hero {
    min-height: clamp(480px, 40vw, 620px);
    background-image:
        linear-gradient(180deg, rgba(3,2,2,.50) 0%, rgba(3,2,2,.08) 40%, rgba(3,2,2,.52) 100%),
        url('/madwars.ru/assets/brand/v2/hero-q3.jpg');
}

body[data-game="q3"] .hub-page .hero-game-title {
    top: 44%;
}

body[data-game="q3"] .hub-page .hero-crumb {
    display: none;
}

body[data-game="q3"] .hub-page .hgt-name {
    font-size: clamp(58px, 7vw, 96px);
    color: #e24327;
    letter-spacing: 6px;
    text-shadow: 0 5px 0 rgba(0,0,0,.72), 0 0 30px rgba(255,45,10,.42);
}

body[data-game="q3"] .hub-page .hgt-sub {
    border: 1px solid rgba(255,93,43,.30);
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
    background:
        linear-gradient(180deg, rgba(45,18,11,.82), rgba(3,3,3,.86)),
        url('/madwars.ru/assets/brand/v3/metal-surface.jpg') center / cover;
}

body[data-game="q3"] .hub-wrap {
    margin-top: 30px;
}

body[data-game="q3"] .hub-card {
    position: relative;
    overflow: hidden;
    border-radius: 0;
    clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 11px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 11px 100%, 0 calc(100% - 11px), 0 11px);
    background:
        linear-gradient(145deg, rgba(25,16,12,.88), rgba(4,4,4,.90)),
        url('/madwars.ru/assets/brand/v3/metal-surface.jpg') center / cover;
    border-color: rgba(154,164,170,.30);
    box-shadow: inset 0 0 0 3px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
}

body[data-game="q3"] .hub-card::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(221,55,25,.72), transparent);
    opacity: .46;
}

body[data-game="q3"] .hub-card:hover {
    border-color: rgba(255,89,40,.72);
    background:
        radial-gradient(ellipse at 50% 120%, rgba(255,68,14,.20), transparent 58%),
        linear-gradient(145deg, rgba(37,18,11,.90), rgba(4,4,4,.94)),
        url('/madwars.ru/assets/brand/v3/metal-surface.jpg') center / cover;
    box-shadow: inset 0 0 0 3px rgba(0,0,0,.30), 0 10px 28px rgba(0,0,0,.48), 0 0 18px rgba(255,59,15,.12);
}

body[data-game="q3"] .hub-card-primary {
    min-height: 138px;
    padding: 24px 20px;
}

body[data-game="q3"] .hub-card-primary .hub-card-ico {
    color: #ef5a35;
    font-size: 27px;
}

body[data-game="q3"] .hub-card-generator {
    background:
        radial-gradient(ellipse at 50% 115%, rgba(255,69,14,.42), transparent 62%),
        linear-gradient(145deg, rgba(65,24,12,.82), rgba(5,4,3,.92)),
        url('/madwars.ru/assets/brand/v3/metal-surface.jpg') center / cover;
}

body[data-game="q3"] .hub-article-intro,
body[data-game="q3"] .hub-section {
    border-radius: 0;
    clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
    background:
        linear-gradient(145deg, rgba(16,11,9,.93), rgba(5,5,5,.94)),
        url('/madwars.ru/assets/brand/v3/metal-surface.jpg') center / cover;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 12px 34px rgba(0,0,0,.22);
}

body[data-game="q3"] .hub-resource-title {
    color: #9e9288;
    letter-spacing: 2px;
}

@media (max-width: 720px) {
    .hero-brand-lockup {
        top: 51%;
        width: 96vw;
    }

    .hero-actions-home {
        bottom: 18px;
        gap: 6px;
        width: calc(100% - 20px);
    }

    .mw-forge-button {
        min-height: 42px;
    }

    .mw-forge-button span {
        font-size: 11px;
        letter-spacing: 1.2px;
    }

    body[data-home="1"] .hero-stats {
        top: 72px;
    }

    body[data-game="q3"] main.hub-page.game-mini-world > .hero {
        min-height: 300px;
    }

    body[data-game="q3"] .hero-actions-q3 {
        display: none;
    }

    body[data-game="q3"] .hub-page .hgt-name {
        font-size: 42px;
        letter-spacing: 2px;
    }
}

/* Real mobile browsers may expose a slightly narrower layout viewport than
   desktop emulation. Keep the home counters as one compact status row so they
   never push the second card into the MadWars lockup. */
@media (max-width: 540px) {
    main.game-mini-world > .game-subnav,
    .game-mini-world > .game-subnav {
        flex-wrap: nowrap;
        gap: 4px;
        margin: 0 0 16px;
        padding: 7px 4px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    main.game-mini-world > .game-subnav::-webkit-scrollbar,
    .game-mini-world > .game-subnav::-webkit-scrollbar {
        display: none;
    }

    .game-mini-world > .game-subnav .gsn-item,
    main.game-mini-world > .game-subnav .gsn-item {
        flex: 0 0 auto;
        margin-left: 0;
        padding: 8px 12px;
        font-size: 11px;
        scroll-snap-align: start;
    }

    .history-hero {
        min-height: 0;
        gap: 15px;
        padding: 22px 17px 18px;
        background-position: 58% center;
    }

    .history-hero h1 {
        margin: 8px 0 10px;
        font-size: 30px;
        line-height: 1;
    }

    .history-hero p {
        font-size: 13px;
        line-height: 1.48;
    }

    .history-hero-count {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
        padding: 8px 11px;
    }

    .history-hero-count strong {
        font-size: 30px;
    }

    .history-hero-count span {
        max-width: 90px;
        margin-top: 0;
        font-size: 8px;
        text-align: left;
    }

    .history-anchor-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px;
        margin-bottom: 34px;
        overflow: visible;
        padding: 6px;
    }

    .history-anchor-nav a {
        min-width: 0;
        padding: 9px 7px;
        background: rgba(255,255,255,.025);
        font-size: 8px;
        letter-spacing: .45px;
        text-align: center;
    }

    .history-prose code {
        overflow-wrap: anywhere;
    }

    body[data-home="1"] .hero {
        min-height: 700px;
        padding-inline: 12px;
    }

    body[data-home="1"] .hero-stats {
        top: 78px;
        left: 12px;
        right: 12px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: auto;
        padding: 0;
    }

    body[data-home="1"] .hero-stats .stat {
        min-width: 0;
        padding: 9px 11px 8px;
    }

    body[data-home="1"] .hero-stats .num {
        font-size: clamp(29px, 10vw, 38px);
    }

    body[data-home="1"] .hero-stats .lbl {
        margin-top: 5px;
        font-size: 8px;
        line-height: 1.25;
        letter-spacing: 1px;
        white-space: nowrap;
    }

    body[data-home="1"] .hero-brand-lockup {
        top: 47%;
        width: 96vw;
    }

    body[data-home="1"] .hero-brand-lockup p {
        margin-top: 14px;
        padding-inline: 16px;
        font-size: 13px;
        line-height: 1.45;
    }

    body[data-home="1"] .action-now-wrap {
        width: calc(100% - 16px);
        margin-top: 12px;
        padding: 0;
    }

    body[data-home="1"] .action-now-summary {
        gap: 8px;
        padding: 11px 12px;
        font-size: 11px;
        line-height: 1.25;
        letter-spacing: 1px;
    }

    body[data-home="1"] .action-now-summary .anw-label {
        min-width: 0;
    }

    body[data-home="1"] .action-now-summary .anw-meta {
        flex: 0 0 auto;
        font-size: 10px;
    }

    body[data-home="1"] .ovr-tools {
        align-items: center;
        padding: 12px 4px 10px;
    }

    body[data-home="1"] .ovr-tools-l {
        align-items: baseline;
        gap: 7px;
    }

    body[data-home="1"] .ovr-tools-title {
        font-size: 14px;
        letter-spacing: 1px;
    }

    body[data-home="1"] .ovr-chip {
        padding: 5px 9px;
        font-size: 10px;
    }

    body[data-home="1"] .ovr-table-srv tbody tr.ovr-srv-row {
        grid-template-columns: 42px minmax(0, 1fr) auto;
        grid-template-areas:
            "game name status"
            "map map players"
            "action action action";
        gap: 9px 10px;
        margin: 0 0 8px;
        padding: 11px;
    }

    body[data-home="1"] .ovr-table-srv tbody tr.ovr-srv-row[data-game="ts"] {
        grid-template-areas:
            "game name status"
            "players action action";
    }

    body[data-home="1"] .ovr-srv-row[data-game="ts"] .ovr-c-map {
        display: none;
    }

    body[data-home="1"] .ovr-srv-row[data-game="ts"] .ovr-c-action {
        justify-self: end;
    }

    body[data-home="1"] .ovr-table-srv tbody tr.ovr-srv-row .ovr-c-action {
        justify-self: start;
    }

    body[data-home="1"] .ovr-btn {
        width: auto;
        min-width: 118px;
        padding: 8px 14px;
        font-size: 10px;
    }

    body[data-home="1"] .ovr-srv-expand {
        margin: -8px 0 8px;
    }

    body[data-home="1"] .ovr-exp-grid {
        gap: 12px;
        padding: 12px;
    }

    body[data-home="1"] .ovr-exp-cmd {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 7px;
    }

    body[data-home="1"] .ovr-exp-cmd code {
        min-width: 0;
        overflow-wrap: anywhere;
        font-size: 9px;
        line-height: 1.4;
    }

    body[data-home="1"] .ovr-exp-copy {
        padding: 6px 9px;
        font-size: 9px;
    }

    body[data-home="1"] .ovr-exp-links {
        gap: 8px 11px;
        font-size: 10px;
    }
}