:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}html{background:#111827}body{overscroll-behavior:none;min-width:320px;margin:0;position:fixed;inset:0}#root{min-height:0}button,input,textarea,select{font:inherit}.game-app{color:#fff;background:radial-gradient(circle at 50% 0,#26acff2e,#0000 74%),linear-gradient(#08111f 0%,#020711 100%);place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.mobile-stage{isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;background-position:50%;background-repeat:no-repeat;background-size:cover;width:min(100vw,480px);height:100svh;min-height:640px;max-height:940px;position:relative;overflow:hidden;box-shadow:0 0 60px #0000008a;container-type:size}.mobile-stage:before,.mobile-stage:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0}.mobile-stage:before{background:linear-gradient(#01081514 0%,#0000 34% 62%,#0108155c 100%),radial-gradient(circle at 50% 87%,#63ff4c38,#0000 27%)}.mobile-stage:after{background:linear-gradient(90deg,#00000075,#0000 18% 82%,#00000075)}.flow-stage{--brand-red:#ed1c24;--brand-red-rgb:237, 28, 36;--brand-red-light:#ff6269;touch-action:manipulation;-webkit-user-select:text;user-select:text}.auth-stage{height:var(--flow-viewport-height,100dvh);min-height:0;transform:translateY(var(--flow-viewport-offset-top,0px))}.auth-stage .flow-stage-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-block:12px;overflow-y:auto}.flow-stage:before{background:linear-gradient(180deg, #0107141a 0%, #01071452 44%, #010714e0 100%), radial-gradient(circle at 50% 80%, rgba(var(--brand-red-rgb), .2), transparent 31%)}.flow-stage:after{z-index:2;-webkit-backdrop-filter:blur(5px)saturate(.72)brightness(.72);background:#020409b3;border:1px solid #ffffff24;box-shadow:inset 0 1px #ffffff1f,inset 0 0 100px #0003}.flow-stage-content{z-index:3;flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}.flow-brand{text-align:center;text-transform:uppercase;text-shadow:0 3px 10px #000000b8;flex-direction:column;align-items:center;padding:0 24px;display:flex}.auth-stack{width:100%;min-height:100%;padding:max(22px, env(safe-area-inset-top)) 0 max(22px, env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-end;margin:0;display:flex}.auth-step,.ready-kicker{color:var(--brand-red-light);letter-spacing:0;text-transform:uppercase;font-size:clamp(.7rem,3.2cqw,.82rem);font-weight:850}.flow-brand strong{margin-top:6px;font-size:clamp(1.08rem,4.8cqw,1.45rem);font-weight:950;line-height:1.05}.flow-brand-logo{filter:drop-shadow(0 4px 10px #0000009e);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:clamp(118px,32cqw,154px);height:auto;display:block}.auth-panel{background:#030c19e0;border:1px solid #fff3;border-radius:8px;width:calc(100% - 32px);margin:14px auto 0;padding:clamp(16px,4cqw,22px);box-shadow:0 24px 50px #00000070}.auth-copy{margin-bottom:17px}.ready-copy h1{color:#fff;letter-spacing:0;margin:5px 0 7px;font-size:clamp(1.5rem,7cqw,2rem);font-weight:950;line-height:1.08}.ready-copy p{color:#ffffffbd;margin:0;font-size:clamp(.88rem,3.6cqw,1rem);line-height:1.45}.auth-copy h1{color:#fff;letter-spacing:0;margin:4px 0 6px;font-size:clamp(1.2rem,5.4cqw,1.55rem);font-weight:950;line-height:1.08}.auth-copy p{color:#ffffffb8;margin:0;font-size:clamp(.78rem,3.2cqw,.9rem);line-height:1.4}.field-label{color:#ffffffd6;margin-bottom:6px;font-size:.76rem;font-weight:750;display:block}.phone-field{background:#ffffff14;border:1px solid #ffffff47;border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;height:46px;transition:border-color .16s,box-shadow .16s;display:grid;overflow:hidden}.phone-field:focus-within{border-color:#9a9694d1;box-shadow:0 0 0 3px #18161933,0 8px 22px #0000002e}.phone-field.has-error{border-color:#ff5c85}.country-code{color:#fff;border-right:1px solid #ffffff2e;padding:0 11px;font-size:.86rem;font-weight:850}.phone-field input{appearance:none;color:#fff;min-width:0;caret-color:var(--brand-red);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;outline:0}.phone-field input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:var(--brand-red);box-shadow:inset 0 0 0 1000px #252329}.phone-field input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;caret-color:var(--brand-red);box-shadow:inset 0 0 0 1000px #252329}.phone-field input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:var(--brand-red);box-shadow:inset 0 0 0 1000px #252329}.phone-field input{width:100%;height:100%;padding:0 12px;font-size:16px;font-weight:750}.phone-field input::placeholder{color:#ffffff61}.phone-field input:disabled{opacity:1;cursor:wait}.otp-fields{grid-template-columns:repeat(4,minmax(0,62px));justify-content:center;gap:clamp(4px,1.4cqw,7px);display:grid;position:relative}.otp-cell{aspect-ratio:.94;color:#fff;text-align:center;width:100%;caret-color:var(--brand-red-light);appearance:none;background:#1211156b;border:1px solid #3e3b41e6;border-radius:6px;outline:0;place-items:center;font-size:max(16px,clamp(1rem,5cqw,1.28rem));font-weight:900;transition:border-color .16s,background .16s,box-shadow .16s;display:grid;box-shadow:inset 0 1px #ffffff14}.otp-cell:focus{background:#1211156b;border-color:#827d86f5;box-shadow:inset 0 1px #ffffff1f,0 0 0 2px #ffffff1f}.otp-fields.has-error .otp-cell{border-color:#ff5c85b8}.otp-cell:disabled{opacity:1;cursor:wait}.field-error,.field-notice,.mock-otp{margin:8px 0 0;font-size:.7rem;font-weight:700;line-height:1.35}.field-error,.field-notice{color:#ff8aa8}.mock-otp{color:#ffffffad}.primary-flow-button,.secondary-flow-button,.ready-button,.purchase-redeem-button,.back-button{cursor:pointer;letter-spacing:0;text-transform:uppercase;border:0;font-weight:900}.primary-flow-button,.ready-button{color:#fff;background:var(--brand-red);min-height:54px;box-shadow:0 12px 28px rgba(var(--brand-red-rgb), .3);border-radius:6px}.primary-flow-button{width:100%;min-height:46px;margin-top:17px;font-size:.84rem}.primary-flow-button:active,.ready-button:active,.purchase-redeem-button:active{transform:translateY(1px)}.primary-flow-button:disabled,.secondary-flow-button:disabled,.ready-button:disabled,.purchase-redeem-button:disabled,.back-button:disabled,.scratch-action-button:disabled{opacity:.68;cursor:wait;transform:none}.secondary-flow-button{color:#ffffffd1;background:0 0;width:100%;min-height:38px;margin-top:5px;font-size:.78rem}.back-button{color:#ffffffe0;background:0 0;border-radius:4px;place-items:center;width:32px;height:32px;margin:-5px 0 10px;padding:0;display:grid}.status-loader{gap:9px;margin-top:18px;display:grid}.status-skeleton-line{background:linear-gradient(90deg,#ffffff14,#ffffff38,#ffffff14) 0 0/220% 100%;border-radius:999px;width:100%;height:11px;animation:1.15s ease-in-out infinite statusShimmer;display:block}.status-skeleton-line.is-short{width:64%}@keyframes statusShimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.back-button:focus-visible{outline-offset:2px;outline:2px solid #ffffff80}.back-icon{width:17px;height:14px;display:block;position:relative}.back-icon:before{content:"";border-bottom:2px solid;border-left:2px solid;width:7px;height:7px;position:absolute;top:3px;left:1px;transform:rotate(45deg)}.back-icon:after{content:"";background:currentColor;border-radius:2px;width:14px;height:2px;position:absolute;top:6px;left:2px}.purchase-screen-content{flex-direction:column;width:100%;min-height:100cqh;padding:0;display:flex;position:relative}.purchase-panel{width:100%;min-height:100cqh;padding:max(28px, env(safe-area-inset-top)) clamp(16px, 4cqw, 22px) max(24px, env(safe-area-inset-bottom));box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.purchase-panel .flow-brand{margin-bottom:18px}.purchase-copy{text-align:center;margin-bottom:18px;padding-top:12px}.purchase-copy h1{color:#fff;letter-spacing:0;margin:0;font-size:clamp(1.42rem,6.2cqw,1.84rem);font-weight:950;line-height:1.08}.purchase-list{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:10px;min-height:0;padding-right:0;display:grid;overflow-y:auto}.purchase-list::-webkit-scrollbar{display:none}.purchase-item{background:linear-gradient(135deg,#ffffff1c,#ffffff0b),#ffffff0f;border:1px solid #ffffff21;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(92px,auto);align-items:center;gap:12px;padding:13px 12px;display:grid;box-shadow:inset 0 1px #ffffff14}.purchase-details{min-width:0}.purchase-details strong,.purchase-details span,.purchase-details small{display:block}.purchase-details strong{color:#fff;font-size:.86rem;font-weight:900;line-height:1.18}.purchase-details span{color:#ffffffad;margin-top:5px;font-size:.72rem;font-weight:750}.purchase-details small{color:#ffffff85;margin-top:2px;font-size:.68rem;font-weight:700}.purchase-action{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.purchase-amount{color:#fff;white-space:nowrap;font-size:.84rem;font-weight:950;line-height:1}.purchase-redeem-button{color:#fff;background:var(--brand-red);min-height:34px;box-shadow:0 10px 22px rgba(var(--brand-red-rgb), .26);border-radius:6px;padding:0 13px;font-size:.72rem}.ready-stage:before{background:linear-gradient(180deg, #0107142e 0%, #0107141f 46%, #010714a8 100%), radial-gradient(circle at 50% 72%, rgba(var(--brand-red-rgb), .2), transparent 30%)}.ready-copy{z-index:5;margin-top:max(14cqh, env(safe-area-inset-top));text-align:center;text-shadow:0 4px 18px #000000bd;padding:0 24px;position:relative}.ready-copy h1{font-size:clamp(2rem,10cqw,3rem)}.ready-copy p{color:#fff;font-size:clamp(1rem,4.5cqw,1.25rem);font-weight:800}.ready-game-preview{pointer-events:none;width:94%;height:37%;position:absolute;top:46%;left:3%}.ready-goalpost{filter:drop-shadow(0 12px 16px #0006);width:100%;height:auto;position:absolute;top:0;left:50%;transform:translate(-50%)}.ready-goalkeeper{width:auto;height:58%;position:absolute;top:18%;left:50%;transform:translate(-50%)}.ready-football{filter:drop-shadow(0 12px 12px #00000061);width:29%;height:auto;animation:1.6s ease-in-out infinite readyBallFloat;position:absolute;bottom:-8%;left:50%;transform:translate(-50%)}.ready-button{right:24px;bottom:max(24px, env(safe-area-inset-bottom));z-index:6;font-size:1rem;position:absolute;left:24px}.scratch-stage:after{-webkit-backdrop-filter:blur(4px)saturate(.82)brightness(.82);background:#02040985}@keyframes readyBallFloat{0%,to{transform:translate(-50%)rotate(-4deg)}50%{transform:translate(-50%,-7px)rotate(4deg)}}.scratch-screen-content{width:100%;min-height:100%;padding:max(24px, env(safe-area-inset-top)) 22px max(24px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.scratch-screen-content>:not(.confetti-layer){z-index:1;position:relative}.scratch-screen-content .flow-brand{margin-bottom:18px}.scratch-copy{text-shadow:0 3px 14px #0000007a;width:min(100%,300px);margin-bottom:16px}.scratch-copy h1{color:#fff;margin:0 0 6px;font-size:clamp(1.25rem,5.5cqw,1.55rem);line-height:1.08}.scratch-copy p{color:#ffffffad;margin:0;font-size:.78rem;font-weight:700}.scratch-card{background:linear-gradient(#fffdf7 0%,#fff3df 100%);border:2px solid #ffcc50e6;border-radius:20px;width:min(86vw,430px);min-height:260px;position:relative;overflow:hidden;box-shadow:0 0 24px #ffc62940,0 16px 36px #00000073}.scratch-prize{color:#231417;background:linear-gradient(#fffdf7 0%,#fff3df 100%);flex-direction:column;justify-content:center;align-items:center;padding:34px 24px 30px;display:flex;position:absolute;inset:0}.reward-icon{background:#ffd75038;border:1px solid #ffd75099;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 14px;font-size:34px;display:grid}.win-label{color:#d10000;margin:0;font-size:clamp(1.08rem,4.4cqw,1.25rem);font-weight:900;line-height:1.12}.win-subtitle{color:#5f1b1b;margin:8px 0 10px;font-size:clamp(.9rem,3.8cqw,1rem);font-weight:700;line-height:1.2}.gift-name{color:#24171a;letter-spacing:0;text-align:center;overflow-wrap:anywhere;word-break:break-word;max-width:100%;margin:0;font-size:clamp(1.55rem,7cqw,2.4rem);font-weight:950;line-height:1.08}.scratch-canvas{z-index:2;cursor:crosshair;touch-action:none;width:100%;height:100%;transition:opacity .28s;position:absolute;inset:0}.scratch-card.is-revealed .scratch-canvas{opacity:0;pointer-events:none}.scratch-status{min-height:20px;color:var(--brand-red-light);opacity:0;margin:13px 0 0;font-size:.76rem;font-weight:850}.scratch-status.is-visible{opacity:1}.claim-btn{color:#fff;width:min(86vw,430px);height:48px;box-shadow:0 14px 28px rgba(var(--brand-red-rgb), .34);cursor:pointer;background:linear-gradient(#ff1e1e,#c90000);border:0;border-radius:999px;margin-top:10px;font-size:1rem;font-weight:900}.claim-btn:active{transform:translateY(1px)}.confetti-layer{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.confetti-particle{top:var(--confetti-origin-y);left:var(--confetti-origin-x);width:var(--confetti-size);height:calc(var(--confetti-size) * 1.45);background:var(--confetti-color);opacity:0;animation:confettiBurst var(--confetti-duration) cubic-bezier(.16, .9, .32, 1) var(--confetti-delay) forwards;will-change:transform, opacity;border-radius:2px;position:absolute;transform:translate(-50%,-50%)scale(.35)rotate(0)}.confetti-particle.shape-1{height:var(--confetti-size);border-radius:50%}.confetti-particle.shape-2{width:calc(var(--confetti-size) * .55);height:calc(var(--confetti-size) * 1.8)}.scratch-action-button{color:#fff;text-transform:uppercase;background:var(--brand-red);width:min(76%,270px);min-height:46px;box-shadow:0 12px 28px rgba(var(--brand-red-rgb), .28);cursor:pointer;border:0;border-radius:6px;margin-top:10px;font-size:.84rem;font-weight:900}.interaction-layer{z-index:10;cursor:crosshair;position:absolute;inset:0}.top-hud{top:max(12px, env(safe-area-inset-top));z-index:30;pointer-events:none;background:#030c1980;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:8px 10px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0000003d}.mute-button{top:max(12px, env(safe-area-inset-top));z-index:31;color:#fff;-webkit-backdrop-filter:blur(12px);cursor:pointer;touch-action:manipulation;background:#030c1994;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;right:14px;box-shadow:0 10px 24px #0000003d}.mute-button:active{transform:translateY(1px)}.mute-button.is-muted{color:#ff6269;border-color:#ff626975}.mute-button .fi{font-size:.8rem;line-height:1;display:block}.penalty-dot{aspect-ratio:1;background:#ffffff1f;border:2px solid #ffffffdb;border-radius:50%;width:clamp(13px,4cqw,18px);display:block;box-shadow:0 0 0 1px #00000057,inset 0 0 8px #ffffff14}.penalty-dot.goal{background:#c9ff45;border-color:#c9ff45;box-shadow:0 0 0 1px #00000057,0 0 15px #c9ff45b3}.penalty-dot.miss{background:#ff3369;border-color:#ff3369;box-shadow:0 0 0 1px #00000057,0 0 15px #ff33698f}.goalkeeper-sprite{z-index:13;will-change:left, top;backface-visibility:hidden;pointer-events:none;width:auto;height:clamp(130px,22cqh,214px);position:absolute;top:65.2%;left:50%;transform:translate(-50%,-50%)}.goalpost-sprite{z-index:12;filter:drop-shadow(0 14px 18px #00000059)drop-shadow(0 0 18px #ffffff3d);pointer-events:none;height:auto;position:absolute;transform:translate(-50%)}.goal-area-border{z-index:14;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#c9ff4524 1px,#0000 1px),linear-gradient(#c9ff4524 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:2px solid #c9ff45db;border-radius:3px;position:absolute;box-shadow:0 0 0 1px #051308b3,0 0 18px #c9ff457a,inset 0 0 18px #c9ff451f}.target-ring{aspect-ratio:1;z-index:25;pointer-events:none;border:2px solid #c9ff45;border-radius:50%;width:clamp(36px,12cqw,54px);position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #041008a3,0 0 0 7px #c9ff4526,0 0 24px #c9ff45d1}.target-ring:before,.target-ring:after{content:"";background:#c9ff45;position:absolute;box-shadow:0 0 12px #c9ff45cc}.target-ring:before{width:2px;height:calc(100% + 16px);top:-8px;left:50%;transform:translate(-50%)}.target-ring:after{width:calc(100% + 16px);height:2px;top:50%;left:-8px;transform:translateY(-50%)}.football-sprite{z-index:22;pointer-events:none;will-change:left, top, transform;backface-visibility:hidden;border-radius:50%;width:clamp(94px,31cqw,148px);height:auto;position:absolute}.game-guide{z-index:27;pointer-events:none;position:absolute;inset:0;overflow:hidden}.guide-hand{left:var(--guide-start-x);top:var(--guide-start-y);aspect-ratio:.8;width:clamp(120px,38cqw,180px);animation:guideSwipe var(--guide-duration) ease-in-out infinite;will-change:left, top, transform, opacity;position:absolute}.guide-finger-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:50%;height:auto;display:block}@keyframes guideSwipe{0%,12%{left:var(--guide-start-x);top:var(--guide-start-y);opacity:0;transform:translate(-39%,-31%)scale(.88)}22%,34%{left:var(--guide-start-x);top:var(--guide-start-y);opacity:1;transform:translate(-39%,-31%)scale(1)}72%{left:var(--guide-target-x);top:var(--guide-target-y);opacity:1;transform:translate(-39%,-31%)scale(.9)}88%,to{left:var(--guide-target-x);top:var(--guide-target-y);opacity:0;transform:translate(-39%,-31%)scale(.84)}}.result-toast{z-index:28;color:#fff;text-align:center;text-transform:uppercase;pointer-events:none;background:#0208148f;border:1px solid #ffffff38;border-radius:8px;min-width:116px;padding:10px 16px;font-size:clamp(1.02rem,5cqw,1.55rem);font-weight:950;line-height:1;position:absolute;top:37%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 34px #00000057,inset 0 0 22px #ffffff0f}.result-toast.goal{color:#07160d;background:#c9ff45;animation:.72s goalPop;box-shadow:0 18px 38px #c9ff4547,0 0 34px #c9ff4575}.result-toast.saved,.result-toast.miss,.result-toast.wideLeft,.result-toast.wideRight{background:#ff3369;box-shadow:0 18px 38px #ff336942,0 0 26px #ff33694d}.result-toast.ready,.result-toast.shooting{opacity:.9}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mobile-stage.result-goal:before{background:radial-gradient(circle at 50% 70%,#c9ff4533,#0000 24%),linear-gradient(#01081514 0%,#0000 34% 62%,#0108154d 100%)}@keyframes goalPop{0%,to{transform:translate(-50%,-50%)scale(1)}45%{transform:translate(-50%,-50%)scale(1.12)}}@keyframes confettiBurst{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)rotate(0)}8%{opacity:1}52%{opacity:1;transform:translate3d(calc(-50% + var(--confetti-mid-x)), calc(-50% + var(--confetti-mid-y)), 0) scale(1) rotate(var(--confetti-spin))}to{opacity:0;transform:translate3d(calc(-50% + var(--confetti-end-x)), calc(-50% + var(--confetti-end-y)), 0) scale(.84) rotate(var(--confetti-spin))}}@media (width>=600px){.game-app{padding:18px}.mobile-stage{aspect-ratio:480/860;border:1px solid #ffffff29;border-radius:12px;width:auto;height:min(860px,100svh - 36px);min-height:0;max-height:860px}}@media (width<=599px){.auth-stage{width:100vw;height:var(--flow-viewport-height,100dvh);max-height:none;position:fixed;top:0;left:0}}@media (height<=720px) and (width<=599px){.mobile-stage:not(.auth-stage){min-height:100svh}.goalkeeper-sprite{height:clamp(118px,20cqh,178px)}.football-sprite{width:clamp(88px,29cqw,128px)}}