.sw-root{--cf-primary:gold;--cf-bg:#0a1855;--cf-text:#0a1855;--cf-primary-dark:color-mix(in srgb, var(--cf-primary) 80%, #000);--cf-bg-light:color-mix(in srgb, var(--cf-bg) 55%, #fff);background:radial-gradient(ellipse at center, var(--cf-bg-light) 0%, var(--cf-bg) 70%);color:#fff;min-height:100vh;font-family:var(--font-poppins), "Poppins", sans-serif;overflow-x:hidden}.sw-root[dir=rtl]{font-family:var(--font-cairo), var(--font-poppins), "Cairo", "Poppins", sans-serif}.sw-root .text-gold{color:var(--cf-primary)}.sw-root .text-gold-dark{color:var(--cf-primary-dark)}.sw-root .bg-gold{background-color:var(--cf-primary)}.sw-root .bg-gold-dark{background-color:var(--cf-primary-dark)}.sw-root .text-navy{color:var(--cf-text)}.sw-root .bg-navy{background-color:var(--cf-bg)}.sw-stars{pointer-events:none;z-index:0;position:fixed;inset:0}.sw-star{width:2px;height:2px;animation:sw-twinkle var(--dur) ease-in-out infinite alternate;background:#fff;border-radius:50%;position:absolute}@keyframes sw-twinkle{0%{opacity:.2;transform:scale(1)}to{opacity:1;transform:scale(1.4)}}@keyframes sw-pulseGlow{0%,to{box-shadow:0 0 20px color-mix(in srgb, var(--cf-primary) 40%, transparent), 0 0 40px color-mix(in srgb, var(--cf-primary-dark) 20%, transparent)}50%{box-shadow:0 0 30px color-mix(in srgb, var(--cf-primary) 80%, transparent), 0 0 60px color-mix(in srgb, var(--cf-primary-dark) 40%, transparent)}}.sw-pulse-glow{animation:2s ease-in-out infinite sw-pulseGlow}.sw-pointer{border-left:16px solid #0000;border-right:16px solid #0000;border-top:32px solid var(--cf-primary);width:0;height:0;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--cf-primary) 80%, transparent));z-index:20}.sw-glass-card{background:color-mix(in srgb, var(--cf-bg) 88%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid color-mix(in srgb, var(--cf-bg-light) 45%, transparent);box-shadow:0 0 40px color-mix(in srgb, var(--cf-bg-light) 20%, transparent), inset 0 0 40px color-mix(in srgb, var(--cf-bg-light) 5%, transparent)}.sw-fade-in{animation:.5s ease-out forwards sw-fadeIn}@keyframes sw-fadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sw-shimmer{0%{background-position:-200%}to{background-position:200%}}.sw-shimmer-text{background:linear-gradient(90deg, var(--cf-primary) 0%, #fff 25%, var(--cf-primary) 50%, #fff 75%, var(--cf-primary) 100%);-webkit-text-fill-color:transparent;color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite sw-shimmer}.sw-canvas{aspect-ratio:1;width:90vw;max-width:400px;height:auto}.sw-modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3}.sw-root ::selection{background:color-mix(in srgb, var(--cf-primary) 30%, transparent);color:#fff}.sw-root ::-webkit-scrollbar{width:6px}.sw-root ::-webkit-scrollbar-track{background:var(--cf-bg)}.sw-root ::-webkit-scrollbar-thumb{background:var(--cf-bg-light);border-radius:3px}
.sc-root{--cf-primary:gold;--cf-bg:#0a1855;--cf-text:#0a1855;--cf-primary-dark:color-mix(in srgb, var(--cf-primary) 80%, #000);--cf-bg-light:color-mix(in srgb, var(--cf-bg) 55%, #fff);background:radial-gradient(ellipse at center, var(--cf-bg-light) 0%, var(--cf-bg) 70%);color:#fff;min-height:100vh;font-family:var(--font-poppins), "Poppins", sans-serif;overflow-x:hidden}.sc-root[dir=rtl]{font-family:var(--font-cairo), var(--font-poppins), "Cairo", "Poppins", sans-serif}.sc-root .text-gold{color:var(--cf-primary)}.sc-root .text-gold-dark{color:var(--cf-primary-dark)}.sc-root .bg-gold{background-color:var(--cf-primary)}.sc-root .bg-gold-dark{background-color:var(--cf-primary-dark)}.sc-root .text-navy{color:var(--cf-text)}.sc-root .bg-navy{background-color:var(--cf-bg)}.sc-stars{pointer-events:none;z-index:0;position:fixed;inset:0}.sc-star{width:2px;height:2px;animation:sc-twinkle var(--dur) ease-in-out infinite alternate;background:#fff;border-radius:50%;position:absolute}@keyframes sc-twinkle{0%{opacity:.2;transform:scale(1)}to{opacity:1;transform:scale(1.4)}}@keyframes sc-pulseGlow{0%,to{box-shadow:0 0 20px color-mix(in srgb, var(--cf-primary) 40%, transparent), 0 0 40px color-mix(in srgb, var(--cf-primary-dark) 20%, transparent)}50%{box-shadow:0 0 30px color-mix(in srgb, var(--cf-primary) 80%, transparent), 0 0 60px color-mix(in srgb, var(--cf-primary-dark) 40%, transparent)}}.sc-pulse-glow{animation:2s ease-in-out infinite sc-pulseGlow}.sc-glass-card{background:color-mix(in srgb, var(--cf-bg) 88%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid color-mix(in srgb, var(--cf-bg-light) 45%, transparent);box-shadow:0 0 40px color-mix(in srgb, var(--cf-bg-light) 20%, transparent), inset 0 0 40px color-mix(in srgb, var(--cf-bg-light) 5%, transparent)}.sc-fade-in{animation:.5s ease-out forwards sc-fadeIn}@keyframes sc-fadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sc-shimmer{0%{background-position:-200%}to{background-position:200%}}.sc-shimmer-text{background:linear-gradient(90deg, var(--cf-primary) 0%, #fff 25%, var(--cf-primary) 50%, #fff 75%, var(--cf-primary) 100%);-webkit-text-fill-color:transparent;color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite sc-shimmer}.sc-card-outer{background:linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 35%, var(--cf-primary) 65%, color-mix(in srgb, var(--cf-primary) 80%, #fff) 100%);border-radius:24px;width:100%;padding:3px;animation:2.5s ease-in-out infinite sc-pulseBorder}@keyframes sc-pulseBorder{0%,to{box-shadow:0 0 18px color-mix(in srgb, var(--cf-primary) 50%, transparent), 0 0 50px color-mix(in srgb, var(--cf-primary-dark) 20%, transparent)}50%{box-shadow:0 0 36px color-mix(in srgb, var(--cf-primary) 90%, transparent), 0 0 80px color-mix(in srgb, var(--cf-primary-dark) 45%, transparent)}}.sc-card-inner{background:color-mix(in srgb, var(--cf-bg) 95%, transparent);box-sizing:border-box;border-radius:22px;width:100%;padding:20px}.sc-scratch-wrap{aspect-ratio:340/210;-webkit-user-select:none;user-select:none;border-radius:16px;width:100%;max-width:340px;position:relative;overflow:hidden}.sc-prize-layer{background:linear-gradient(135deg, var(--cf-bg) 0%, var(--cf-bg-light) 50%, var(--cf-bg) 100%);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.sc-canvas{cursor:crosshair;touch-action:none;border-radius:16px;position:absolute;inset:0}.sc-float{animation:3.2s ease-in-out infinite sc-float}@keyframes sc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sc-progress-bar{background:color-mix(in srgb, var(--cf-primary) 15%, transparent);border-radius:99px;height:4px;overflow:hidden}.sc-progress-fill{background:linear-gradient(90deg, var(--cf-primary-dark), var(--cf-primary));border-radius:99px;width:0%;height:100%;transition:width .15s ease-out}.sc-step-dot{background:linear-gradient(135deg, var(--cf-primary), var(--cf-primary-dark));width:32px;height:32px;color:var(--cf-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:900;display:flex}.sc-modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3}.sc-root ::selection{background:color-mix(in srgb, var(--cf-primary) 30%, transparent);color:#fff}.sc-root ::-webkit-scrollbar{width:6px}.sc-root ::-webkit-scrollbar-track{background:var(--cf-bg)}.sc-root ::-webkit-scrollbar-thumb{background:var(--cf-bg-light);border-radius:3px}
.mb-root{--cf-primary:gold;--cf-bg:#0a1855;--cf-text:#0a1855;--cf-primary-dark:color-mix(in srgb, var(--cf-primary) 80%, #000);--cf-bg-light:color-mix(in srgb, var(--cf-bg) 55%, #fff);background:radial-gradient(ellipse at center, var(--cf-bg-light) 0%, var(--cf-bg) 70%);color:#fff;min-height:100vh;font-family:var(--font-poppins), "Poppins", sans-serif;overflow-x:hidden}.mb-root[dir=rtl]{font-family:var(--font-cairo), var(--font-poppins), "Cairo", "Poppins", sans-serif}.mb-root .text-gold{color:var(--cf-primary)}.mb-root .text-gold-dark{color:var(--cf-primary-dark)}.mb-root .bg-gold{background-color:var(--cf-primary)}.mb-root .bg-gold-dark{background-color:var(--cf-primary-dark)}.mb-root .text-navy{color:var(--cf-text)}.mb-root .bg-navy{background-color:var(--cf-bg)}.mb-stars{pointer-events:none;z-index:0;position:fixed;inset:0}.mb-star{width:2px;height:2px;animation:mb-twinkle var(--dur) ease-in-out infinite alternate;background:#fff;border-radius:50%;position:absolute}@keyframes mb-twinkle{0%{opacity:.2;transform:scale(1)}to{opacity:1;transform:scale(1.4)}}@keyframes mb-pulseGlow{0%,to{box-shadow:0 0 20px color-mix(in srgb, var(--cf-primary) 40%, transparent), 0 0 40px color-mix(in srgb, var(--cf-primary-dark) 20%, transparent)}50%{box-shadow:0 0 30px color-mix(in srgb, var(--cf-primary) 80%, transparent), 0 0 60px color-mix(in srgb, var(--cf-primary-dark) 40%, transparent)}}.mb-pulse-glow{animation:2s ease-in-out infinite mb-pulseGlow}.mb-glass-card{background:color-mix(in srgb, var(--cf-bg) 88%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid color-mix(in srgb, var(--cf-bg-light) 45%, transparent);box-shadow:0 0 40px color-mix(in srgb, var(--cf-bg-light) 20%, transparent), inset 0 0 40px color-mix(in srgb, var(--cf-bg-light) 5%, transparent)}.mb-fade-in{animation:.5s ease-out forwards mb-fadeIn}@keyframes mb-fadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mb-shimmer{0%{background-position:-200%}to{background-position:200%}}.mb-shimmer-text{background:linear-gradient(90deg, var(--cf-primary) 0%, #fff 25%, var(--cf-primary) 50%, #fff 75%, var(--cf-primary) 100%);-webkit-text-fill-color:transparent;color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite mb-shimmer}.mb-box-wrap{cursor:pointer;perspective:800px;width:220px;height:220px;position:relative}.mb-box-body{background:linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 50%, var(--cf-primary) 100%);height:160px;box-shadow:0 8px 32px color-mix(in srgb, var(--cf-primary) 40%, transparent), inset 0 2px 0 #ffffff4d;border-radius:12px 12px 16px 16px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.mb-box-body:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0000 45%,#ffffff26 50%,#0000 55%);position:absolute;inset:0}.mb-box-body:after{content:"";background:color-mix(in srgb, var(--cf-bg) 60%, transparent);border-radius:6px;width:12px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.mb-box-lid{background:linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 60%, var(--cf-primary) 100%);transform-origin:bottom;height:72px;box-shadow:0 -4px 20px color-mix(in srgb, var(--cf-primary) 50%, transparent), inset 0 -2px 0 #0003;z-index:2;border-radius:14px;justify-content:center;align-items:center;transition:transform .6s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:0;left:-8px;right:-8px}.mb-box-lid:after{content:"";background:color-mix(in srgb, var(--cf-bg) 60%, transparent);border-radius:6px;width:12px;height:100%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mb-bow{z-index:3;justify-content:center;align-items:center;width:60px;height:36px;display:flex;position:absolute;top:-18px}.mb-bow:before,.mb-bow:after{content:"";background:color-mix(in srgb, var(--cf-bg) 70%, transparent);border-radius:50% 50% 0 0/60% 60% 0 0;width:24px;height:20px;position:absolute}.mb-bow:before{left:0;transform:rotate(-30deg)}.mb-bow:after{right:0;transform:rotate(30deg)}.mb-box-wrap.mb-open .mb-box-lid{transform:rotateX(-120deg)translateY(-10px)}.mb-particle{background:var(--cf-primary);pointer-events:none;width:8px;height:8px;animation:mb-burst var(--bur-dur,.8s) ease-out forwards;border-radius:50%;position:absolute}@keyframes mb-burst{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--bx), var(--by)) scale(0);opacity:0}}.mb-float{animation:3s ease-in-out infinite mb-float}@keyframes mb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.mb-box-wrap.mb-open .mb-float{animation:none}.mb-glow-ring{background:radial-gradient(circle, color-mix(in srgb, var(--cf-primary) 25%, transparent) 0%, transparent 70%);pointer-events:none;border-radius:50%;animation:2s ease-in-out infinite mb-ringPulse;position:absolute;inset:-24px}@keyframes mb-ringPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.mb-modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3}.mb-root ::selection{background:color-mix(in srgb, var(--cf-primary) 30%, transparent);color:#fff}.mb-root ::-webkit-scrollbar{width:6px}.mb-root ::-webkit-scrollbar-track{background:var(--cf-bg)}.mb-root ::-webkit-scrollbar-thumb{background:var(--cf-bg-light);border-radius:3px}
.qf-root{--cf-primary:gold;--cf-bg:#0a1855;--cf-text:#0a1855;--cf-primary-dark:color-mix(in srgb, var(--cf-primary) 80%, #000);--cf-bg-light:color-mix(in srgb, var(--cf-bg) 55%, #fff);background:radial-gradient(ellipse at center, var(--cf-bg-light) 0%, var(--cf-bg) 70%);color:#fff;min-height:100vh;font-family:var(--font-poppins), "Poppins", sans-serif;overflow-x:hidden}.qf-root[dir=rtl]{font-family:var(--font-cairo), var(--font-poppins), "Cairo", "Poppins", sans-serif}.qf-root .text-gold{color:var(--cf-primary)}.qf-root .text-gold-dark{color:var(--cf-primary-dark)}.qf-root .bg-gold{background-color:var(--cf-primary)}.qf-root .bg-gold-dark{background-color:var(--cf-primary-dark)}.qf-root .text-navy{color:var(--cf-text)}.qf-root .bg-navy{background-color:var(--cf-bg)}.qf-stars{pointer-events:none;z-index:0;position:fixed;inset:0}.qf-star{width:2px;height:2px;animation:qf-twinkle var(--dur) ease-in-out infinite alternate;background:#fff;border-radius:50%;position:absolute}@keyframes qf-twinkle{0%{opacity:.2;transform:scale(1)}to{opacity:1;transform:scale(1.4)}}@keyframes qf-pulseGlow{0%,to{box-shadow:0 0 20px color-mix(in srgb, var(--cf-primary) 40%, transparent), 0 0 40px color-mix(in srgb, var(--cf-primary-dark) 20%, transparent)}50%{box-shadow:0 0 30px color-mix(in srgb, var(--cf-primary) 80%, transparent), 0 0 60px color-mix(in srgb, var(--cf-primary-dark) 40%, transparent)}}.qf-pulse-glow{animation:2s ease-in-out infinite qf-pulseGlow}.qf-glass-card{background:color-mix(in srgb, var(--cf-bg) 88%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid color-mix(in srgb, var(--cf-bg-light) 45%, transparent);box-shadow:0 0 40px color-mix(in srgb, var(--cf-bg-light) 20%, transparent), inset 0 0 40px color-mix(in srgb, var(--cf-bg-light) 5%, transparent)}.qf-fade-in{animation:.5s ease-out forwards qf-fadeIn}@keyframes qf-fadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes qf-shimmer{0%{background-position:-200%}to{background-position:200%}}.qf-shimmer-text{background:linear-gradient(90deg, var(--cf-primary) 0%, #fff 25%, var(--cf-primary) 50%, #fff 75%, var(--cf-primary) 100%);-webkit-text-fill-color:transparent;color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite qf-shimmer}.qf-progress-bar{background:color-mix(in srgb, var(--cf-primary) 15%, transparent);border-radius:99px;height:6px;overflow:hidden}.qf-progress-fill{background:linear-gradient(90deg, var(--cf-primary-dark), var(--cf-primary));border-radius:99px;height:100%;transition:width .4s ease-out}.qf-answer-btn{text-align:left;border:2px solid color-mix(in srgb, var(--cf-bg-light) 40%, transparent);background:color-mix(in srgb, var(--cf-bg-light) 15%, transparent);color:#fff;cursor:pointer;border-radius:12px;width:100%;padding:14px 20px;font-size:.95rem;transition:border-color .2s,background .2s,transform .15s}.qf-answer-btn:hover{border-color:var(--cf-primary);background:color-mix(in srgb, var(--cf-primary) 12%, transparent);transform:translate(4px)}.qf-answer-btn.qf-selected{border-color:var(--cf-primary);background:color-mix(in srgb, var(--cf-primary) 20%, transparent)}.qf-modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3}.qf-root ::selection{background:color-mix(in srgb, var(--cf-primary) 30%, transparent);color:#fff}.qf-root ::-webkit-scrollbar{width:6px}.qf-root ::-webkit-scrollbar-track{background:var(--cf-bg)}.qf-root ::-webkit-scrollbar-thumb{background:var(--cf-bg-light);border-radius:3px}