@keyframes spinWheel{to{transform:rotate(1440deg)}}.lottery-wheel{--wheel-size:min(64vw,250px);width:var(--wheel-size);height:var(--wheel-size);background:conic-gradient(from -22.5deg,#ef6258 0 12.5%,#f6c744 0 25%,#45ad82 0 37.5%,#5380df 0 50%,#ef6258 0 62.5%,#f6c744 0 75%,#45ad82 0 87.5%,#5380df 0);color:#fff;border:10px solid #ffe8a1;border-radius:50%;margin:18px auto 26px;padding:0;display:block;position:relative;overflow:visible;box-shadow:0 18px 38px #143e7138}.lottery-wheel span{--angle:calc(var(--wheel-index) * 45deg);text-align:center;width:58px;transform:rotate(var(--angle)) translateY(calc(var(--wheel-size) * -.37)) rotate(calc(var(--angle) * -1));transform-origin:50%;margin-top:-9px;margin-left:-29px;font-size:11px;font-weight:800;position:absolute;top:50%;left:50%}.lottery-wheel>b{color:#b86614;background:#fff;border:7px solid #ffe9a7;border-radius:50%;place-items:center;font-size:30px;display:grid;position:absolute;inset:34%;box-shadow:0 5px 18px #0003}.wheel-pointer{z-index:2;filter:drop-shadow(0 3px 2px #0003);border-top:34px solid #d94d43;border-left:15px solid #0000;border-right:15px solid #0000;width:0;height:0;position:absolute;top:-23px;left:50%;transform:translate(-50%)}.lottery-wheel.spinning{animation:1.8s cubic-bezier(.15,.7,.15,1) spinWheel}.scratch-card{background:#fff7d5;border:8px solid #f0c450;border-radius:19px;width:min(78vw,310px);height:170px;margin:36px auto;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 18px 35px #0002}.scratch-prize{color:#d34f42;place-items:center;font-size:25px;font-weight:900;display:grid;position:absolute;inset:0}.scratch-layer{color:#fff;letter-spacing:3px;text-shadow:0 1px 2px #4c595e;background:repeating-linear-gradient(135deg,#aab4b8 0 12px,#d9dfe1 12px 24px);align-content:center;place-items:center;font-size:14px;font-style:normal;display:grid;position:absolute;inset:0}.scratch-layer b{font-size:24px;line-height:2}@keyframes scratchReveal{to{opacity:.2;transform:translate(105%)}}.shake-phone{width:170px;height:230px;color:var(--green);background:#eef6f2;border:10px solid #17342e;border-radius:28px;margin:15px auto 20px;display:block;box-shadow:0 18px 35px #0002}.shake-phone span,.shake-phone b{display:block}.shake-phone span{font-size:72px}.shake-phone b{margin-top:16px;font-size:22px}.shake-phone.shaking{animation:.18s infinite shake}.is-preview{pointer-events:none;margin-block:4px;transform:scale(.85)}.lottery-wheel.is-preview{--wheel-size:220px}.gift.is-preview{margin-block:-18px;transform:scale(.72)}.scratch-card .scratch-layer{clip-path:inset(0 0 0 var(--scratch-progress,0%));touch-action:none;transition:clip-path .12s linear}.scratch-card.scratching .scratch-layer{animation:.7s forwards scratchRevealFixed}@keyframes scratchRevealFixed{to{clip-path:inset(0 0 0 100%);opacity:.15}}.lottery-wheel{--wheel-size:min(64vw,270px);background:conic-gradient(from -22.5deg,#e84e4b 0 12.5%,#ffca45 0 25%,#20a978 0 37.5%,#5578df 0 50%,#ef6a4f 0 62.5%,#f5b936 0 75%,#28a98e 0 87.5%,#456bd0 0);border:12px solid #ffe7a0;box-shadow:0 0 0 5px #fff8dc,0 22px 50px #05285e55,inset 0 0 0 2px #fff8}.lottery-wheel:before{content:"";pointer-events:none;border:2px dashed #fff9;border-radius:50%;position:absolute;inset:8px}.lottery-wheel span{text-shadow:0 2px 4px #0006;font-size:11px;line-height:1.15;overflow:hidden}.lottery-wheel>b{color:#a85218;background:radial-gradient(circle at 35% 30%,#fff,#fff0bd);border:8px solid #ffdc72;font-size:34px;inset:35%;box-shadow:0 7px 20px #41220055}.wheel-pointer{border-top:42px solid #e3453f;border-left-width:18px;border-right-width:18px;top:-29px}.lottery-wheel.is-preview{--wheel-size:250px;transform:none}