.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 40%,rgba(0,229,160,.12) 0%,transparent 55%),radial-gradient(ellipse at 70% 70%,rgba(255,107,53,.1) 0%,transparent 55%),#060d1a;z-index:100;overflow:hidden}.modal-bg-deco{position:absolute;inset:0;pointer-events:none}.deco-ball{position:absolute;font-size:80px;opacity:.05;animation:float 6s ease-in-out infinite}.deco-ball-1{top:10%;left:5%;animation-delay:0s}.deco-ball-2{bottom:15%;right:8%;animation-delay:2s;font-size:60px}.deco-ball-3{top:50%;right:15%;animation-delay:4s;font-size:100px}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(8deg)}}.modal-card{position:relative;background:#0a1630e6;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:44px 48px;width:420px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 32px 100px #000000b3,0 0 0 1px #00e5a01f,inset 0 1px #ffffff14;animation:slideUp .5s cubic-bezier(.22,1,.36,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .4s ease,opacity .4s ease}.modal-card.verifying{transform:scale(.97);opacity:.8}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-logo{font-size:52px;line-height:1;filter:drop-shadow(0 0 16px rgba(0,229,160,.4))}.modal-headline{font-size:30px;font-weight:900;background:linear-gradient(135deg,#fff,#00e5a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em}.modal-sub{font-size:13px;color:var(--color-text-muted);margin-bottom:8px;text-align:center}.modal-form{width:100%;display:flex;flex-direction:column;gap:16px;animation:fadeForm .3s ease}@keyframes fadeForm{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.input-group input,.phone-input-wrap{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:15px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;outline:none;width:100%}.input-group input:focus,.phone-input-wrap:focus-within{border-color:#00e5a080;box-shadow:0 0 0 3px #00e5a01a}.phone-input-wrap{display:flex;align-items:center;gap:8px;padding:0 16px}.phone-prefix{color:var(--color-primary);font-weight:700;font-size:15px;border-right:1px solid rgba(255,255,255,.1);padding-right:10px}.phone-input-wrap input{background:transparent;border:none;padding:12px 0;flex:1;width:auto;box-shadow:none}.phone-input-wrap input:focus{box-shadow:none;border-color:transparent}.otp-sent-msg{font-size:13px;color:var(--color-primary);text-align:center;background:#00e5a014;border:1px solid rgba(0,229,160,.2);border-radius:8px;padding:10px}.otp-inputs{display:flex;gap:8px;justify-content:center}.otp-box{width:48px;height:56px;text-align:center;font-size:22px;font-weight:700;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;outline:none;transition:border-color .2s,box-shadow .2s,transform .1s;caret-color:var(--color-primary)}.otp-box:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00e5a026;transform:scale(1.05)}.modal-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#00e5a0,#00b37d);color:#0a1628;font-size:15px;font-weight:700;padding:14px 24px;border-radius:12px;width:100%;transition:all .2s ease;box-shadow:0 4px 20px #00e5a04d;margin-top:4px}.modal-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00e5a073}.modal-btn:active{transform:scale(.97)}.modal-link-btn{background:transparent;color:#fff6;font-size:13px;padding:4px;text-align:center;transition:color .2s}.modal-link-btn:hover{color:var(--color-primary)}.modal-error{color:#ff6b6b;font-size:13px;text-align:center;background:#ff6b6b14;border:1px solid rgba(255,107,107,.2);border-radius:8px;padding:8px}.modal-hint{font-size:12px;color:#ffffff40;text-align:center}.verifying-state{align-items:center;justify-content:center;padding:20px 0;gap:16px;color:var(--color-primary);font-size:15px;font-weight:600}.spinner{width:40px;height:40px;border:3px solid rgba(0,229,160,.15);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scoreboard{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;background:#050f23bf;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:340px;box-shadow:0 4px 32px #00000080,0 0 0 1px #00e5a01a;pointer-events:none}.scoreboard-player{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);opacity:.85}.scoreboard-main{display:flex;align-items:center;gap:0}.score-block{display:flex;flex-direction:column;align-items:center;padding:0 20px}.score-value{font-size:36px;font-weight:900;color:#fff;line-height:1}.score-label{font-size:10px;font-weight:600;letter-spacing:.1em;color:#ffffff73;margin-top:2px}.score-divider{width:1px;height:36px;background:#ffffff1a}.wicket-dots{display:flex;gap:6px;margin-bottom:2px;height:24px;align-items:center}.wicket-dot{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:transparent;transition:all .3s ease}.wicket-dot.out{background:#f44;border-color:#f44;box-shadow:0 0 8px #f449}.ball-tracker{display:flex;gap:6px}.ball-dot{width:10px;height:10px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.15);transition:all .3s ease}.ball-dot.played{background:var(--color-primary);box-shadow:0 0 6px #00e5a080;border-color:var(--color-primary)}@media(max-width:600px){.scoreboard{top:auto;bottom:20px;transform:translate(-50%) scale(.85);padding:8px 16px;min-width:280px}.score-value{font-size:28px}.score-block{padding:0 12px}.wicket-dot{width:14px;height:14px}}.gameover-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#060d1ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;animation:fadeIn .5s ease;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.gameover-card{display:flex;flex-direction:column;align-items:center;gap:12px;background:#0a1630e6;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:40px 52px;box-shadow:0 24px 80px #000000b3,0 0 0 1px #00e5a026;min-width:340px}.gameover-icon{font-size:64px;line-height:1;animation:bounce .7s ease}@keyframes bounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.gameover-title{font-size:28px;font-weight:900;color:#fff;letter-spacing:-.02em;margin:0}.gameover-player{font-size:13px;color:var(--color-primary);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.gameover-score-wrap{display:flex;flex-direction:column;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px 40px;margin:8px 0;width:100%}.gameover-score-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff6}.gameover-score-value{font-size:72px;font-weight:900;color:#fff;line-height:1}.gameover-score-runs{font-size:14px;color:#fff6;font-weight:600}.gameover-rating{font-size:20px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.gameover-btn{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#0a1628;font-size:15px;font-weight:700;padding:14px 32px;border-radius:999px;margin-top:6px;transition:all .2s ease;box-shadow:0 4px 20px #00e5a059}.gameover-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 28px #00e5a080}.gameover-btn:active{transform:scale(.97)}.game-wrapper{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0d2137,#060d1a)}.canvas-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.game-canvas{display:block;border-radius:12px;box-shadow:0 0 60px #00e5a026,0 0 120px #000c}.controls-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:24px;font-family:Outfit,sans-serif;font-size:13px;color:#ffffff73;background:#0006;padding:8px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;white-space:nowrap}.app{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 20% 50%,rgba(0,229,160,.07) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,107,53,.07) 0%,transparent 50%),#0a1628}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0a1628;--color-surface: rgba(255, 255, 255, .06);--color-border: rgba(255, 255, 255, .12);--color-primary: #00e5a0;--color-primary-dark: #00b37d;--color-accent: #ff6b35;--color-gold: #ffd700;--color-text: #f0f4ff;--color-text-muted: rgba(240, 244, 255, .55);--font: "Outfit", sans-serif;--radius: 16px;--radius-sm: 8px;--shadow-glow: 0 0 30px rgba(0, 229, 160, .25)}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:var(--font);background:var(--color-bg);color:var(--color-text)}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input{font-family:var(--font)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}