.compare-shell {
        display: grid;
        gap: 18px;
    }
    .compare-picks {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
    .duel-grid {
        display: grid;
        grid-template-columns: 1fr 140px 1fr;
        gap: 16px;
        align-items: stretch;
    }
    .duel-side {
        padding: 22px;
        border-radius: 22px;
        border: 1px solid var(--line);
        background: rgba(255,255,255,0.03);
    }
    .duel-side.left {
        background: linear-gradient(180deg, rgba(40, 215, 176, 0.12), rgba(255,255,255,0.03));
    }
    .duel-side.right {
        background: linear-gradient(180deg, rgba(82, 167, 255, 0.14), rgba(255,255,255,0.03));
    }
    .duel-vs {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 22px;
        border: 1px solid rgba(255,255,255,0.08);
        background: rgba(255,255,255,0.03);
        color: var(--muted);
        font-size: 28px;
        font-weight: 900;
        letter-spacing: 0.08em;
    }
    .duel-badge {
        display: inline-flex;
        padding: 7px 12px;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 800;
        margin-bottom: 14px;
    }
    .duel-badge.left {
        color: #04111f;
        background: linear-gradient(135deg, var(--brand), #5ef1d0);
    }
    .duel-badge.right {
        color: #04111f;
        background: linear-gradient(135deg, var(--brand-2), #99cbff);
    }
    .duel-side h3 {
        font-size: 30px;
        line-height: 1.05;
        margin-bottom: 8px;
    }
    .duel-stats {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin-top: 18px;
    }
    .duel-stat {
        padding: 14px;
        border-radius: 16px;
        background: rgba(255,255,255,0.04);
        border: 1px solid rgba(149, 177, 217, 0.12);
    }
    .duel-stat strong {
        display: block;
        color: var(--muted);
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        margin-bottom: 6px;
    }
    .winner-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }
    .winner-card {
        padding: 18px;
        border-radius: 20px;
        background: rgba(255,255,255,0.03);
        border: 1px solid var(--line);
    }
    .scenario-row,
    .verdict-grid {
        display: grid;
        gap: 16px;
    }
    .scenario-row {
        grid-template-columns: minmax(0, 1fr);
    }
    .verdict-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 18px;
    }
    .winner-name {
        display: inline-flex;
        margin-top: 10px;
        padding: 7px 12px;
        border-radius: 999px;
        background: rgba(40, 215, 176, 0.10);
        border: 1px solid rgba(40, 215, 176, 0.24);
        color: var(--brand);
        font-size: 12px;
        font-weight: 800;
    }
    .winner-name.tie {
        color: var(--accent);
        border-color: rgba(255, 191, 87, 0.26);
        background: rgba(255, 191, 87, 0.10);
    }
    @media (max-width: 1120px) {
        .compare-picks,
        .duel-grid,
        .winner-grid,
        .verdict-grid {
            grid-template-columns: 1fr;
        }
        .duel-vs {
            min-height: 72px;
        }
        .duel-stats {
            grid-template-columns: 1fr;
        }
    }

