.ruleta-estetica{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.ruleta-card{max-width:820px;margin:0 auto;padding:18px;border:1px solid rgba(0,0,0,.08);border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.06);background:#fff}
.ruleta-head{text-align:center;margin-bottom:10px}
.ruleta-title{font-size:28px;font-weight:800;letter-spacing:-.02em}
.ruleta-subtitle{opacity:.75;margin-top:4px}
.ruleta-stage{position:relative;display:grid;place-items:center;padding:12px}
.ruleta-canvas{width:min(700px,92vw);height:auto;border-radius:999px}
.ruleta-pointer{position:absolute;top:6px;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:28px solid #111;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25));z-index:3}
.ruleta-controls{display:grid;gap:10px;justify-items:center;padding-top:4px}
.ruleta-btn,.ruleta-redeem-btn,.ruleta-copy,.ruleta-again{appearance:none;border:0;border-radius:999px;padding:12px 18px;font-weight:700;cursor:pointer;background:#111;color:#fff;width:min(320px,92vw)}
.ruleta-btn[disabled]{opacity:.55;cursor:not-allowed}
.ruleta-phone,.ruleta-code,.ruleta-pin{width:min(320px,92vw);border-radius:12px;border:1px solid rgba(0,0,0,.15);padding:12px 12px;font-size:16px}
.ruleta-msg{min-height:22px;font-weight:600;opacity:.85;text-align:center}
.ruleta-result{margin-top:14px;border-top:1px solid rgba(0,0,0,.08);padding-top:14px;display:grid;gap:10px;justify-items:center;text-align:center}
.ruleta-result-title{font-size:22px;font-weight:900}
.ruleta-result-prize{font-size:18px;font-weight:700}
.ruleta-result-code-wrap{display:grid;gap:8px}
.ruleta-result-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:20px;font-weight:800;padding:8px 12px;border-radius:12px;border:1px dashed rgba(0,0,0,.25)}
.ruleta-result-exp{opacity:.75;font-size:14px}