.play-section { --play-red:#cf1c25; --play-line:rgba(255,255,255,.13); position:relative; isolation:isolate; overflow:hidden; padding:112px 24px 72px; background:#0b0b0c; color:#f6f4f1; }
    .play-section::before { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(120deg, #0a0a0b 0%, #101011 58%, #0b0b0c 100%); }
    .play-section::after { content:"CL"; position:absolute; right:-.06em; top:-.28em; z-index:-1; font:800 clamp(15rem,30vw,34rem)/1 'Rajdhani',sans-serif; color:rgba(255,255,255,.018); pointer-events:none; }
    .play-noise { position:absolute; inset:0; z-index:-1; opacity:.2; background-image:radial-gradient(rgba(255,255,255,.25) .5px, transparent .6px); background-size:5px 5px; mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent); }
    .play-container { max-width:1200px; margin:auto; }
    .play-header { display:flex; justify-content:space-between; align-items:end; gap:40px; padding-bottom:46px; border-bottom:1px solid var(--play-line); }
    .play-eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 17px; color:#c7c3bd; font:700 .68rem/1 'Plus Jakarta Sans',sans-serif; letter-spacing:.18em; text-transform:uppercase; }
    .play-eyebrow span { width:24px; height:2px; background:var(--play-red); }
    .play-header h2 { margin:0; font:800 clamp(2.5rem,5vw,4.7rem)/.95 'Rajdhani',sans-serif; letter-spacing:.02em; text-transform:uppercase; }
    .play-header h2 em { color:var(--play-red); font-style:normal; }
    .play-intro { max-width:360px; margin:0 0 4px; color:#aaa8a5; font:400 1rem/1.7 'Plus Jakarta Sans',sans-serif; }
    .play-platforms { display:flex; gap:8px; margin:32px 0; }
    .platform-switch { border:1px solid transparent; background:transparent; color:#868583; padding:11px 18px; cursor:pointer; font:700 .76rem 'Plus Jakarta Sans',sans-serif; letter-spacing:.04em; transition:.25s ease; }
    .platform-switch i { margin-right:8px; font-size:.92rem; }
    .platform-switch:hover { color:#fff; }
    .platform-switch.is-active { border-color:var(--play-line); background:#171718; color:#fff; }
    .play-panel { animation:playPanelIn .42s ease both; }
    .play-route { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--play-line); }
    .route-step { min-height:370px; padding:29px 30px 27px; border-right:1px solid var(--play-line); display:flex; flex-direction:column; transition:background .35s ease; }
    .route-step:last-child { border:0; }
    .route-step:hover { background:rgba(255,255,255,.035); }
    .route-top { display:flex; align-items:center; justify-content:space-between; color:#747371; }
    .route-top span { font:700 .73rem 'JetBrains Mono',monospace; color:var(--play-red); }
    .route-top i { font-size:1.15rem; }
    .route-label { margin:57px 0 10px; color:#8f8d8a; font:700 .62rem 'Plus Jakarta Sans',sans-serif; letter-spacing:.16em; text-transform:uppercase; }
    .route-step h3, .mobile-guide h3 { margin:0; font:800 1.55rem/1.12 'Rajdhani',sans-serif; text-transform:uppercase; letter-spacing:.025em; }
    .route-step > p:not(.route-label) { margin:13px 0 23px; color:#9d9b98; font:400 .88rem/1.65 'Plus Jakarta Sans',sans-serif; }
    .route-link { margin-top:auto; color:#f3f1ed; font:700 .71rem 'Plus Jakarta Sans',sans-serif; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; }
    .route-link i { margin-left:7px; color:var(--play-red); transition:transform .2s ease; }
    .route-link:hover i { transform:translate(3px,-3px); }
    .route-step-connect { background:linear-gradient(140deg,rgba(207,28,37,.13),transparent 70%); }
    .server-address { display:flex; align-items:center; justify-content:space-between; gap:15px; width:100%; margin-top:auto; padding:12px 0 0; border:0; border-top:1px solid rgba(255,255,255,.2); background:none; color:#fff; cursor:pointer; font:700 .72rem 'JetBrains Mono',monospace; text-align:left; }
    .server-address i { color:var(--play-red); transition:transform .2s ease; }
    .server-address:hover i { transform:scale(1.16); }
    .mobile-guide { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--play-line); min-height:370px; }
    .mobile-guide-copy { padding:48px; background:linear-gradient(135deg,rgba(207,28,37,.16),transparent 70%); }
    .mobile-guide h3 { font-size:clamp(2rem,3.5vw,3.2rem); }
    .mobile-guide-copy > p:not(.play-eyebrow) { max-width:410px; color:#aaa8a5; font:400 .94rem/1.7 'Plus Jakarta Sans',sans-serif; }
    .mobile-download { display:inline-flex; gap:9px; align-items:center; margin-top:12px; padding:13px 17px; background:#f2f0ec; color:#151515; font:800 .7rem 'Plus Jakarta Sans',sans-serif; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; transition:transform .2s ease; }
    .mobile-download:hover { transform:translateY(-3px); }
    .mobile-list { margin:0; padding:29px 44px; list-style:none; display:flex; flex-direction:column; justify-content:space-around; }
    .mobile-list li { display:flex; align-items:start; gap:18px; }
    .mobile-list span { color:var(--play-red); font:700 .7rem 'JetBrains Mono',monospace; }
    .mobile-list p { margin:0; color:#aaa8a5; font:400 .88rem/1.55 'Plus Jakarta Sans',sans-serif; }
    .mobile-list strong { color:#f3f1ed; }
    .play-footer { display:flex; justify-content:space-between; gap:20px; margin-top:24px; color:#858482; font:600 .7rem 'Plus Jakarta Sans',sans-serif; letter-spacing:.03em; }
    .play-status { color:#b5b2ae; } .play-status i { display:inline-block; width:6px; height:6px; margin-right:7px; border-radius:50%; background:#58b77a; box-shadow:0 0 0 4px rgba(88,183,122,.12); }
    .play-footer a { color:#e9e6e0; text-decoration:none; } .play-footer a i { color:var(--play-red); margin-left:5px; }
    @keyframes playPanelIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
    @media (max-width:768px) { .play-section { padding:78px 18px 48px; } .play-header { display:block; padding-bottom:34px; } .play-intro { margin-top:24px; } .play-platforms { margin:24px 0; } .platform-switch { flex:1; padding:11px 8px; font-size:.66rem; } .play-route, .mobile-guide { grid-template-columns:1fr; } .route-step { min-height:0; padding:26px 24px; border-right:0; border-bottom:1px solid var(--play-line); } .route-step:last-child { border-bottom:0; } .route-label { margin-top:35px; } .route-step > p:not(.route-label) { margin-bottom:25px; } .route-link, .server-address { margin-top:0; } .mobile-guide-copy { padding:34px 25px; } .mobile-list { gap:26px; padding:31px 25px; } .play-footer { display:block; line-height:1.8; } .play-footer span { display:block; } }
    @media (prefers-reduced-motion:reduce) { .play-panel { animation:none; } .platform-switch, .route-step, .mobile-download, .route-link i, .server-address i { transition:none; } }


    .dispatch-section {
        --dispatch-red: #cf1c25;
        --dispatch-ink: #0d0d0e;
        --dispatch-paper: #f0ede7;
        --dispatch-muted: #999590;
        --dispatch-line: rgba(255, 255, 255, .13);
        position: relative;
        isolation: isolate;
        overflow: hidden;
        padding: 112px 24px 84px;
        background: var(--dispatch-ink);
        color: var(--dispatch-paper);
    }

    .dispatch-section::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -2;
        background: radial-gradient(circle at 85% 7%, rgba(207, 28, 37, .12), transparent 29%), linear-gradient(150deg, #111112, #09090a 65%);
    }

    .dispatch-backdrop {
        position: absolute;
        top: 170px;
        left: 50%;
        z-index: -1;
        color: rgba(255, 255, 255, .018);
        font: 800 clamp(8rem, 22vw, 20rem)/1 'Rajdhani', sans-serif;
        letter-spacing: -.05em;
        transform: translateX(-50%);
        pointer-events: none;
        white-space: nowrap;
    }

    .dispatch-container {
        max-width: 1200px;
        margin: 0 auto;
    }

    .dispatch-header {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: 48px;
        margin-bottom: 44px;
    }

    .dispatch-kicker {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 0 0 18px;
        color: #bbb7b1;
        font: 700 .68rem/1 'Plus Jakarta Sans', sans-serif;
        letter-spacing: .18em;
        text-transform: uppercase;
    }

    .dispatch-kicker span {
        width: 25px;
        height: 2px;
        background: var(--dispatch-red);
    }

    .dispatch-heading h2 {
        margin: 0;
        font: 800 clamp(2.8rem, 5.8vw, 5.2rem)/.89 'Rajdhani', sans-serif;
        letter-spacing: .01em;
        text-transform: uppercase;
    }

    .dispatch-heading em {
        color: var(--dispatch-red);
        font-style: normal;
    }

    .dispatch-summary {
        width: min(100%, 350px);
        padding-top: 14px;
        border-top: 1px solid var(--dispatch-line);
    }

    .dispatch-edition {
        color: var(--dispatch-red);
        font: 700 .64rem 'JetBrains Mono', monospace;
        letter-spacing: .11em;
    }

    .dispatch-summary p {
        margin: 13px 0 0;
        color: #a6a29d;
        font: 400 .94rem/1.7 'Plus Jakarta Sans', sans-serif;
    }

    .dispatch-lead {
        display: grid;
        grid-template-columns: minmax(0, 1.62fr) minmax(310px, .88fr);
        border-top: 1px solid var(--dispatch-line);
        border-bottom: 1px solid var(--dispatch-line);
    }

    .lead-story {
        display: grid;
        grid-template-rows: 375px auto;
        padding: 18px 26px 28px 0;
        border-right: 1px solid var(--dispatch-line);
        color: inherit;
        text-decoration: none;
    }

    .lead-visual {
        position: relative;
        overflow: hidden;
        background: #171719;
    }

    .lead-visual::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, transparent 48%, rgba(0, 0, 0, .55));
        pointer-events: none;
    }

    .lead-visual img,
    .archive-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(.78) contrast(1.06);
        transition: transform .7s cubic-bezier(.2, .7, .2, 1), filter .4s ease;
    }

    .lead-story:hover .lead-visual img {
        transform: scale(1.035);
        filter: saturate(1) contrast(1.03);
    }

    .lead-index {
        position: absolute;
        right: 19px;
        bottom: 9px;
        z-index: 1;
        color: rgba(255, 255, 255, .82);
        font: 700 3.7rem/1 'Rajdhani', sans-serif;
    }

    .lead-badge {
        position: absolute;
        top: 17px;
        left: 17px;
        z-index: 1;
        padding: 9px 12px;
        background: var(--dispatch-red);
        color: #fff;
        font: 800 .62rem 'Plus Jakarta Sans', sans-serif;
        letter-spacing: .07em;
        text-transform: uppercase;
    }

    .lead-badge i {
        margin-right: 6px;
    }

    .lead-copy {
        padding: 26px 4px 0;
    }

    .story-meta {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #817f7c;
        font: 700 .62rem 'JetBrains Mono', monospace;
        letter-spacing: .07em;
        text-transform: uppercase;
    }

    .story-meta span {
        color: var(--dispatch-red);
    }

    .story-meta span::after {
        content: "/";
        margin-left: 10px;
        color: #555351;
    }

    .lead-copy h3 {
        max-width: 660px;
        margin: 13px 0 10px;
        font: 800 clamp(1.7rem, 3vw, 2.8rem)/1.02 'Rajdhani', sans-serif;
        letter-spacing: -.015em;
        text-transform: uppercase;
    }

    .lead-copy > p {
        max-width: 650px;
        margin: 0;
        color: var(--dispatch-muted);
        font: 400 .89rem/1.65 'Plus Jakarta Sans', sans-serif;
    }

    .story-action {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        margin-top: 22px;
        color: #eeeae3;
        font: 800 .67rem 'Plus Jakarta Sans', sans-serif;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .story-action i {
        color: var(--dispatch-red);
        transition: transform .25s ease;
    }

    .lead-story:hover .story-action i {
        transform: translateX(5px);
    }

    .dispatch-latest {
        padding: 18px 0 18px 26px;
    }

    .latest-title,
    .archive-heading {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        color: #a8a49f;
        font: 700 .61rem 'Plus Jakarta Sans', sans-serif;
        letter-spacing: .12em;
        text-transform: uppercase;
    }

    .latest-title {
        padding: 0 0 17px;
        border-bottom: 1px solid var(--dispatch-line);
    }

    .latest-title span:last-child,
    .archive-heading > span {
        color: #615f5d;
        font-family: 'JetBrains Mono', monospace;
    }

    .latest-story {
        display: grid;
        grid-template-columns: 28px 1fr 15px;
        align-items: start;
        gap: 12px;
        padding: 28px 0;
        border-bottom: 1px solid var(--dispatch-line);
        color: inherit;
        text-decoration: none;
    }

    .latest-story:last-child {
        border-bottom: 0;
    }

    .latest-number {
        color: #504f4d;
        font: 700 .69rem 'JetBrains Mono', monospace;
        transition: color .25s ease;
    }

    .latest-story h3 {
        margin: 11px 0 0;
        color: #d8d4ce;
        font: 700 1.05rem/1.2 'Rajdhani', sans-serif;
        text-transform: uppercase;
        transition: color .25s ease;
    }

    .latest-story > i {
        margin-top: 3px;
        color: #575654;
        font-size: .65rem;
        transition: color .25s ease, transform .25s ease;
    }

    .latest-story:hover .latest-number,
    .latest-story:hover > i {
        color: var(--dispatch-red);
    }

    .latest-story:hover h3 {
        color: #fff;
    }

    .latest-story:hover > i {
        transform: translate(3px, -3px);
    }

    .dispatch-archive {
        padding-top: 42px;
    }

    .archive-heading {
        align-items: end;
        padding-bottom: 20px;
    }

    .archive-heading div {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .archive-heading strong {
        color: var(--dispatch-paper);
        font: 800 1.75rem 'Rajdhani', sans-serif;
        letter-spacing: .01em;
    }

    .archive-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 26px;
        padding: 29px 0 8px;
        border-top: 1px solid var(--dispatch-line);
        animation: archiveReveal .48s ease both;
    }

    .archive-grid:not([hidden]) {
        display: grid;
    }

    .archive-story {
        color: inherit;
        text-decoration: none;
    }

    .archive-image {
        position: relative;
        height: 190px;
        margin-bottom: 18px;
        overflow: hidden;
        background: #171719;
    }

    .archive-image span {
        position: absolute;
        right: 11px;
        bottom: 7px;
        color: rgba(255, 255, 255, .72);
        font: 700 1.6rem 'Rajdhani', sans-serif;
    }

    .archive-story:hover .archive-image img {
        transform: scale(1.05);
        filter: saturate(1) contrast(1.03);
    }

    .archive-story h3 {
        margin: 11px 0 8px;
        color: #e3dfd8;
        font: 700 1.18rem/1.15 'Rajdhani', sans-serif;
        text-transform: uppercase;
    }

    .archive-story > p {
        display: -webkit-box;
        overflow: hidden;
        margin: 0;
        color: #86837f;
        font: 400 .79rem/1.6 'Plus Jakarta Sans', sans-serif;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .archive-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-top: 18px;
        padding: 19px 0;
        border: 0;
        border-top: 1px solid var(--dispatch-line);
        border-bottom: 1px solid var(--dispatch-line);
        background: transparent;
        color: #d9d5cf;
        cursor: pointer;
        font: 800 .68rem 'Plus Jakarta Sans', sans-serif;
        letter-spacing: .12em;
        text-transform: uppercase;
    }

    .archive-toggle i {
        color: var(--dispatch-red);
        transition: transform .3s ease;
    }

    .archive-toggle[aria-expanded="true"] i {
        transform: rotate(45deg);
    }

    .dispatch-empty {
        padding: 80px 20px;
        border-top: 1px solid var(--dispatch-line);
        border-bottom: 1px solid var(--dispatch-line);
        text-align: center;
    }

    .dispatch-empty i {
        color: var(--dispatch-red);
        font-size: 2rem;
    }

    .dispatch-empty h3 {
        margin: 18px 0 7px;
        font: 800 1.8rem 'Rajdhani', sans-serif;
        text-transform: uppercase;
    }

    .dispatch-empty p {
        margin: 0;
        color: var(--dispatch-muted);
    }

    @keyframes archiveReveal {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 980px) {
        .dispatch-lead {
            grid-template-columns: minmax(0, 1.35fr) minmax(280px, .85fr);
        }

        .lead-story {
            grid-template-rows: 320px auto;
        }

        .archive-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 768px) {
        .dispatch-section {
            padding: 78px 18px 58px;
        }

        .dispatch-header {
            display: block;
            margin-bottom: 30px;
        }

        .dispatch-summary {
            margin-top: 28px;
        }

        .dispatch-lead {
            grid-template-columns: 1fr;
        }

        .lead-story {
            grid-template-rows: 245px auto;
            padding: 14px 0 26px;
            border-right: 0;
            border-bottom: 1px solid var(--dispatch-line);
        }

        .lead-copy h3 {
            font-size: 1.8rem;
        }

        .dispatch-latest {
            padding: 25px 0 4px;
        }

        .latest-story {
            padding: 24px 0;
        }

        .archive-grid {
            grid-template-columns: 1fr;
        }

        .archive-image {
            height: 220px;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .archive-grid {
            animation: none;
        }

        .lead-visual img,
        .archive-image img,
        .story-action i,
        .latest-story > i,
        .archive-toggle i {
            transition: none;
        }
    }


    .community-section { --community-red:#cf1c25; --community-paper:#f1eee8; --community-line:rgba(255,255,255,.12); position:relative; isolation:isolate; overflow:hidden; padding:112px 24px 90px; background:#0a0a0b; color:var(--community-paper); }
    .community-section::before { content:""; position:absolute; inset:0; z-index:-2; background:radial-gradient(circle at 15% 35%,rgba(207,28,37,.1),transparent 28%),linear-gradient(145deg,#0a0a0b,#111112 52%,#09090a); }
    .community-orbit { position:absolute; top:100px; right:-250px; z-index:-1; width:650px; height:650px; border:1px solid rgba(255,255,255,.035); border-radius:50%; box-shadow:0 0 0 90px rgba(255,255,255,.012),0 0 0 180px rgba(255,255,255,.008); }
    .community-container { max-width:1200px; margin:auto; }
    .community-header { display:grid; grid-template-columns:1.25fr .75fr; align-items:end; gap:60px; margin-bottom:46px; }
    .community-kicker { display:flex; align-items:center; gap:10px; margin:0 0 18px; color:#b9b5b0; font:700 .68rem 'Plus Jakarta Sans',sans-serif; letter-spacing:.18em; text-transform:uppercase; }
    .community-kicker span { width:25px; height:2px; background:var(--community-red); }
    .community-header h2 { margin:0; font:800 clamp(2.7rem,5.5vw,5rem)/.92 'Rajdhani',sans-serif; text-transform:uppercase; }
    .community-header h2 em { color:var(--community-red); font-style:normal; }
    .community-header-copy { padding-top:18px; border-top:1px solid var(--community-line); }
    .community-header-copy>p { margin:0 0 22px; color:#a29f9b; font:400 .93rem/1.7 'Plus Jakarta Sans',sans-serif; }
    .community-platforms { display:flex; gap:19px; color:#777572; font:700 .62rem 'JetBrains Mono',monospace; letter-spacing:.08em; text-transform:uppercase; }
    .community-platforms i { margin-right:5px; color:#b8b4ae; }
    .community-hub { display:grid; grid-template-columns:1.4fr .8fr; gap:14px; }
    .hub-panel { position:relative; overflow:hidden; border:1px solid var(--community-line); color:inherit; text-decoration:none; }
    .hub-feature { display:grid; grid-template-columns:1fr 1fr; min-height:400px; background:#131314; }
    .hub-feature-image { position:relative; min-height:100%; overflow:hidden; }
    .hub-feature-image::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,#131314),linear-gradient(180deg,transparent,rgba(0,0,0,.3)); }
    .hub-feature-image img { width:100%; height:100%; object-fit:cover; filter:saturate(.72) contrast(1.08); transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .4s ease; }
    .hub-feature:hover .hub-feature-image img { transform:scale(1.045); filter:saturate(.95) contrast(1.05); }
    .hub-feature-content { display:flex; flex-direction:column; justify-content:center; padding:42px 39px 42px 24px; }
    .hub-overline { color:var(--community-red); font:800 .62rem 'Plus Jakarta Sans',sans-serif; letter-spacing:.14em; text-transform:uppercase; }
    .hub-feature h3,.hub-stack h3,.community-social h3 { margin:13px 0 12px; font:800 2.2rem/.95 'Rajdhani',sans-serif; text-transform:uppercase; }
    .hub-feature p,.hub-stack p,.community-social p { margin:0; color:#96938f; font:400 .82rem/1.65 'Plus Jakarta Sans',sans-serif; }
    .hub-link { display:inline-flex; align-items:center; gap:9px; margin-top:29px; font:800 .67rem 'Plus Jakarta Sans',sans-serif; letter-spacing:.1em; text-transform:uppercase; }
    .hub-link i { color:var(--community-red); transition:transform .25s ease; }
    .hub-feature:hover .hub-link i { transform:translateX(5px); }
    .hub-index { position:absolute; right:18px; top:13px; color:rgba(255,255,255,.16); font:700 2.6rem 'Rajdhani',sans-serif; }
    .hub-stack { display:grid; grid-template-rows:1fr 1fr; gap:14px; }
    .hub-stack .hub-panel { display:grid; grid-template-columns:48px 1fr 16px; align-items:center; gap:17px; padding:29px; background:#131314; transition:border-color .3s ease,transform .3s ease; }
    .hub-stack .hub-panel:hover { border-color:rgba(207,28,37,.5); transform:translateX(4px); }
    .hub-panel-icon { display:grid; width:48px; height:48px; place-items:center; border:1px solid rgba(255,255,255,.13); color:#e3dfd9; font-size:1.15rem; }
    .hub-stack h3 { margin:7px 0 5px; font-size:1.28rem; }
    .hub-arrow { color:#5e5c59; font-size:.68rem; transition:.25s ease; }
    .hub-stack .hub-panel:hover .hub-arrow { color:var(--community-red); transform:translate(3px,-2px); }
    .community-services { display:grid; grid-template-columns:repeat(4,1fr); margin:14px 0 76px; border:1px solid var(--community-line); }
    .service-link { display:grid; grid-template-columns:25px 1fr 12px; align-items:center; gap:12px; min-height:92px; padding:19px; border-right:1px solid var(--community-line); color:inherit; text-decoration:none; transition:background .3s ease; }
    .service-link:last-child { border-right:0; } .service-link:hover { background:rgba(255,255,255,.035); }
    .service-link>i:first-child { color:var(--community-red); font-size:.95rem; }
    .service-link small,.service-link strong { display:block; }
    .service-link small { margin-bottom:4px; color:#686663; font:700 .55rem 'Plus Jakarta Sans',sans-serif; letter-spacing:.1em; text-transform:uppercase; }
    .service-link strong { color:#d8d4ce; font:700 .74rem 'Plus Jakarta Sans',sans-serif; }
    .service-link>i:last-child { color:#575552; font-size:.63rem; transition:.25s ease; }
    .service-link:hover>i:last-child { color:var(--community-red); transform:translateX(3px); }
    .community-bottom { display:grid; grid-template-columns:1.15fr .85fr; gap:70px; align-items:start; }
    .community-block-title>span { color:var(--community-red); font:800 .62rem 'Plus Jakarta Sans',sans-serif; letter-spacing:.14em; text-transform:uppercase; }
    .community-block-title h3 { margin:8px 0 25px; font:800 2rem 'Rajdhani',sans-serif; text-transform:uppercase; }
    .quick-faq-list { border-top:1px solid var(--community-line); }
    .quick-faq-item { border-bottom:1px solid var(--community-line); }
    .quick-faq-item summary { display:flex; justify-content:space-between; gap:20px; padding:19px 0; color:#dad6cf; cursor:pointer; font:700 .83rem/1.4 'Plus Jakarta Sans',sans-serif; list-style:none; }
    .quick-faq-item summary::-webkit-details-marker { display:none; }
    .quick-faq-item summary i { margin-top:4px; color:var(--community-red); font-size:.67rem; transition:transform .3s ease; }
    .quick-faq-item[open] summary i { transform:rotate(45deg); }
    .quick-faq-item p { margin:-3px 28px 20px 0; color:#898682; font:400 .78rem/1.7 'Plus Jakarta Sans',sans-serif; animation:communityAnswer .3s ease both; }
    .faq-all-link { display:inline-flex; gap:8px; align-items:center; margin-top:20px; color:#dcd8d2; font:800 .64rem 'Plus Jakarta Sans',sans-serif; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
    .faq-all-link i { color:var(--community-red); } .faq-unavailable { color:#898682; }
    .community-social { position:relative; overflow:hidden; min-height:335px; padding:43px; border:1px solid var(--community-line); background:linear-gradient(145deg,rgba(207,28,37,.13),#121213 64%); }
    .community-social::after { content:"CRIMINAL"; position:absolute; right:-30px; bottom:-13px; color:rgba(255,255,255,.025); font:800 4.8rem 'Rajdhani',sans-serif; pointer-events:none; }
    .social-stamp { display:grid; width:58px; height:58px; margin-bottom:47px; place-content:center; border:1px solid rgba(255,255,255,.25); color:#fff; font:800 1.15rem/.85 'Rajdhani',sans-serif; text-align:center; transform:rotate(-4deg); }
    .social-stamp small { display:block; color:var(--community-red); font-size:.42rem; letter-spacing:.1em; }
    .community-social h3 { font-size:1.75rem; line-height:1; } .community-social p { max-width:330px; }
    .social-row { display:flex; gap:9px; margin-top:27px; }
    .social-row a { display:grid; width:38px; height:38px; place-items:center; border:1px solid rgba(255,255,255,.17); color:#dcd8d2; text-decoration:none; transition:.25s ease; }
    .social-row a:hover { border-color:var(--community-red); background:var(--community-red); transform:translateY(-3px); }
    @keyframes communityAnswer { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:translateY(0); } }
    @media(max-width:980px) { .community-hub { grid-template-columns:1fr; } .hub-stack { grid-template-columns:1fr 1fr; grid-template-rows:auto; } .community-services { grid-template-columns:repeat(2,1fr); } .service-link:nth-child(2) { border-right:0; } .service-link:nth-child(-n+2) { border-bottom:1px solid var(--community-line); } }
    @media(max-width:768px) { .community-section { padding:78px 18px 58px; } .community-header,.community-bottom { grid-template-columns:1fr; gap:30px; } .hub-feature { grid-template-columns:1fr; } .hub-feature-image { min-height:230px; } .hub-feature-image::after { background:linear-gradient(0deg,#131314,transparent 55%); } .hub-feature-content { padding:30px 25px 35px; } .hub-stack { grid-template-columns:1fr; } .hub-stack .hub-panel { padding:24px 20px; } .community-services { grid-template-columns:1fr; margin-bottom:58px; } .service-link,.service-link:nth-child(2) { border-right:0; border-bottom:1px solid var(--community-line); } .service-link:last-child { border-bottom:0; } .community-social { min-height:320px; padding:34px 27px; } }
    @media(prefers-reduced-motion:reduce) { .hub-feature-image img,.hub-link i,.hub-stack .hub-panel,.hub-arrow,.service-link>i,.quick-faq-item summary i,.social-row a { transition:none; } .quick-faq-item p { animation:none; } }


:root {
    --cl-home-red: #e3222f;
    --cl-home-bg: #050609;
    --cl-home-line: rgba(255,255,255,.1);
}
.cl-section-shell {
    max-width: 1280px;
    margin: auto;
    padding: 0 24px;
}
:is(.cl-world,.cl-store,.cl-economy-strip,.play-section,.dispatch-section,.community-section) {
    background: var(--cl-home-bg);
    color: #f4f5f7;
    font-family: 'Plus Jakarta Sans', sans-serif;
    scroll-margin-top: 100px;
}
:is(.cl-world,.cl-store,.play-section,.dispatch-section,.community-section) {
    padding-top: clamp(64px,8vw,112px);
    padding-bottom: clamp(64px,8vw,112px);
    border-top: 1px solid var(--cl-home-line);
}
:is(.play-section,.dispatch-section,.community-section) {
    --play-red: #e3222f;
    --dispatch-red: #e3222f;
    --community-red: #e3222f;
}
:is(.play-container,.dispatch-container,.community-container) {
    max-width: 1232px;
}
:is(.play-section,.dispatch-section,.community-section)::before,
.play-section::after,.community-orbit,.play-noise {
    display: none;
}
.cl-eyebrow {
    color: #e3222f;
    font: 600 .7rem/1.5 'JetBrains Mono', monospace;
    letter-spacing: .13em;
    text-transform: uppercase;
    margin: 0 0 20px;
}
:is(.cl-section-heading,.cl-store-copy) h2,
#play-title,#dispatch-title,#community-title {
    font: 700 clamp(2.5rem,4.8vw,4.8rem)/.98 'Rajdhani', sans-serif;
    letter-spacing: -.025em;
    text-transform: uppercase;
    margin: 0;
}
:is(.cl-world,.cl-store) em {
    color: #e3222f;
    font-style: normal;
}
.cl-section-heading {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    align-items: end;
    gap: 64px;
    margin-bottom: 56px;
}
:is(.cl-section-heading,.cl-world-copy,.cl-world-economy,.cl-store-copy) > p:not(.cl-eyebrow) {
    color: #9ca5b5;
    font-size: .97rem;
    line-height: 1.85;
    max-width: 480px;
}
.cl-world-scene {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 72px;
    min-height: 440px;
    border-top: 1px solid var(--cl-home-line);
    padding: 40px 0;
}
.cl-world-scene--reverse .cl-world-art {
    order: 2;
}
.cl-world-art {
    position: relative;
    height: 400px;
    background: radial-gradient(ellipse,rgba(227,34,47,.1),transparent 68%);
}
.cl-world-art img,.cl-store-art img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 18px 28px rgba(0,0,0,.35));
}
.cl-world-copy h3,.cl-world-economy h3 {
    font: 700 clamp(2rem,3.5vw,3.5rem)/1 'Rajdhani',sans-serif;
    text-transform: uppercase;
    margin: 16px 0;
}
.cl-world-caption,.cl-store-note {
    display: block;
    margin-top: 28px;
    color: #9ca5b5;
    font: 500 .65rem/1.7 'JetBrains Mono',monospace;
    letter-spacing: .08em;
}
.cl-world-economy {
    display: grid;
    grid-template-columns: .7fr 1.2fr 1fr;
    align-items: center;
    gap: 32px;
    border-top: 1px solid var(--cl-home-line);
    padding-top: 40px;
}
.cl-world-economy h3 {
    font-size: 2rem;
}
.cl-economy-strip__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding-top: 28px;
    padding-bottom: 28px;
}
.cl-economy-strip p {
    margin: 0;
}
.cl-economy-strip__inner > p:last-child {
    color: #9ca5b5;
    font-size: .8rem;
    line-height: 1.7;
}
.cl-economy-label {
    display: block;
    color: #9ca5b5;
    font-size: .7rem;
    margin-bottom: 7px;
}
#server-imposto {
    display: block;
    font: 700 clamp(1.7rem,3vw,2.4rem)/1 'Rajdhani',sans-serif;
    font-variant-numeric: tabular-nums;
}
.cl-store-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 40px;
}
.cl-store-art {
    height: 420px;
    background: radial-gradient(ellipse,rgba(227,34,47,.12),transparent 70%);
}
.cl-store-copy > p:not(.cl-eyebrow) {
    margin: 24px 0 28px;
}
.cl-action,.mobile-download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    border-radius: 999px;
    padding: 17px 26px;
    background: #e3222f;
    color: #fff;
    font: 700 .9rem 'Rajdhani',sans-serif;
    letter-spacing: .07em;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,.15);
    transition: background .2s, transform .2s;
}
.cl-action:hover {
    background: #bc1722;
    transform: translateY(-2px);
}
:is(.cl-world,.cl-store,.play-section,.dispatch-section,.community-section) :is(a,button,summary):focus-visible {
    outline: 2px solid #ff3a48;
    outline-offset: 5px;
}
.play-route {
    display: block;
    border: 0;
}
.route-step {
    display: grid;
    grid-template-columns: 60px 120px 1fr 1.5fr 1fr;
    align-items: center;
    gap: 24px;
    min-height: 140px;
    padding: 28px 0;
    border: 0;
    border-bottom: 1px solid var(--cl-home-line);
    background: transparent;
}
.route-step:last-child {
    border-bottom: 1px solid var(--cl-home-line);
}
.route-step:hover {
    background: transparent;
}
.route-top i {
    display: none;
}
.route-label,.route-step > p:not(.route-label),.route-link,.server-address {
    margin: 0;
}
.server-address {
    border: 0;
    padding: 0;
    overflow-wrap: anywhere;
}
.platform-switch {
    border-radius: 999px;
}
.platform-switch.is-active {
    background: rgba(227,34,47,.1);
    border-color: rgba(227,34,47,.35);
}
.mobile-guide {
    border: 0;
    border-top: 1px solid var(--cl-home-line);
    border-bottom: 1px solid var(--cl-home-line);
}
.mobile-guide-copy {
    background: transparent;
}
.play-footer {
    justify-content: flex-end;
}
.community-hub {
    grid-template-columns: 1.2fr 1fr;
    gap: 48px;
}
.hub-panel,.hub-stack .hub-panel,.hub-feature {
    background: transparent;
    border: 0;
}
.hub-stack .hub-panel {
    border-bottom: 1px solid var(--cl-home-line);
    padding: 24px 0;
}
.hub-feature-image::after {
    background: linear-gradient(90deg,transparent,#050609);
}
.hub-feature-image img {
    object-fit: contain;
}
.community-services {
    border-left: 0;
    border-right: 0;
}
.service-link {
    border-right: 0;
}
.community-bottom {
    display: block;
    max-width: 880px;
    margin: auto;
}
.community-header-copy {
    border: 0;
}
.dispatch-lead,.lead-story {
    box-shadow: none;
}
.lead-story,.dispatch-latest,.archive-story {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}
.archive-grid {
    grid-template-columns: 1fr;
}
.archive-story {
    display: grid;
    grid-template-columns: 140px 160px 1fr;
    gap: 24px;
    align-items: center;
    border-bottom: 1px solid var(--cl-home-line);
    padding: 24px 0;
}
.archive-image {
    height: 100px;
    margin: 0;
}
.archive-story > p {
    display: none;
}

[data-reveal].cl-reveal-pending {
    opacity: 0;
    transform: translateY(26px);
}
[data-reveal].cl-reveal-pending:focus-within {
    opacity: 1;
    transform: none;
}
[data-reveal].cl-reveal-visible {
    opacity: 1;
    transform: none;
    transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1);
}
@media(max-width:1000px) {
    .route-step {
        grid-template-columns: 42px 1fr 1.4fr;
    }
    .route-label {
        display: none;
    }
    .route-link,.server-address {
        grid-column: 2 / -1;
    }
    .cl-world-economy {
        grid-template-columns: 1fr 1fr;
    }
    .cl-world-economy .cl-eyebrow {
        grid-column: 1 / -1;
    }
    .community-hub {
        grid-template-columns: 1fr;
    }
}
@media(max-width:768px) {
    .cl-section-shell {
        padding: 0 20px;
    }
    .cl-section-heading,.cl-world-scene,.cl-world-economy,.cl-store-layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .cl-world-scene--reverse .cl-world-art {
        order: 0;
    }
    .cl-world-art,.cl-store-art {
        height: 300px;
    }
    .cl-world-scene {
        padding: 28px 0 40px;
    }
    .cl-economy-strip__inner {
        padding-top: 26px;
        padding-bottom: 26px;
        flex-wrap: wrap;
    }
    .cl-economy-strip__inner > p:last-child {
        display: none;
    }
    .route-step {
        grid-template-columns: 30px 1fr;
        gap: 16px;
    }
    .route-step > p:not(.route-label),.route-link,.server-address {
        grid-column: 2;
    }
    .archive-story {
        grid-template-columns: 80px 1fr;
        gap: 16px;
    }
    .archive-story h3 {
        grid-column: 2;
    }
    .archive-image {
        grid-row: span 2;
    }
    .hub-feature-image::after {
        background: linear-gradient(0deg,#050609,transparent);
    }
}
