@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f7f8ff;background:#070b18;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 15%,#17224b 0,transparent 35%),#070b18;color:#fff}button,input{font:inherit}button{cursor:pointer}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-hero{padding:56px 8vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-hero:after{content:"";position:absolute;width:430px;height:430px;border:1px solid #253567;border-radius:50%;right:-180px;top:50%;transform:translateY(-50%);box-shadow:0 0 90px #25356755}.brand{position:absolute;top:34px;left:48px;display:flex;align-items:center;gap:10px;font-family:Manrope;font-weight:800}.auth-hero h1,.game-copy h1{font:800 clamp(42px,6vw,78px)/.98 Manrope;margin:0;letter-spacing:-4px}.auth-hero h1 span,.game-copy h1 span{color:#ffcc45}.auth-hero>p{font-size:18px;color:#aab3cf;max-width:500px;line-height:1.7}.trust{display:flex;align-items:center;gap:9px;color:#8edfbf;font-size:14px;margin-top:28px}.auth-panel{display:grid;place-items:center;padding:32px;background:#0d1224aa;border-left:1px solid #202b4c}.auth-card{width:min(440px,100%);padding:38px;border:1px solid #29324f;border-radius:24px;background:#11172b;box-shadow:0 24px 80px #0008}.eyebrow{font-size:11px;letter-spacing:2.2px;color:#ffcc45;font-weight:700}.auth-card h2,.modal-card h2{font:800 31px Manrope;margin:9px 0 4px}.muted{color:#98a3c1}.form-stack{display:flex;flex-direction:column;gap:11px;margin-top:28px}.form-stack label{font-size:13px;color:#cdd3e7}.form-stack input{width:100%;padding:15px 16px;background:#0a0f20;color:#fff;border:1px solid #303a5e;border-radius:12px;outline:none}.form-stack input:focus{border-color:#ffcc45;box-shadow:0 0 0 3px #ffcc4520}.form-stack .phone-input{display:flex;flex-direction:row;align-items:stretch;width:100%;overflow:hidden;background:#0a0f20;border:1px solid #303a5e;border-radius:12px}.form-stack .phone-prefix{display:flex;flex:0 0 auto;align-items:center;justify-content:center;padding:0 14px;color:#fff;font-weight:600;white-space:nowrap;background:#141b31;border-right:1px solid #303a5e}.form-stack .phone-input input{flex:1 1 auto;width:1%;min-width:0;margin:0;border:0;border-radius:0;box-shadow:none}.form-stack .phone-input input:focus{border:0;box-shadow:none}.form-stack .phone-input:focus-within{border-color:#ffcc45;box-shadow:0 0 0 3px #ffcc4520}.otp-input{letter-spacing:12px;text-align:center;font-size:22px}.primary-btn,.spin-btn{border:0;border-radius:12px;background:#ffcc45;color:#141414;padding:15px 20px;font-weight:800;transition:.2s}.primary-btn:hover,.spin-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.text-btn{border:0;background:transparent;color:#aeb8d6}.field-error{color:#ff8a85;font-size:12px;margin:0}.error-banner{background:#471f2a;border:1px solid #7a3548;color:#ffb5b1;padding:12px 14px;border-radius:11px;margin-top:18px;font-size:13px}.game-page{min-height:100vh}.topbar{height:80px;padding:0 48px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid #1d2744;background:#080d1bd9;backdrop-filter:blur(16px)}.topbar .brand{position:static;margin-right:auto}.user-block{display:flex;align-items:center;gap:14px;color:#aab4d0;font-size:13px}.icon-btn,.modal-close{border:1px solid #2f395b;background:#11182e;color:#dce2f5;border-radius:10px;width:38px;height:38px;display:grid;place-items:center}.game-content{max-width:1100px;margin:0 auto;padding:54px 28px 70px;text-align:center}.game-copy p{color:#9ca8c6}.game-copy h1{font-size:clamp(42px,5vw,68px)}.wheel-wrap{width:min(520px,88vw);aspect-ratio:1;margin:30px auto 10px;position:relative}.wheel{width:100%;height:100%;transition:transform 4.4s cubic-bezier(.12,.67,.08,1);filter:drop-shadow(0 24px 30px #0008)}.wheel svg{width:100%;height:100%}.wheel-label{font:800 16px Manrope;fill:#111827}.hub-label{font:800 18px Manrope;fill:#fff}.pointer{position:absolute;left:50%;top:-13px;transform:translate(-50%);z-index:5;color:#fff;font-size:35px;text-shadow:0 3px 12px #000}.spin-btn{font-size:17px;min-width:220px}.attempts{color:#8c98b8;font-size:13px}.prize-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:34px}.prize-strip div{background:#0d1428;border:1px solid #202b4c;border-radius:12px;padding:13px;text-align:left;color:#bec7dd;font-size:13px}.prize-strip span{color:#ffcc45;font-size:10px;margin-right:9px}.compact{max-width:460px;margin:18px auto}.modal-backdrop{position:fixed;inset:0;background:#02040bbd;backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;z-index:20}.modal-card{position:relative;text-align:center;width:min(390px,100%);padding:38px;border:1px solid #303a5c;border-radius:22px;background:#11172b}.modal-close{position:absolute;right:15px;top:15px}.trophy{margin:0 auto 22px;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#ffcc45;color:#191919}.modal-card .primary-btn{width:100%;margin-top:18px}.screen-center{height:100vh;display:grid;place-items:center}.loader{width:36px;height:36px;border:3px solid #263251;border-top-color:#ffcc45;border-radius:50%;animation:rot .8s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}@media(max-width:800px){.auth-page{grid-template-columns:1fr}.auth-hero{min-height:38vh;padding:90px 28px 30px}.auth-hero h1{font-size:46px;letter-spacing:-2px}.auth-panel{border-left:0;border-top:1px solid #202b4c;padding:28px}.brand{left:28px}.topbar{padding:0 20px}.user-block span{display:none}.prize-strip{grid-template-columns:repeat(2,1fr)}}.mobile-first{max-width:760px}.venue-chip{display:inline-flex;align-items:center;gap:6px;background:#111a31;border:1px solid #28365d;border-radius:999px;padding:8px 12px;color:#c5cee4;font-size:12px;margin-top:8px}.location-btn{display:flex;align-items:center;gap:7px;margin:10px auto 0;border:0;background:transparent;color:#8fa0c8;font-size:12px;padding:6px 10px}.success-banner{background:#123b30;border:1px solid #246e58;color:#a8f0d2;padding:12px 14px;border-radius:11px}.spin-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.redeem-inline{background:#8ee2b8}.cooldown-copy{color:#9ca8c6;font-size:13px;line-height:1.5}.cooldown-copy strong{color:#fff}.mobile-first .wheel-wrap{width:min(500px,94vw)}@media(max-width:520px){.topbar{height:64px}.game-content{padding:30px 14px 42px}.game-copy h1{font-size:42px;letter-spacing:-2px}.game-copy p{font-size:14px}.wheel-wrap{margin-top:18px}.wheel-label{font-size:14px}.spin-btn{width:min(330px,92vw);min-height:52px}.prize-strip{gap:7px;margin-top:24px}.prize-strip div{padding:10px 8px;font-size:11px}.modal-card{padding:34px 22px 24px;border-radius:20px}.user-block{gap:8px}}.completed-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#17224b 0,transparent 38%),#070b18}.completed-card{width:min(430px,100%);padding:42px 32px;text-align:center;border:1px solid #29324f;border-radius:24px;background:#11172b;box-shadow:0 24px 80px #0008}.completed-brand{position:static;justify-content:center;margin-bottom:34px}.completed-icon{width:92px;height:92px;display:grid;place-items:center;margin:0 auto 26px;color:#10261d;background:#8ee2b8;border-radius:50%;box-shadow:0 0 40px #8ee2b833}.completed-card h1{margin:10px 0;font:800 34px Manrope;color:#fff}.completed-card p{margin:0 auto;max-width:320px;color:#98a3c1;line-height:1.6}.completed-note{margin-top:28px;padding:13px;color:#a8f0d2;background:#123b30;border:1px solid #246e58;border-radius:11px;font-size:13px}
