:root{--prize-scale: clamp(.6rem, 1.05vw, 1rem)}.prize-draw{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background-image:url(/images/car-bg.avif);background-size:cover;background-position:center;font-family:Cairo,Segoe UI,system-ui,sans-serif;color:#fff;overflow:hidden;direction:rtl;text-align:right}.prize-draw__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#00000059,#00000026,#0000008c);pointer-events:none}.prize-draw__header{position:absolute;top:12%;left:5%;z-index:2}.prize-draw__logo{width:clamp(110px,14vw,220px);height:auto;object-fit:contain}.prize-draw__panel{position:absolute;top:50%;right:4%;transform:translateY(-50%);z-index:2;width:clamp(280px,38vw,520px);max-height:86vh;display:flex;flex-direction:column;gap:clamp(10px,1.6vh,22px)}.prize-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(18px,2.8vh,36px)}.prize-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,1.4vw,22px);padding:clamp(12px,1.8vh,26px) clamp(16px,2vw,32px);border-radius:clamp(14px,1.6vw,22px);background:#ffffff1f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.25);box-shadow:0 6px 24px #00000040;overflow:visible;cursor:pointer;transition:border-color .2s ease,transform .2s ease,background .2s ease}.prize-card:hover{background:#ffffff2e}.prize-card.is-selected{border-color:#e87a3e;box-shadow:0 6px 28px #e87a3e80;background:#e87a3e2e}.prize-card.is-won{cursor:not-allowed;pointer-events:none;background:linear-gradient(135deg,#2ea05a47,#1e6e3c38);border-color:#50c8788c;box-shadow:0 6px 24px #2ea05a40}.prize-card.is-won .prize-card__image{filter:drop-shadow(0 6px 16px rgba(0,0,0,.4)) grayscale(.25);opacity:.85}.prize-card.is-won:after{content:"✓ تم";position:absolute;top:10px;left:10px;right:auto;background:#2ea05a;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;box-shadow:0 4px 12px #2ea05a73;z-index:3}.prize-card__winner{font-size:clamp(12px,1vw,15px);color:#ffd89b;font-weight:600;margin-top:2px}.prize-card__text{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:1;text-align:right;min-width:0;direction:rtl}.prize-card__label{font-size:clamp(13px,1.1vw,18px);font-weight:500;color:#fff;letter-spacing:.3px}.prize-card__name{font-size:clamp(14px,1.25vw,20px);font-weight:600;color:#fff;direction:ltr;unicode-bidi:embed}.prize-card__image{width:clamp(75px,8vw,120px);height:clamp(90px,10vw,140px);object-fit:contain;object-position:bottom;flex-shrink:0;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4));margin-top:clamp(-30px,-2.4vw,-16px);margin-bottom:0;align-self:flex-end;position:relative;z-index:2}.prize-draw__cta{margin-top:clamp(4px,.8vh,10px);padding:clamp(12px,1.8vh,22px) clamp(20px,2.4vw,40px);border:none;border-radius:10px;background:#e87a3e;color:#fff;font-family:inherit;font-size:clamp(15px,1.3vw,22px);font-weight:700;cursor:pointer;transition:background .2s ease,transform .1s ease;box-shadow:0 6px 20px #e87a3e66}.prize-draw__cta:hover{background:#d96a2e}.prize-draw__cta:active{transform:translateY(1px)}.prize-draw__footer{position:absolute;bottom:12%;left:5%;z-index:2;font-size:clamp(14px,1.2vw,22px);font-weight:500;letter-spacing:.5px}.names-panel{position:absolute;top:14%;left:4%;z-index:2;width:clamp(220px,22vw,320px);max-height:72vh;display:flex;flex-direction:column;gap:10px;background:#00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:16px;direction:rtl}.names-panel__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2)}.names-panel__title{font-size:clamp(14px,1.1vw,18px);font-weight:700;color:#fff}.names-panel__count{background:#e87a3e;color:#fff;padding:2px 10px;border-radius:999px;font-size:13px;font-weight:600}.names-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:4px}.names-list::-webkit-scrollbar{width:6px}.names-list::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:3px}.names-list__item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:8px;font-size:14px;color:#fff;transition:background .2s ease,transform .2s ease}.names-list__item:hover{background:#ffffff14}.names-list__item.is-winner{background:#e87a3ed9;transform:scale(1.02);font-weight:700}.names-list__index{color:#ffffff8c;font-size:12px;min-width:22px}.names-list__name{flex:1;text-align:right}.upload-box{display:flex;flex-direction:column;gap:8px}.upload-box__btn{font-family:inherit;padding:10px 16px;border:1px dashed rgba(255,255,255,.45);border-radius:10px;background:#ffffff14;color:#fff;font-size:14px;cursor:pointer;transition:background .2s ease}.upload-box__btn:hover{background:#ffffff26}.upload-box__cols{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:#fffc;align-items:center}.upload-box__chip{background:#ffffff26;border:1px solid rgba(255,255,255,.2);padding:2px 8px;border-radius:999px;color:#fff}.prize-draw__cta:disabled{opacity:.6;cursor:not-allowed}.winner-banner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease}.winner-banner__card{background:linear-gradient(135deg,#e87a3e,#c85a20);padding:clamp(20px,4vw,50px) clamp(24px,5vw,70px);border-radius:clamp(14px,2vw,24px);display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.2vh,14px);box-shadow:0 20px 60px #00000080;width:min(92vw,620px);max-height:92vh;overflow-y:auto}.winner-banner__label{font-size:18px;color:#ffffffd9;font-weight:500}.winner-banner__name{font-size:clamp(26px,3vw,44px);font-weight:800;color:#fff;text-align:center}.winner-banner__close{font-family:inherit;margin-top:8px;padding:8px 24px;border:1px solid rgba(255,255,255,.5);border-radius:8px;background:transparent;color:#fff;font-size:14px;cursor:pointer}.winner-banner__close:hover{background:#ffffff26}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.toolbar-toggle{position:fixed;bottom:16px;right:16px;z-index:5;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease,background .2s ease,color .2s ease}.toolbar-toggle:hover{background:#000000b3;color:#fff}.toolbar-toggle.is-open{transform:rotate(90deg);color:#e87a3e}.toolbar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;background:transparent}.toolbar{position:fixed;bottom:70px;right:16px;z-index:4;display:flex;flex-direction:column;gap:8px;align-items:stretch;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px;min-width:220px;animation:fadeIn .2s ease}.toolbar__btn{font-family:inherit;padding:8px 14px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff14;color:#fff;font-size:13px;cursor:pointer;transition:background .2s ease}.toolbar__btn:hover:not(:disabled){background:#ffffff2e}.toolbar__btn:disabled{opacity:.4;cursor:not-allowed}.toolbar__btn--danger{border-color:#e83e3e99;color:#ffc9c9}.toolbar__btn--danger:hover:not(:disabled){background:#e83e3e40}.toolbar__count{color:#ffffffd9;font-size:12px;margin-inline-start:6px}.spin-display{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 20px;background:#00000080;border:1px solid rgba(232,122,62,.5);border-radius:14px;margin-top:6px}.spin-display__label{font-size:13px;color:#ffffffb3}.spin-display__name{font-size:clamp(18px,1.8vw,28px);font-weight:700;color:#ffd89b}.winner-banner__phone{color:#ffffffd9;font-size:14px}.spin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.spin-overlay__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(232,122,62,.25),transparent 60%),#000000c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.spin-overlay__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;padding:40px 60px;text-align:center}.spin-overlay__prize{font-size:clamp(16px,1.6vw,22px);color:#ffd89b;font-weight:600;letter-spacing:.5px}.spin-overlay__label{font-size:clamp(14px,1.2vw,18px);color:#ffffffb3}.spin-reel{position:relative;width:min(92vw,1100px);height:clamp(110px,16vh,180px);border-radius:20px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:2px solid rgba(232,122,62,.6);box-shadow:0 0 40px #e87a3e59,inset 0 0 60px #e87a3e14;overflow:hidden;display:flex;align-items:center;justify-content:center}.spin-reel:before,.spin-reel:after{content:"";position:absolute;left:0;right:0;height:30%;pointer-events:none;z-index:2}.spin-reel:before{top:0;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent)}.spin-reel:after{bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent)}.spin-reel__glow{position:absolute;top:40%;right:0;bottom:40%;left:0;background:linear-gradient(90deg,transparent,rgba(232,122,62,.5),transparent);z-index:1;animation:sweep 1.2s ease-in-out infinite}.spin-reel__name{position:relative;z-index:3;font-size:clamp(26px,3.8vw,56px);font-weight:800;color:#fff;white-space:nowrap;padding:0 20px;animation:reelPop .18s ease;text-shadow:0 2px 20px rgba(232,122,62,.6)}.spin-reel.is-locked{border-color:#ffd89b;box-shadow:0 0 60px #ffd89b99,inset 0 0 80px #ffd89b33;animation:lockedPulse .5s ease-in-out infinite alternate}.spin-reel__name.is-locked{animation:lockedName .6s ease-out;color:#ffd89b;text-shadow:0 4px 30px rgba(255,216,155,.9)}@keyframes lockedName{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1.08)}}@keyframes lockedPulse{0%{box-shadow:0 0 40px #ffd89b80,inset 0 0 60px #ffd89b26}to{box-shadow:0 0 80px #ffd89be6,inset 0 0 100px #ffd89b4d}}@keyframes reelPop{0%{transform:translateY(18px);opacity:0;filter:blur(4px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.spin-dots{display:flex;gap:8px}.spin-dots span{width:10px;height:10px;border-radius:50%;background:#e87a3e;animation:dotPulse 1s ease-in-out infinite}.spin-dots span:nth-child(2){animation-delay:.15s}.spin-dots span:nth-child(3){animation-delay:.3s}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.winner-banner{animation:fadeIn .35s ease}.winner-banner__card{animation:winnerPop .6s cubic-bezier(.2,1.4,.4,1);padding:50px 70px!important;background:linear-gradient(135deg,#e87a3e,#c85a20)!important;position:relative;overflow:hidden}.winner-banner__card{position:relative;overflow:hidden}.winner-banner__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.25),transparent 50%);pointer-events:none}.winner-banner__card>*{position:relative;z-index:1}.winner-banner__trophy{font-size:clamp(38px,7vw,80px);animation:trophyBounce 1.2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.winner-banner__label{font-size:clamp(16px,2.4vw,30px)!important;font-weight:700!important;color:#fff!important;letter-spacing:1px;text-align:center}.winner-banner__name{font-size:clamp(24px,5.5vw,62px)!important;font-weight:900!important;color:#fff!important;text-shadow:0 4px 24px rgba(0,0,0,.4);margin:4px 0;animation:nameGlow 2s ease-in-out infinite;text-align:center;word-break:break-word;line-height:1.15}.winner-banner__prize-text{font-size:clamp(15px,1.4vw,20px);color:#fffffff2;font-weight:500}.winner-banner__image{width:clamp(90px,22vw,200px);height:clamp(90px,22vw,200px);object-fit:contain;margin:6px 0;filter:drop-shadow(0 10px 26px rgba(0,0,0,.5));animation:prizeFloat 2.5s ease-in-out infinite}@keyframes prizeFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes winnerPop{0%{transform:scale(.5) rotate(-8deg);opacity:0}60%{transform:scale(1.08) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes trophyBounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}@keyframes nameGlow{0%,to{text-shadow:0 4px 24px rgba(0,0,0,.4),0 0 30px rgba(255,216,155,.3)}50%{text-shadow:0 4px 24px rgba(0,0,0,.4),0 0 50px rgba(255,216,155,.7)}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.confetti__piece{position:absolute;top:-20px;border-radius:2px;animation:confettiFall linear infinite;opacity:.9}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(720deg);opacity:.8}}@media (max-width: 768px){.prize-draw{position:relative;height:100vh;min-height:100vh}.prize-draw__overlay{background:linear-gradient(180deg,#00000040,#0000008c 40%,#000000bf)}.prize-draw__header{top:3%;left:50%;transform:translate(-50%)}.prize-draw__logo{width:clamp(100px,28vw,160px)}.prize-draw__panel{position:absolute;top:auto;bottom:8%;right:50%;transform:translate(50%);width:90vw;max-width:440px;gap:10px}.prize-list{gap:10px}.prize-card{padding:10px 16px;border-radius:14px;gap:12px}.prize-card__image{width:56px;height:56px}.prize-card__label{font-size:13px}.prize-card__name{font-size:14px}.prize-draw__cta{padding:12px 20px;font-size:15px}.prize-draw__footer,.names-panel{display:none}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:#111;font-family:Cairo,Segoe UI,system-ui,sans-serif}