.wyr-result {
        text-align: center;
        padding: 24px 18px;
        min-height: 220px;
    }
    .wyr-result__intro {
        font-size: 1.05rem;
        color: var(--pk-fg-mut);
        margin: 0;
    }
    .wyr-options {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        gap: 14px;
        align-items: stretch;
        margin-top: 4px;
    }
    @media (max-width: 640px) {
        .wyr-options { grid-template-columns: 1fr; }
        .wyr-or { transform: none !important; }
    }
    .wyr-option {
        background: rgba(0,0,0,0.30);
        border: 2px solid rgba(255,255,255,0.10);
        border-radius: 14px;
        padding: 22px 18px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
        justify-content: center;
        position: relative;
        transition: border-color .15s ease, background .15s ease, transform .15s ease;
    }
    #wyr-option-a { border-color: rgba(77,111,255,0.40); }
    #wyr-option-b { border-color: rgba(245,193,108,0.40); }
    .wyr-option__label {
        position: absolute;
        top: -12px; left: 14px;
        background: var(--pk-ink-2);
        color: var(--calc-accent);
        font-weight: 900;
        padding: 2px 10px;
        border-radius: 999px;
        font-size: 0.85rem;
        letter-spacing: 0.08em;
        border: 2px solid currentColor;
    }
    #wyr-option-a .wyr-option__label { color: #4D6FFF; }
    #wyr-option-b .wyr-option__label { color: #F5C16C; }
    .wyr-option__text {
        font-size: 1.15rem;
        line-height: 1.45;
        margin: 0;
        color: var(--pk-fg);
        font-weight: 600;
    }
    .wyr-or {
        display: flex; align-items: center; justify-content: center;
        font-size: 0.9rem; font-weight: 800;
        letter-spacing: 0.18em;
        color: var(--calc-accent);
        text-transform: uppercase;
    }
    .wyr-actions {
        display: flex; justify-content: center;
        margin: 16px 0 4px;
    }
    .pk-btn--xl { padding: 14px 32px; font-size: 1.05rem; min-width: 220px; justify-content: center; }
    .pk-btn--xl[disabled] { opacity: 0.55; cursor: not-allowed; }
    .pk-btn {
        display: inline-flex; align-items: center; gap: 8px;
        padding: 10px 16px; border-radius: 10px;
        background: rgba(255,255,255,0.06);
        border: 1px solid rgba(255,255,255,0.12);
        color: var(--pk-fg); font-weight: 700; font-size: 0.85rem;
        cursor: pointer;
        transition: background .15s ease, border-color .15s ease;
    }
    .pk-btn--primary {
        background: linear-gradient(135deg, var(--calc-accent-2), var(--calc-accent));
        border-color: transparent; color: #04102B;
    }

    /* 18+ mode — darker accent + warning */
    .pk-calc-chips--wyr .wyr-chip--18plus span {
        background: rgba(120, 20, 40, 0.20);
        border-color: rgba(220, 60, 90, 0.45);
        color: #ffb3c1;
    }
    .pk-calc-chips--wyr .wyr-chip--18plus:hover span {
        border-color: rgba(220, 60, 90, 0.75);
        background: rgba(120, 20, 40, 0.30);
    }
    .pk-calc-chips--wyr .wyr-chip--18plus input:checked + span {
        background: linear-gradient(135deg, #5a0a1f, #2a0610);
        border-color: #d83a5a;
        color: #fff;
        box-shadow: 0 0 0 1px rgba(220, 60, 90, 0.45) inset;
    }
    .wyr-adult-warning {
        margin: 8px 0 0;
        padding: 8px 12px;
        font-size: 0.85rem;
        color: #ffb3c1;
        background: rgba(120, 20, 40, 0.15);
        border: 1px solid rgba(220, 60, 90, 0.35);
        border-radius: 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        font-weight: 600;
    }
    .wyr-adult-warning i { color: #ff7a92; }