/*
 * Scoped life-sim compatibility theme for Wizard v2.
 * Visual reference: https://github.com/inbn/TheSims.css (checked 2026-07-17).
 * Upstream has no explicit redistribution license, so no upstream source was copied.
 * This clean-room fallback follows PHASE_08_WIZARD_V2_LIFESIM_SPECIFICATION §4.3.
 */
.wizard-v2 .sims-ui-panel {
    font-family: var(--wv2-font-game);
}

.wizard-v2 .sims-ui-button {
    min-height: 48px;
    padding: 10px 16px;
    color: #123d79;
    font: 700 clamp(13px, 3.4vw, 16px)/1.15 var(--wv2-font-game);
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(207, 220, 237, 0.96) 54%, rgba(155, 181, 214, 0.98));
    border: 2px solid #edf7ff;
    border-radius: 999px;
    box-shadow:
        inset 0 -4px 7px rgba(25, 64, 116, 0.3),
        inset 0 2px 2px #fff,
        0 0 0 2px #3776bd,
        0 7px 14px rgba(0, 0, 0, 0.48);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.wizard-v2 .sims-ui-button:hover {
    filter: brightness(1.08);
}

.wizard-v2 .sims-ui-button:active,
.wizard-v2 .sims-ui-button[aria-pressed="true"] {
    color: #153c08;
    background: linear-gradient(180deg, #f7fff0, #b9f57e 58%, #63bd20);
    box-shadow:
        inset 0 3px 6px rgba(33, 95, 8, 0.28),
        0 0 0 2px var(--wv2-accent),
        0 0 24px rgba(119, 246, 1, 0.62);
}

.wizard-v2 .sims-ui-button:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 5px;
}