:root{--aqua:#40AAC4;--deep:#278DA7;--ink:#174958;--cream:#FAFDFB;--gold:#D8B66A;--pale:#DDF2F5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 15%,#fff 0,#e9f7f9 42%,#d7eff3 100%);font-family:Cairo,Arial,sans-serif;color:var(--ink);text-align:center}.brand{display:flex;justify-content:center;align-items:center;gap:10px;padding:12px}.brand img{width:45px;height:54px;object-fit:contain}.brand div{display:flex;flex-direction:column;line-height:1.3}.brand b{letter-spacing:3px;color:var(--deep);font-size:17px}.brand span{font-size:10px;color:#537985}main{width:min(100% - 28px,480px);margin:0 auto}.screen{display:none;animation:up .45s ease}.screen.active{display:block}@keyframes up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--deep);font-weight:800;margin-top:10px}h1{font-size:clamp(38px,11vw,58px);line-height:1.15;margin:12px 0 5px;font-weight:900;color:#174958}h1 em{font-style:normal;color:var(--deep)}p{color:#557783;margin:8px 0 16px}.wheel-wrap{width:min(78vw,310px);height:min(78vw,310px);margin:18px auto 20px;position:relative;padding:12px;filter:drop-shadow(0 14px 18px #278da733)}.wheel{width:100%;height:100%;border:8px solid #fff;border-radius:50%;background:conic-gradient(#278da7 0 60deg,#e9f7f8 60deg 120deg,#40aac4 120deg 180deg,#f7e9c6 180deg 240deg,#278da7 240deg 300deg,#d4eef2 300deg 360deg);position:relative;transition:transform 4.2s cubic-bezier(.12,.78,.12,1);box-shadow:inset 0 0 0 3px #d5edf0}.wheel:before{content:"20%   هدية   10%   وافل   15%   مفاجأة";position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;color:#174958;font-weight:900;font-size:13px;word-spacing:12px;transform:rotate(-18deg);text-shadow:0 1px #fff}.wheel-center{position:absolute;z-index:2;inset:39%;border-radius:50%;background:#fff;border:5px solid var(--gold);display:grid;place-items:center;color:var(--deep);font-size:28px;font-weight:900}.pointer{position:absolute;z-index:4;top:0;left:calc(50% - 14px);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:28px solid var(--gold);filter:drop-shadow(0 2px 2px #0003)}button{font:800 17px Cairo;border:0;border-radius:999px;padding:13px 24px;width:min(100%,330px);cursor:pointer}.primary{background:linear-gradient(135deg,#278da7,#40aac4);color:white;box-shadow:0 8px 18px #278da744}.primary:disabled{opacity:.6}.secondary{background:white;color:var(--deep);border:1px solid #b9dfe6;margin-top:8px}small{display:block;color:#75949d;margin:12px}.win-label{color:var(--deep);font-weight:800}.confetti{color:var(--gold);font-size:30px;margin:8px}.voucher{background:#fff;border:2px dashed var(--aqua);border-radius:22px;padding:18px 16px;margin:18px auto;box-shadow:0 12px 30px #17495814;position:relative;overflow:hidden}.voucher:before,.voucher:after{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background:#e4f4f6;top:48%;}.voucher:before{right:-17px}.voucher:after{left:-17px}.voucher img{width:48px;height:58px;object-fit:contain}.voucher-caption{font-size:10px;letter-spacing:2px;color:#7c9ca4;font-weight:800}.voucher-code{font-size:clamp(22px,7vw,32px);font-weight:900;letter-spacing:2px;color:var(--deep);margin:10px 0}.voucher p{font-size:13px;margin:8px}.voucher b{font-size:13px;color:#174958}.voucher-foot{border-top:1px solid #e5f1f3;margin-top:14px;padding-top:10px;font-weight:800;color:var(--deep)}.fine{font-size:11px;color:#76929a;line-height:1.8}footer{padding:20px;color:#86aab2;font-size:11px}

/* Photo-led prize wheel and downloadable voucher */
.wheel{overflow:hidden;background:conic-gradient(from -30deg,#174958 0 60deg,#f7ecd4 60deg 120deg,#278da7 120deg 180deg,#f7ecd4 180deg 240deg,#174958 240deg 300deg,#dceff0 300deg 360deg);}
.wheel:before{display:none}
.wheel-prize{position:absolute;width:29%;height:29%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;z-index:1;color:#174958;font-weight:900;font-size:clamp(9px,2.7vw,12px);line-height:1.15;text-shadow:0 1px 2px #fff;text-align:center;}
.wheel-prize img{width:68px;height:48px;max-width:100%;object-fit:cover;border-radius:12px;border:2px solid #fff;box-shadow:0 3px 8px #0003;}
.wheel-prize span{background:#fffE;border-radius:8px;padding:1px 5px;white-space:nowrap;}
.p-coffee{left:35.5%;top:3%;}.p-waffle{left:62%;top:22%;}.p-burger{left:62%;top:57%;}.p-pasta{left:35.5%;top:70%;}.p-pizza{left:8%;top:57%;}.p-juice{left:8%;top:22%;}
.wheel-center{z-index:3;box-shadow:0 2px 8px #17495833;}
.result-prize-photo{width:min(76vw,310px);height:190px;margin:12px auto 14px;padding:7px;background:#fff;border:2px solid var(--gold);border-radius:18px;box-shadow:0 10px 24px #17495820;overflow:hidden;}
.result-prize-photo img{width:100%;height:100%;object-fit:cover;border-radius:11px;}
#saveBtn{background:linear-gradient(135deg,#174958,#278da7);}
@media(max-width:380px){.wheel-prize img{width:54px;height:40px}.wheel-prize{font-size:9px}.result-prize-photo{height:165px}}