/* Shared with the native result reveal's existing navy card and yarn artwork. */
.result-flip{width:100%;max-width:390px;min-height:370px;margin:24px auto;position:relative}
.result-flip-front,.result-flip-back{box-sizing:border-box;min-height:370px;border-radius:24px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.result-flip-front{background:#f8faff;border:7px solid #c7d5ee;opacity:0}
.result-flip-front img{width:210px;height:210px;object-fit:contain}
.result-flip-front h2{font:27px/33px Apfel,Arial,sans-serif;color:#252f43;text-align:center;margin:12px 0}
.result-flip-back{position:absolute;inset:0;background:#263a5b;border:7px solid #b9cce9}
.result-flip-back img{width:140px;height:180px;object-fit:contain}
.result-flip-back button{width:100%;min-height:52px;margin-top:27px;border:0;border-radius:26px;padding:13px 18px;background:#f8faff;color:#263a5b;font:inherit;cursor:pointer}
.result-flip-back button:focus-visible{outline:3px solid #fff;outline-offset:5px}
.result-flip-back button:disabled{cursor:default}
@media(prefers-reduced-motion:reduce){.result-flip-front,.result-flip-back{transform:none!important}}