/* Actual spin-wheel result geometry and typography; existing ladder colors retained. */
#resultDialog{border:1px solid #d4e6ed;border-radius:32px;padding:0;width:880px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 36px);color:#173847;background:#fff;box-shadow:0 24px 90px #12394d36;overflow:auto}
#resultDialog::backdrop{background:#142d4770;backdrop-filter:blur(5px)}
#resultDialog .result-content{position:relative;z-index:1;padding:clamp(24px,4dvh,48px) clamp(24px,5vw,64px);text-align:center}
#resultDialog .close-dialog{position:absolute;right:18px;top:13px;border:0;background:transparent;color:#668995;width:48px;height:48px;font-size:37px;font-weight:400;line-height:1}
#resultDialog .result-symbol{font-size:clamp(36px,6dvh,64px);color:#3b95a4;line-height:1.2;margin-bottom:12px}
#resultDialog .result-content h2{font-size:clamp(23px,3vw,34px);margin:0;font-weight:800;letter-spacing:-.8px}
#resultDialog .result-value{display:flex;align-items:center;justify-content:center;font-size:clamp(48px,7.5vw,104px);font-weight:900;color:#225d74;background:#e8faf8;border:1px solid #c4e6e8;border-radius:22px;padding:clamp(24px,5dvh,56px) 22px;margin:clamp(20px,4dvh,34px) 0;min-height:min(220px,30dvh);line-height:1.35;overflow-wrap:anywhere;word-break:break-word}
#resultDialog .result-value.long-result{font-size:clamp(27px,4.5vw,62px)}
#resultDialog .result-value.very-long-result{font-size:clamp(20px,3vw,38px)}
#resultDialog .result-actions{display:grid;grid-template-columns:1fr 2fr;gap:14px;position:sticky;bottom:0;background:white;padding-top:6px}
#resultDialog .secondary-button{border:1px solid #d4e6ed;background:white;border-radius:14px;color:#456675;font-size:20px;font-weight:600;min-height:64px}
#resultDialog .again-button{background:#176879;border:0;color:white;display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(18px,2vw,24px);font-weight:800;min-height:64px;box-shadow:none;border-radius:14px}
#resultDialog .again-button:hover:not(:disabled){background:#1c7f8f}#resultDialog .again-button span{font-size:29px}
#confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
@media(max-width:700px){#resultDialog .result-content{padding:30px 20px 22px}#resultDialog .result-symbol{font-size:41px;margin-bottom:12px}#resultDialog .result-value{font-size:60px;min-height:160px;margin:24px 0;padding:30px 16px}#resultDialog .result-value.long-result{font-size:36px}#resultDialog .result-value.very-long-result{font-size:24px}#resultDialog .result-actions{gap:10px;grid-template-columns:1fr 2fr}#resultDialog .secondary-button,#resultDialog .again-button{font-size:17px;min-height:56px}#resultDialog .close-dialog{top:8px;right:7px;font-size:31px}#resultDialog{border-radius:25px;max-width:calc(100vw - 24px)}}
@media(min-width:701px) and (max-height:650px){#resultDialog .result-content{padding-top:23px;padding-bottom:22px}#resultDialog .result-symbol{font-size:32px}#resultDialog .result-value{min-height:100px;padding:15px 20px;font-size:64px;margin:15px 0}#resultDialog .result-actions button{min-height:52px}}
