.game-landing {
        background: #d8d7d2;
        color: #343630;
        min-height: 100vh;
        padding-bottom: 0;
    }
    .game-landing .container { max-width: 1240px; }
    .landing-hero {
        padding: 48px 0 28px;
        background: linear-gradient(180deg, #dfded8, #d8d7d2);
    }
    .landing-shell,
    .selector-layout {
        display: grid;
        gap: 1.5rem;
        align-items: start;
    }
    .landing-shell {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
    }
    .selector-layout {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    }
    .hero-copy, .hero-card, .selector-card, .summary-card {
        background: #e9e8e3;
        border-radius: 24px;
        padding: 1.5rem;
        border: 1px solid rgba(25,25,21,.08);
        box-shadow: 0 24px 60px rgba(19,19,15,.14);
    }
    .hero-copy {
        color: #343630;
        padding: 1.35rem 1.5rem;
        background: #dfded8;
        border-color: rgba(39,39,45,.05);
    }
    .hero-card--image {
        padding: .5rem;
        overflow: hidden;
        align-self: start;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #e2e1db;
    }
    .hero-card--image img {
        display: block;
        width: 100%;
        height: auto;
        max-height: 260px;
        object-fit: contain;
        object-position: center;
        border-radius: 18px;
        background: #e2e1db;
    }
    .selector-summary { position: sticky; top: 90px; }
    .hero-badge, .eyebrow {
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        text-transform: uppercase;
        letter-spacing: .08em;
        font-size: .72rem;
        font-weight: 700;
    }
    .hero-badge { color: #435f4d; margin-bottom: .75rem; }
    .hero-copy h1 {
        font-size: clamp(1.95rem, 3vw, 2.85rem);
        line-height: 1.02;
        margin-bottom: .85rem;
    }
    .hero-text {
        max-width: 44rem;
        color: #54584f;
        font-size: 1rem;
        margin-bottom: 1.1rem;
    }
    .hero-facts {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .75rem;
        margin-bottom: 1rem;
    }
    .hero-fact {
        background: rgba(39,39,45,.05);
        border: 1px solid rgba(39,39,45,.1);
        border-radius: 18px;
        padding: .85rem;
    }
    .hero-fact__label { display: block; color: rgba(255,255,255,.64); font-size: .85rem; margin-bottom: .35rem; }
    .hero-fact strong { font-size: 1.2rem; color: #343630; }
    .hero-actions { display: flex; gap: .75rem; flex-wrap: wrap; }
    .hero-card__title, .summary-card__header h2, .selector-card__header h2 {
        font-size: 1.25rem;
        margin-bottom: .75rem;
        color: #343630;
    }
    .step-list {
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        gap: .75rem;
    }
    .step-list li {
        display: flex;
        align-items: center;
        gap: .75rem;
        color: #44483f;
        font-weight: 600;
    }
    .step-list span {
        width: 1.8rem;
        height: 1.8rem;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(82,111,92,.12);
        color: #435f4d;
        font-size: .85rem;
    }
    .hero-card__hint, .summary-footnote, .summary-highlight {
        display: flex;
        gap: .75rem;
        align-items: flex-start;
        background: #dfded8;
        color: #44483f;
        border-radius: 18px;
        padding: .95rem 1rem;
        margin-top: 1rem;
    }
    .summary-footnote--warning {
        background: #faf3e5;
        color: #855b22;
    }
    .landing-selector { background: #d8d7d2; padding: 2rem 0 2rem; }
    .selector-card__header {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        align-items: end;
        margin-bottom: 1.25rem;
    }
    .selector-card__header p, .summary-card__header p, .tariff-card__header p, .choice-card__meta, .tariff-note {
        color: #54584f;
        margin: 0;
    }
    .option-grid, .tariff-grid { display: grid; gap: 1rem; }
    .option-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
    .platform-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
    .choice-card, .tariff-card {
        border: 1px solid #b6b8ae;
        border-radius: 22px;
        padding: 1.1rem;
        background: #e9e8e3;
        transition: .2s ease;
    }
    .choice-card {
        text-align: left;
        cursor: pointer;
    }
    .choice-card:hover, .tariff-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 18px 36px rgba(25,25,21,.08);
        border-color: #899f8e;
    }
    .choice-card.is-selected, .tariff-card.is-selected {
        border-color: #435f4d;
        box-shadow: 0 0 0 3px rgba(82,111,92,.15);
        background: #ceddce;
    }
    .choice-card.is-static { cursor: default; }
    .choice-card__top, .tariff-card__header, .summary-row {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        align-items: start;
    }
    .choice-card__check {
        width: 2rem;
        height: 2rem;
        border-radius: 999px;
        background: #dfded8;
        color: transparent;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }
    .choice-card.is-selected .choice-card__check { background: #435f4d; color: #343630; }
    .platform-card__score { display: grid; gap: .45rem; margin-top: .9rem; }
    .platform-card__score-top {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        font-size: .88rem;
        color: #343630;
        font-weight: 700;
    }
    .platform-card__progress {
        width: 100%;
        height: 10px;
        border-radius: 999px;
        background: #dfded8;
        overflow: hidden;
    }
    .platform-card__progress span {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: #8fa994;
    }
    .platform-card__description { margin: .9rem 0 0; color: #54584f; line-height: 1.55; }
    .choice-card__facts, .tariff-specs {
        display: flex;
        flex-wrap: wrap;
        gap: .5rem;
        margin-top: .9rem;
    }
    .choice-card__facts span, .tariff-specs span, .status-pill, .payment-pill {
        display: inline-flex;
        align-items: center;
        gap: .45rem;
        border-radius: 999px;
        padding: .45rem .7rem;
        font-size: .82rem;
        font-weight: 600;
    }
    .choice-card__facts span, .tariff-specs span { background: #dfded8; color: #44483f; }
    .status-pill--selected { background: #e9f3ed; color: #2c6c50; }
    .payment-pill--hourly { background: #dfded8; color: #44483f; }
    .payment-pill--once { background: #e9f3ed; color: #2c6c50; }
    .tariff-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
    .tariff-card.is-disabled {
        opacity: .72;
        background: #e2e1db;
        border-style: dashed;
    }
    .tariff-card h3 { font-size: 1.15rem; margin-bottom: .45rem; }
    .tariff-name-pill {
        display: inline-flex;
        align-items: center;
        padding: .35rem .7rem;
        border-radius: 999px;
        background: #dfded8;
        color: #44483f;
        font-weight: 700;
        box-shadow: inset 0 0 0 1px rgba(82,111,92,.18);
    }
    .tariff-price { margin: 1rem 0; }
    .tariff-price strong { display: block; font-size: 1.35rem; color: #343630; }
    .tariff-price span { color: #54584f; font-size: .92rem; }
    .tariff-specs span i { color: #435f4d; }
    .tariff-footer { margin-top: 1rem; display: grid; gap: .85rem; }
    .tariff-balance-note {
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        border-radius: 16px;
        padding: .75rem .9rem;
        background: #dfded8;
        color: #44483f;
        font-size: .9rem;
        font-weight: 600;
    }
    .tariff-balance-note i { color: #435f4d; }
    .summary-list { display: grid; gap: .9rem; margin: 1.25rem 0; }
    .summary-row span { color: #54584f; }
    .summary-row strong { text-align: right; }
    .empty-panel {
        border: 1px dashed #b6b8ae;
        border-radius: 20px;
        padding: 1.5rem;
        background: #e2e1db;
        display: grid;
        gap: .35rem;
        justify-items: start;
        color: #54584f;
    }
    .empty-panel i { font-size: 1.25rem; color: #435f4d; }
    .empty-panel.warning i { color: #855b22; }
    .payment-filters { display: flex; flex-wrap: wrap; gap: .5rem; }

    @media (max-width: 991.98px) {
        .landing-shell, .selector-layout { grid-template-columns: 1fr; }
        .selector-summary { position: static; }
        .selector-card__header { flex-direction: column; align-items: start; }
    }

    @media (max-width: 767.98px) {
        .landing-hero { padding-top: 24px; }
        .hero-copy, .hero-card, .selector-card, .summary-card { padding: 1.1rem; border-radius: 20px; }
        .hero-facts { grid-template-columns: 1fr; }
        .hero-actions { flex-direction: column; }
        .hero-actions .btn { width: 100%; }
        .option-grid, .tariff-grid { grid-template-columns: 1fr; }
        .summary-row { flex-direction: column; gap: .25rem; }
        .summary-row strong { text-align: left; }
    }
.game-landing { font-size:14px; }
.game-landing .hero-copy { border:0; box-shadow:none; padding:14px 0; }
.game-landing .hero-copy h1 { font-weight:750; letter-spacing:-1.4px; line-height:1.12; }
.game-landing .hero-fact { border-radius:10px; background:#dfded8; }
.game-landing .hero-fact__label { color:#54584f; font-size:12px; }
.game-landing .selector-card,.game-landing .summary-card { border-color:#c2c2b9; border-radius:14px; box-shadow:none; }
.game-landing .choice-card,.game-landing .tariff-card { color:#343630; border-radius:10px; min-width:0; }
.game-landing .choice-card.is-selected .choice-card__check { color:#ffffff; }
.game-landing .eyebrow { color:#435f4d; }
.game-landing .summary-card { font-size:13px; }
.game-landing .selector-summary { max-height:calc(100vh - 105px); overflow:auto; }
.game-landing .summary-row { gap:14px; border-bottom:1px solid #c2c2b9; padding-bottom:10px; }
.game-landing .summary-row strong { overflow-wrap:anywhere; min-width:0; }
.game-landing .tariff-name-pill { border-radius:6px; }
.game-landing .choice-card__facts span,.game-landing .tariff-specs span,.game-landing .payment-pill { border-radius:6px; font-size:11px; }
.game-landing .hero-card--image img { object-fit:cover; }
.game-landing .tariff-grid { grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr)); }
@media(max-width:991px) { .game-landing .selector-summary { max-height:none; overflow:visible; } }
@media(max-width:575px) {
    .game-landing .container { padding-left:16px; padding-right:16px; }
    .game-landing .hero-copy h1 { font-size:30px; }
    .game-landing .choice-card__top,.game-landing .tariff-card__header { gap:10px; }
    .game-landing .hero-facts { grid-template-columns:1fr; gap:8px; }
    .game-landing .hero-fact { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px; }
    .game-landing .hero-fact strong { font-size:15px; }
    .game-landing .hero-fact__label { margin:0; }
}


.game-landing .hero-copy { background:transparent; box-shadow:none; }
.game-landing .landing-hero { background:#d8d7d2; }
.game-landing .hero-card--image { background:#e9e8e3; border-color:#c2c2b9; box-shadow:0 12px 36px rgba(36,49,40,.08); }

.game-landing .tariff-billing-period { margin-top: 1rem; }
.game-landing .tariff-billing-period label { display: block; font-size: .9rem; font-weight: 700; margin-bottom: .4rem; }
.game-landing .tariff-billing-period select { width: 100%; min-width: 0; min-height: 44px; height: auto; color: #343630; background: #efeee9; border-color: #b6b8ae; border-radius: 8px; }
.game-landing .tariff-billing-period select:focus { border-color: #435f4d; box-shadow: 0 0 0 3px #435f4d25; }
.game-landing .tariff-period-note { font-size: .85rem; color: #54584f; margin: 0 0 1rem; }