:root{--wheel-size: min(45vh, 320px);--arrow-scale: .19;--btn-width: 150px;--pad: 20px}.demo{min-height:100vh;display:grid;place-items:center}.open-btn{padding:14px 22px;border-radius:999px;border:0;font-weight:800;letter-spacing:.5px;color:#fff;background:#ff8b3d;box-shadow:0 8px 18px #00000026;cursor:pointer}.sv-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:50;box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.sv-modal[aria-hidden=false]{display:block}.sv-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sv-card{position:relative;z-index:1;width:min(1000px,96vw);height:min(92vh,720px);margin:max(3vh,16px) auto;background:#fff;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:auto 1fr;box-shadow:0 20px 60px #00000059}.sv-close{position:absolute;right:14px;top:10px;width:36px;height:36px;border:0;background:transparent;color:#fff;font-size:28px;line-height:1;z-index:5;cursor:pointer;text-shadow:0 2px 8px rgba(0,0,0,.5)}.sv-left{background:#ddeaf2;overflow:hidden;position:relative}.sv-left img{height:100%;width:100%;object-fit:cover;object-position:center}.sv-right{position:relative;background:#f6a161;color:#fff;padding:var(--pad);display:grid;grid-template-rows:auto auto auto 1fr auto;justify-items:center;gap:10px;overflow-y:scroll;max-height:calc(92vh - 5px);scrollbar-width:none;-ms-overflow-style:none}.sv-right::-webkit-scrollbar{display:none}.sv-brand{font-weight:600;margin-top:6px}.sv-title{margin:.25rem 0 0;font-weight:900;line-height:1.05;text-align:center;font-size:clamp(26px,3.2vw,46px);text-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff}.sv-subtitle{opacity:.95;margin:.5rem 0 1rem;font-weight:600}.wheel-wrap{position:relative;width:var(--wheel-size);aspect-ratio:1/1;margin-bottom:30px}.wheel{width:100%;height:100%;display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25));transform:rotate(var(--angle, 0deg));transition:transform var(--duration, 2s) cubic-bezier(.17,.67,.26,1.17)}.arrow{position:absolute;width:30px;left:50%;top:50%;translate:-50% -50%;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}.wheel-wrap .sv-spin{position:absolute;left:50%;bottom:5%;transform:translate(-50%);border:0;background:transparent;cursor:pointer;display:grid;place-items:center;z-index:3}.wheel-wrap .sv-spin img{width:var(--btn-width)}.sv-spin{border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.sv-spin img{width:var(--btn-width)}.sv-spin:disabled{opacity:.7;filter:grayscale(.2);cursor:not-allowed}.sv-result{margin-top:auto;margin-bottom:40px;background:#ffffff38;color:#fff;font-weight:800;border-radius:14px;padding:10px 14px;display:inline-block;box-shadow:0 6px 14px #00000026;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:860px){.sv-card{grid-template-columns:1fr}.sv-left{display:none}.sv-right{grid-template-rows:auto auto auto auto auto auto}}.sv-blur{filter:blur(4px) grayscale(.5);opacity:.7;pointer-events:none}.sv-guest-overlay{background:#00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:24px;text-align:center;border:1px solid rgba(255,255,255,.2);margin-bottom:30px;width:90%;max-width:320px;box-shadow:0 8px 32px #00000026}.sv-guest-text{font-size:16px;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.2)}.sv-guest-buttons{display:flex;gap:12px;justify-content:center}.sv-btn-guest{flex:1;display:inline-block;padding:12px 20px;border-radius:999px;font-weight:800;font-size:14px;text-decoration:none;text-align:center;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 12px #00000026}.sv-btn-login{background:#fff;color:#f6a161}.sv-btn-login:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.sv-btn-register{background:#ff8b3d;color:#fff;border:2px solid #fff}.sv-btn-register:hover{background:#e0742d;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.sv-reward-success{padding:12px 16px;display:flex;flex-direction:column;align-items:center;gap:10px}.sv-reward-title{font-size:14px;font-weight:600;margin:0;opacity:.9}.sv-reward-label{font-size:20px;font-weight:900;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.15)}.sv-coupon-code-box{display:flex;align-items:center;background:#ffffff4d;border:2px dashed #fff;border-radius:8px;padding:6px 12px;margin-top:5px;gap:12px}.sv-coupon-code{font-family:monospace;font-size:18px;font-weight:800;letter-spacing:1.5px;color:#fff}.sv-btn-copy{border:0;background:#ff8b3d;color:#fff;padding:6px 12px;border-radius:6px;font-weight:700;font-size:12px;cursor:pointer;transition:all .2s ease}.sv-btn-copy:hover{background:#e0742d}.sv-btn-copy.copied{background:#4caf50!important}
/*# sourceMappingURL=/cdn/shop/t/13/assets/game-spin-wheel-supabase.css.map */