@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--teal-900:#003d33;--teal-800:#004d40;--teal-700:#00695c;--teal-600:#00796b;--teal-500:#00897b;--teal-400:#26a69a;--teal-100:#e0f2f1;--teal-50:#f1fafa;--gold:#ffb300;--gold-d:#f57f17;--gold-l:#ffe082;--wa:#25d366;--wa-d:#128c7e;--white:#fff;--text:#1a2332;--sub:#607d8b;--gray:#eceff1;--red:#e53935;--red-l:#ffebee;--radius:20px}html,body{width:100vw;height:100dvh;margin:0;padding:0;overflow:hidden}body{background:linear-gradient(160deg, var(--teal-800) 0%, var(--teal-500) 55%, #81c784 100%);word-break:break-word;overflow-wrap:break-word;flex-direction:column;align-items:stretch;font-family:DM Sans,sans-serif;display:flex;position:relative}body:before{content:"";pointer-events:none;z-index:0;background:#ffffff0a;border-radius:50%;width:300px;height:300px;position:absolute;top:-80px;right:-80px}body:after{content:"";pointer-events:none;z-index:0;background:#ffffff08;border-radius:50%;width:200px;height:200px;position:absolute;bottom:120px;left:-60px}.app-container{z-index:1;flex-direction:column;width:100%;max-width:420px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.top-header{padding:24px 18px 16px;padding-top:max(24px, env(safe-area-inset-top));flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.brand{line-height:1.1}.brand-name{color:#fff;letter-spacing:-.5px;font-family:"Baloo 2",cursive;font-size:22px;font-weight:800;line-height:1}.brand-sub{color:#fff9;margin-top:2px;font-size:11px;font-weight:500}.store-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:50px;align-items:center;gap:6px;padding:6px 12px;display:flex}.store-dot{background:var(--gold);border-radius:50%;width:8px;height:8px}.store-name{color:#fff;font-size:12px;font-weight:600}.glass-card{border-radius:var(--radius);background:#fffffff2;box-shadow:0 8px 32px #004d4033,0 2px 8px #00000014}.s1-content{flex-direction:column;flex:1;padding:10px 20px;display:flex}.step-label{color:var(--gold);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.welcome-head{color:#fff;letter-spacing:-.5px;margin-bottom:6px;font-family:"Baloo 2",cursive;font-size:24px;font-weight:800;line-height:1.2}.welcome-sub{color:#fffc;margin-bottom:16px;font-size:14px;line-height:1.5}.progress-dots{align-items:center;gap:6px;margin-bottom:20px;display:flex}.pd{border-radius:4px;height:6px;transition:all .3s}.pd-active{background:var(--gold);width:28px}.pd-inactive{background:#ffffff4d;width:8px}.step-cards{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.step-card{background:#fffffffa;border-radius:20px;flex-direction:column;gap:8px;padding:16px 14px 14px;display:flex;box-shadow:0 8px 24px #004d4026}.card-num{background:var(--teal-100);width:28px;height:22px;color:var(--teal-800);border-radius:50px;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.card-icon{margin:4px 0;font-size:28px;line-height:1}.card-title{color:var(--text);font-family:"Baloo 2",cursive;font-size:14px;font-weight:700;line-height:1.3}.card-desc{color:var(--sub);flex:1;font-size:12px;line-height:1.5}.card-btn{cursor:pointer;text-align:center;border:none;border-radius:12px;width:100%;padding:10px 0;font-family:"Baloo 2",cursive;font-size:13px;font-weight:700;transition:opacity .2s,transform .1s}.card-btn:active{transform:scale(.97)}.btn-wa{background:var(--wa);color:#fff;box-shadow:0 4px 12px #25d3664d}.btn-star{border:1.5px solid var(--gold);color:var(--gold-d);background:#fff8e1}.card-check{color:var(--sub);align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.card-check-box{border:2px solid var(--sub);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.card-check-box.checked{background:var(--teal-500);border-color:var(--teal-500);color:#fff}.bottom-bar{background:linear-gradient(to top, var(--teal-900) 40%, transparent);z-index:10;margin-top:auto;padding:16px 20px;position:sticky;bottom:0;left:0;right:0}.lock-btn{color:#fff9;cursor:not-allowed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;font-family:"Baloo 2",cursive;font-size:15px;font-weight:700;transition:all .3s;display:flex}.lock-btn.unlocked{background:var(--gold);color:var(--text);cursor:pointer;box-shadow:0 6px 20px #ffb30066}.lock-btn.unlocked:active{transform:scale(.98)}.bottom-note{text-align:center;color:#fff9;margin-top:8px;font-size:11px}.s2-header-area{padding:10px 20px 4px}.prize-label{color:var(--gold);letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:700}.spin-title{color:#fff;margin:2px 0 4px;font-family:"Baloo 2",cursive;font-size:22px;font-weight:800;line-height:1.2}.spin-sub{color:#ffffffa6;font-size:12px}.wheel-area{flex-direction:column;flex:1;align-items:center;padding:4px 0 0;display:flex}.pointer{border-left:13px solid #0000;border-right:13px solid #0000;border-top:28px solid var(--gold);filter:drop-shadow(0 3px 8px #0000004d);z-index:10;width:0;height:0;margin-bottom:-2px;position:relative}.wheel-canvas{border-radius:50%;max-width:100%;display:block;box-shadow:0 8px 40px #0006,0 0 0 5px #ffb30066}.spin-btn{background:var(--gold);width:100%;height:50px;color:var(--text);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:6px;font-family:"Baloo 2",cursive;font-size:17px;font-weight:800;transition:transform .1s,opacity .2s;display:flex;box-shadow:0 4px 16px #ffb30073}.spin-btn:active:not(:disabled){transform:scale(.98)}.spin-btn:disabled{opacity:.7;cursor:not-allowed}.won-badge{background:linear-gradient(135deg, var(--teal-500), var(--teal-800));color:#fff;border-radius:50px;justify-content:center;align-items:center;gap:6px;margin:6px auto;padding:8px 20px;font-family:"Baloo 2",cursive;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #00897b73}.result-card{background:#fff;border-radius:24px;margin:12px 20px 24px;padding:24px 20px;box-shadow:0 12px 40px #004d4033}.result-store{color:var(--sub);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.result-prize{color:var(--teal-700);letter-spacing:-.5px;word-break:break-word;margin-bottom:6px;font-family:"Baloo 2",cursive;font-size:26px;font-weight:800;line-height:1.2}.result-desc{color:var(--sub);margin-bottom:16px;font-size:13px;line-height:1.5}.result-divider{border:none;border-top:2px dashed #b2dfdb;margin-bottom:16px}.coupon-box{background:var(--teal-50);border-radius:16px;padding:16px}.coupon-label{color:var(--sub);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700}.coupon-code{color:var(--teal-600);letter-spacing:4px;word-break:break-all;margin-bottom:12px;font-family:"Baloo 2",cursive;font-size:32px;font-weight:800}.coupon-meta{flex-direction:column;gap:6px;display:flex}.meta-row{color:var(--text);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.warn-box{background:var(--red-l);color:var(--red);border-radius:8px;margin-top:14px;padding:10px 12px;font-size:11px;font-style:italic;line-height:1.5}.result-bar{background:linear-gradient(to top, var(--teal-900) 70%, transparent);z-index:10;margin-top:auto;padding:16px 20px 24px;position:sticky;bottom:0;left:0;right:0}.wa-btn{background:var(--wa);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;margin-bottom:12px;font-family:"Baloo 2",cursive;font-size:16px;font-weight:700;text-decoration:none;transition:transform .1s;display:flex;box-shadow:0 4px 14px #25d36659}.wa-btn:active{transform:scale(.98)}.result-btn-row{gap:10px;display:flex}.result-btn-half{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;height:44px;font-family:"Baloo 2",cursive;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,transform .1s;display:flex}.result-btn-half:active{transform:scale(.98)}.btn-review{border:2px solid var(--teal-500);color:var(--teal-600);background:#fff}.btn-share{color:var(--sub);background:#fff;border:2px solid #cfd8dc}.result-card-lose{text-align:center;flex-direction:column;align-items:center;padding:24px 0;display:flex}.result-lose-emoji{margin-bottom:12px;font-size:48px}.result-lose-heading{color:var(--text);margin:0 0 8px;font-size:22px;font-weight:800}.result-lose-subtext{color:var(--sub);margin:0;font-size:14px;line-height:1.5}@keyframes scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.anim-scale-in{animation:.4s ease-out both scaleIn}.anim-float{animation:3s ease-in-out infinite float}.page-wrapper{flex-direction:column;width:100%;min-height:100vh;display:flex}