@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/css/all.min.css";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}.App{text-align:center;background-size:cover;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.App>img{max-width:50%}input{margin-right:8px;padding:8px;font-size:16px}h1{color:#fff;letter-spacing:1px;text-align:center;-webkit-text-stroke:.1px #ca92ca;margin-bottom:1.5rem;font-family:Tajawal;font-size:2.5rem;font-weight:700}button{cursor:pointer;color:#fff;background:#ca92ca;border:none;border-radius:8px;padding:10px 20px;font-family:Tajawal;font-size:16px;font-weight:500;transition:background .3s,transform .2s;box-shadow:0 4px 12px #a060d14d}button:hover{color:#05141f;background:#fff;transform:translateY(-2px)}button:active{transform:translateY(0);box-shadow:0 2px 6px #a060d14d}.pageContainer{z-index:3;opacity:.8;justify-content:center;align-items:center;gap:2rem;display:flex;position:relative}.inputField{padding-top:150px}.inputField input{color:#333;background-color:#fff;border:1.5px solid #ccc;border-radius:6px;width:100%;max-width:400px;padding:10px 14px;font-size:16px;transition:border-color .2s,box-shadow .2s}.inputField input::placeholder{color:#888}.inputField input:focus{border-color:#05141f;outline:none;box-shadow:0 0 4px #a060d14d}.spin-button{color:#fff;cursor:pointer;z-index:10;background-color:#05141f;border:4px solid #fff;border-radius:50%;width:110px;height:110px;font-size:16px;font-weight:700;transition:background .3s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0003}.spin-button img{width:100%}.spin-button:hover{background-color:#fff;transform:translate(-50%,-50%)scale(1.05)}.spin-button:hover img{filter:brightness()invert()}.spin-button:active{transform:translate(-50%,-50%)scale(.97)}.spin-button:disabled{cursor:not-allowed}.wheel-indicator-image{max-width:100px;max-height:100px;position:absolute;top:0;left:50%;transform:translate(-50%)translateY(-50%)}.wheel-indicator{z-index:15;border-top:36px solid red;border-left:24px solid #0000;border-right:24px solid #0000;width:0;height:0;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.wheel-indicator:after{content:"";z-index:16;border-top:33px solid #8b0000;border-left:24px solid #0000;border-right:24px solid #0000;width:0;height:0;position:absolute;top:-36px;left:-24px}.winner-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.winner-modal{text-align:center;background:#ffffffe6;border:2px solid #05141f;border-radius:10px;padding:2rem 3rem;font-family:Tajawal;box-shadow:0 0 20px #0000004d}.winner-modal h1{color:#05141f;margin:0;font-size:4rem}.winner-modal h2{color:#05141f;margin-top:0;margin-bottom:1rem}.winner-modal button{color:#fff;cursor:pointer;background-color:#05141f;border:none;border-radius:6px;padding:8px 16px}.winner-modal button:hover{color:#05141f;background-color:#fff}.wheel-wrapper{box-sizing:border-box;border-radius:50%;width:calc(-4rem + min(100vw,100vh));height:calc(-4rem + min(100vw,100vh));padding:15px;position:relative;box-shadow:0 15px 35px #0006,0 3px 10px #0003,inset 0 -10px 20px #0009,inset 0 10px 20px #ffffff0d}.wheel-wrapper canvas{border-radius:50%;display:block;width:100%!important;height:100%!important}video{z-index:0;object-fit:cover;width:100vw;height:100vh;position:fixed;top:0;left:0}.video-overlay{z-index:2;background:#0006;width:100vw;height:100vh;position:fixed;top:0;left:0}