.game-page{min-height:100dvh;padding-top:74px;color:#f5f4eb;background:#070908}.game-shell{position:relative;width:min(1160px,calc(100% - 32px));margin:0 auto;padding:54px 0 88px;overflow:hidden}.game-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 28%,rgba(204,255,61,.11),transparent 30%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 0);background-size:auto,70px 70px,70px 70px}.game-intro{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:40px}.game-intro h1{margin:20px 0 0;font-size:clamp(62px,7.6vw,104px);font-weight:700;line-height:.77;letter-spacing:-.085em}.game-intro h1 em{color:#ccff3d;font-weight:400}.game-intro>p{max-width:330px;margin:0 0 5px;color:#92988f;font-size:13px;line-height:1.6}.matchup-selector{position:relative;z-index:4;margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:center;gap:12px}.match-vs{width:50px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(204,255,61,.4);border-radius:50%;color:#ccff3d;background:#111612;box-shadow:0 0 30px rgba(204,255,61,.08);font-size:10px;font-weight:800;letter-spacing:.08em}.match-player{min-width:0;min-height:118px;padding:10px;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:15px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(120deg,rgba(31,38,33,.92),rgba(15,19,16,.88));box-shadow:0 20px 55px rgba(0,0,0,.18)}.match-player-image{position:relative;width:92px;height:98px;overflow:hidden;border-radius:15px;background:#242a25}.match-player-image img{object-fit:cover;filter:saturate(.83) contrast(1.04)}.match-player-copy{min-width:0;display:flex;flex-direction:column}.match-player-copy>span{color:#ccff3d;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.match-player-copy>strong{margin-top:5px;font-size:18px;line-height:1;letter-spacing:-.04em}.match-player-copy>small,.match-player-copy>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-player-copy>small{margin-top:6px;color:#8f968d;font-size:9px}.match-player select{width:100%;min-width:0;height:30px;margin-top:10px;padding:0 28px 0 9px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:8px;outline:0;color:#dfe3dc;background:#171c18;font:600 10px/1 inherit;text-overflow:ellipsis;cursor:pointer}.match-player select:focus-visible{border-color:#ccff3d;box-shadow:0 0 0 3px rgba(204,255,61,.1)}.match-player select:disabled{cursor:wait;opacity:.5}.game-scoreboard{position:relative;z-index:3;margin-top:22px;display:grid;grid-template-columns:122px 122px 122px 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:18px 18px 0 0;background:rgba(16,20,17,.9);backdrop-filter:blur(18px)}.game-scoreboard>div{min-height:74px;padding:13px 18px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(255,255,255,.1)}.game-scoreboard span{color:#8e958c;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.game-scoreboard strong{font-size:25px;line-height:1;letter-spacing:-.04em}.game-scoreboard strong small{margin-left:3px;color:#747a73;font-size:13px}.game-scoreboard .ball-history{padding:13px 20px;flex-direction:row;align-items:center;justify-content:flex-end;gap:9px;border-right:0}.ball-result{width:38px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#737a72;font-size:11px;transition:transform .35s,color .35s,background .35s}.ball-result.result-dot{color:#f7f7f2;background:#352226;border-color:#65333c}.ball-result.result-out{color:white;background:#f33f4f;border-color:#ff8390;box-shadow:0 0 22px rgba(243,63,79,.3)}.ball-result.result-two{color:#111;background:#d8d8d0}.ball-result.result-four{color:#111;background:#8de9ff;border-color:#8de9ff}.ball-result.result-six{color:#111;background:#ccff3d;border-color:#ccff3d;transform:scale(1.08);box-shadow:0 0 24px rgba(204,255,61,.25)}.game-arena{position:relative;z-index:2;height:clamp(470px,48vw,560px);min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-top:0;border-radius:0 0 28px 28px;background:linear-gradient(180deg,#121b17,#15251c 36%,#08100b);perspective:1200px;isolation:isolate;box-shadow:0 42px 100px rgba(0,0,0,.36);touch-action:manipulation}.stadium-photo{z-index:-5;object-fit:cover;object-position:center 46%;opacity:.7;filter:saturate(.88) contrast(1.08) brightness(.7);transform:scale(1.02);transition:transform 1.4s cubic-bezier(.16,1,.3,1),filter .5s}.stadium-wash{position:absolute;z-index:-4;inset:0;background:linear-gradient(180deg,rgba(5,8,6,.2),rgba(6,15,9,.48) 40%,rgba(5,11,7,.9)),radial-gradient(circle at 50% 16%,transparent,rgba(3,7,4,.35) 72%)}.game-arena.is-live .stadium-photo{transform:scale(1.055);filter:saturate(1) contrast(1.1) brightness(.8)}.game-arena:before{content:"";z-index:-2;bottom:0;width:150%;height:70%;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at center,#244e2e 0,#15321e 48%,#0c1c12 75%)}.arena-glow,.game-arena:before{position:absolute;left:50%;transform:translateX(-50%)}.arena-glow{z-index:-1;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;background:rgba(204,255,61,.09);filter:blur(80px);transition:background .4s}.game-arena.is-live .arena-glow{background:rgba(204,255,61,.19);animation:arena-pulse 1.7s ease-in-out}.crowd{position:absolute;left:-4%;right:-4%;top:3%;height:220px;opacity:.55;background:radial-gradient(circle,rgba(255,255,255,.32) 0 1px,transparent 1.8px);background-size:17px 15px;mask-image:linear-gradient(180deg,black,transparent);transform:rotateX(-8deg)}.arena-player{position:absolute;z-index:3;bottom:120px;width:150px;height:225px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:80px 80px 20px 20px;background:#172019;box-shadow:0 25px 55px rgba(0,0,0,.3);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .5s}.arena-player img{object-fit:cover;filter:saturate(.66) contrast(1.05)}.arena-player:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(4,7,5,.92))}.arena-player>span{position:absolute;z-index:2;left:16px;right:16px;bottom:16px;color:#aeb5ac;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.arena-player strong{margin-top:5px;display:block;color:white;font-size:15px;letter-spacing:-.03em;text-transform:none}.arena-player-bowler{left:4%;transform:rotateY(10deg) rotate(-2deg);animation:player-float 5s ease-in-out infinite}.arena-player-batter{right:4%;transform:rotateY(-10deg) rotate(2deg);animation:player-float 5s ease-in-out .8s infinite reverse}.game-arena.is-live .arena-player{opacity:.6}.stadium-light{position:absolute;z-index:4;top:26px;display:flex;gap:6px;padding:7px;border:1px solid rgba(255,255,255,.14);background:#19201c;box-shadow:0 0 80px rgba(240,255,210,.15)}.stadium-light-left{left:5%;transform:rotate(-8deg)}.stadium-light-right{right:5%;transform:rotate(8deg)}.stadium-light i{width:14px;aspect-ratio:1;border-radius:50%;background:#ecffcd;box-shadow:0 0 18px rgba(236,255,205,.75);animation:light-flicker 4s ease-in-out infinite}.stadium-light i:nth-child(2){animation-delay:.7s}.stadium-light i:nth-child(3){animation-delay:1.2s}.game-pitch{position:absolute;left:50%;bottom:-235px;width:330px;height:830px;transform-style:preserve-3d;transform:translateX(-50%) rotateX(63deg) scale(.9);transform-origin:bottom center;background:linear-gradient(90deg,#b69054,#d1ae6f 22%,#c9a566 50%,#dbb97c 78%,#b48950);box-shadow:0 0 0 15px rgba(255,255,255,.035),0 0 90px rgba(0,0,0,.45)}.game-pitch:before{content:"";position:absolute;inset:0;opacity:.2;background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(79,51,28,.42) 28px 29px)}.crease{position:absolute;z-index:2;left:-35px;width:400px;height:4px;background:white;box-shadow:0 0 10px rgba(255,255,255,.35)}.crease-near{bottom:150px}.crease-far{top:75px}.sweet-zone{position:absolute;z-index:1;left:0;right:0;bottom:190px;height:115px;border-top:3px solid rgba(204,255,61,.9);border-bottom:3px solid rgba(204,255,61,.9);background:rgba(204,255,61,.18);box-shadow:0 0 30px rgba(204,255,61,.12);animation:zone-glow 2s ease-in-out infinite}.game-stumps{position:absolute;z-index:8;left:50%;bottom:117px;width:90px;height:145px;transform:translateX(-50%) rotateX(-63deg) translateZ(70px);transform-origin:bottom center}.game-stumps i{position:absolute;bottom:0;width:8px;height:124px;border-radius:5px 5px 0 0;background:linear-gradient(90deg,#f7e3b5,#fff5da 45%,#b99c67);box-shadow:7px 5px 10px rgba(0,0,0,.25)}.game-stumps i:first-child{left:24px}.game-stumps i:nth-child(2){left:41px}.game-stumps i:nth-child(3){left:58px}.game-stumps b,.game-stumps span{position:absolute;top:18px;width:29px;height:6px;border-radius:4px;background:#f2dba6;transform:rotate(-4deg)}.game-stumps span{left:24px}.game-stumps b{left:47px;transform:rotate(5deg)}.game-batter{position:absolute;z-index:10;left:58%;bottom:104px;width:130px;height:245px;transform:rotateX(-63deg) translateZ(85px);transform-origin:bottom center}.batter-head{position:absolute;top:0;left:46px;width:52px;height:54px;border-radius:48% 48% 42% 42%;background:#1a1e1b;box-shadow:inset -8px -3px 0 #2d342f}.batter-head:before{content:"";position:absolute;left:-15px;top:8px;width:72px;height:28px;border:4px solid #a4ac9f;border-left:0;border-radius:0 20px 20px 0;transform:rotate(-5deg)}.batter-body{position:absolute;top:48px;left:34px;width:73px;height:104px;border-radius:29px 23px 12px 12px;background:linear-gradient(125deg,#dfe3da,#9ca69b 67%,#737f75);transform:rotate(5deg)}.batter-leg{position:absolute;top:137px;width:30px;height:99px;border-radius:10px;background:linear-gradient(90deg,#e6e9e2,#9ba59a);transform-origin:top center}.batter-leg-one{left:42px;transform:rotate(6deg)}.batter-leg-two{left:76px;transform:rotate(-8deg)}.game-bat{position:absolute;z-index:15;left:8px;top:47px;width:21px;height:175px;border-radius:5px 5px 10px 10px;background:linear-gradient(90deg,#cda568,#f0d19a 53%,#9b7040);box-shadow:8px 7px 15px rgba(0,0,0,.26);transform:rotate(26deg);transform-origin:50% 15%}.game-bat:before{content:"";position:absolute;top:-47px;left:6px;width:8px;height:58px;border-radius:4px;background:#2c332f}.game-bat.is-swinging{animation:bat-swing .58s cubic-bezier(.2,.8,.2,1)}.game-arena.has-out{animation:wicket-shake .48s cubic-bezier(.36,.07,.19,.97)}.game-arena.has-out .game-stumps i:first-child{animation:stump-left .8s ease-out forwards}.game-arena.has-out .game-stumps i:nth-child(3){animation:stump-right .8s ease-out forwards}.game-arena.has-out .game-stumps span{animation:bail-left .9s ease-out forwards}.game-arena.has-out .game-stumps b{animation:bail-right .9s ease-out forwards}.delivery-ball{position:absolute;z-index:20;left:50%;top:34px;width:28px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ef6f60,#9b2625 55%,#421011);box-shadow:0 7px 14px rgba(0,0,0,.4);transform:translateX(-50%);animation:ball-delivery 1.7s linear forwards}.delivery-ball:after{content:"";position:absolute;left:12px;top:1px;width:4px;height:26px;border-left:1px dashed #f9cfb1;border-right:1px dashed #f9cfb1;border-radius:50%;transform:rotate(-25deg)}.timing-console{position:absolute;z-index:30;left:50%;bottom:17px;width:min(560px,calc(100% - 34px));padding:15px 18px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(7,10,8,.84);backdrop-filter:blur(18px);transform:translateX(-50%);box-shadow:0 20px 40px rgba(0,0,0,.26)}.timing-track{position:relative;height:9px;overflow:hidden;border-radius:9px;background:#303632}.timing-zone{position:absolute;left:52%;width:17%;height:100%;border-radius:8px;background:#ccff3d;box-shadow:0 0 16px rgba(204,255,61,.65)}.timing-marker{position:absolute;top:-3px;left:0;width:15px;height:15px;border-radius:50%;background:white;box-shadow:0 0 14px white;animation:timing-run 1.7s linear forwards}.game-message{margin-top:11px;display:flex;justify-content:space-between;align-items:end;gap:20px}.game-message span{color:#9fa69d;font-size:12px}.game-message strong{color:#ccff3d;font-size:12px;letter-spacing:.1em}.game-controls{position:relative;z-index:3;margin-top:20px;display:flex;flex-direction:column;align-items:center}.game-button{min-width:250px;min-height:56px;display:inline-flex;justify-content:space-between;align-items:center;gap:25px;padding:9px 10px 9px 21px;border:0;border-radius:999px;color:#10130e;background:#ccff3d;font:700 12px/1 inherit;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;box-shadow:0 18px 50px rgba(204,255,61,.12);transition:transform .3s,box-shadow .3s}.game-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 22px 60px rgba(204,255,61,.22)}.game-button kbd,.game-button span{min-width:40px;height:40px;display:grid;place-items:center;padding:0 11px;border-radius:999px;color:#ccff3d;background:#10130e;font:700 10px/1 inherit}.game-button-swing{animation:button-pulse .8s ease-in-out infinite alternate}.game-controls>p{margin:15px 0 0;color:#747b73;font-size:11px}.game-button .touch-control,.touch-control{display:none}.arena-tap-hint{position:absolute;z-index:35;top:18px;left:50%;padding:8px 12px;border:1px solid rgba(204,255,61,.42);border-radius:999px;color:#dfff82;background:rgba(8,12,9,.72);backdrop-filter:blur(10px);font-size:8px;font-weight:800;letter-spacing:.13em;transform:translateX(-50%);animation:tap-hint 1s ease-in-out infinite alternate}.shot-effect{position:absolute;z-index:50;inset:0;display:grid;place-items:center;overflow:hidden;pointer-events:none;background:radial-gradient(circle,rgba(6,9,7,.08),rgba(5,8,6,.62));animation:effect-enter .8s cubic-bezier(.16,1,.3,1) both}.shot-effect-six{--effect-color:#ccff3d}.shot-effect-four{--effect-color:#8de9ff}.shot-effect-out{--effect-color:#ff4f5e;background:radial-gradient(circle,rgba(160,18,30,.12),rgba(14,3,5,.72))}.effect-copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 22px 40px rgba(0,0,0,.45));animation:effect-copy .85s cubic-bezier(.16,1,.3,1) both}.effect-copy span{color:white;font-size:10px;font-weight:800;letter-spacing:.5em;text-transform:uppercase}.effect-copy strong{margin-top:8px;color:var(--effect-color);font-size:clamp(100px,17vw,250px);line-height:.72;letter-spacing:-.1em;text-shadow:0 0 70px color-mix(in srgb,var(--effect-color) 55%,transparent)}.effect-rings{position:absolute;inset:0;display:grid;place-items:center}.effect-rings i{position:absolute;width:260px;aspect-ratio:1;border:2px solid var(--effect-color);border-radius:50%;opacity:0;animation:effect-ring 1.5s ease-out forwards}.effect-rings i:nth-child(2){animation-delay:.16s}.effect-rings i:nth-child(3){animation-delay:.32s}.effect-particles{position:absolute;inset:0}.effect-particles i{--angle:calc(var(--particle) * 16.36deg);position:absolute;left:50%;top:50%;width:8px;height:28px;border-radius:8px;background:var(--effect-color);transform:rotate(var(--angle)) translateY(-40px);opacity:0;animation:particle-burst 1.2s calc(var(--particle) * 18ms) ease-out forwards}.shot-effect-four .effect-particles i{width:4px;height:80px}.shot-effect-out .effect-copy strong{transform:rotate(-3deg)}@keyframes ball-delivery{0%{top:28px;transform:translateX(-50%) scale(.42) rotate(0)}52%{top:335px;transform:translateX(-50%) scale(.8) rotate(540deg)}to{top:515px;transform:translateX(-50%) scale(1.35) rotate(940deg)}}@keyframes timing-run{to{left:calc(100% - 15px)}}@keyframes bat-swing{0%{transform:rotate(26deg)}45%{transform:rotate(-96deg) translateY(-6px)}to{transform:rotate(-145deg) translateY(-18px)}}@keyframes arena-pulse{50%{transform:translateX(-50%) scale(1.12)}}@keyframes light-flicker{48%,52%{opacity:.7}50%{opacity:.35}}@keyframes zone-glow{50%{box-shadow:0 0 44px rgba(204,255,61,.3)}}@keyframes button-pulse{to{box-shadow:0 0 0 9px rgba(204,255,61,.07),0 20px 60px rgba(204,255,61,.25)}}@keyframes player-float{0%,to{translate:0 0}50%{translate:0 -12px}}@keyframes effect-enter{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(3px)}}@keyframes effect-copy{0%{opacity:0;transform:scale(.3) rotate(-7deg)}60%{transform:scale(1.08) rotate(1deg)}to{opacity:1;transform:scale(1)}}@keyframes effect-ring{0%{opacity:.8;transform:scale(.35)}to{opacity:0;transform:scale(3.7)}}@keyframes particle-burst{0%{opacity:1;transform:rotate(var(--angle)) translateY(-45px) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translateY(-360px) scale(.25)}}@keyframes wicket-shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(5px)}30%,50%,70%{transform:translateX(-8px)}40%,60%{transform:translateX(8px)}}@keyframes stump-left{to{transform:rotate(-28deg) translate(-15px,9px)}}@keyframes stump-right{to{transform:rotate(31deg) translate(16px,11px)}}@keyframes bail-left{to{transform:translate(-50px,-80px) rotate(-130deg);opacity:0}}@keyframes bail-right{to{transform:translate(54px,-68px) rotate(140deg);opacity:0}}@keyframes tap-hint{to{color:white;border-color:#ccff3d;box-shadow:0 0 22px rgba(204,255,61,.18)}}@media (max-width:780px){.game-page{padding-top:68px}.game-shell{width:calc(100% - 18px);padding-top:34px;padding-bottom:68px}.game-intro{align-items:start;flex-direction:column;gap:13px}.game-intro h1{margin-top:16px;font-size:clamp(54px,16vw,72px)}.game-intro>p{max-width:290px;font-size:11px}.matchup-selector{margin-top:20px;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:6px}.match-vs{width:30px;font-size:8px}.match-player{min-height:96px;padding:7px;grid-template-columns:54px minmax(0,1fr);gap:8px;border-radius:15px}.match-player-image{width:54px;height:78px;border-radius:10px}.match-player-copy>span{font-size:7px;letter-spacing:.08em}.match-player-copy>strong{margin-top:4px;font-size:12px}.match-player-copy>small{display:none}.match-player select{height:27px;margin-top:8px;padding-left:6px;padding-right:18px;font-size:8px}.game-scoreboard{grid-template-columns:repeat(3,1fr)}.game-scoreboard>div{min-height:58px;padding:10px 12px}.game-scoreboard strong{font-size:21px}.game-scoreboard .ball-history{grid-column:1/-1;min-height:50px;padding:8px;justify-content:center;border-top:1px solid rgba(255,255,255,.1)}.ball-result{width:31px;font-size:9px}.game-arena{height:clamp(420px,68dvh,500px);min-height:0;border-radius:0 0 20px 20px}.game-pitch{bottom:-285px;transform:translateX(-50%) rotateX(65deg) scale(.76)}.stadium-light{top:18px;transform:scale(.65)}.stadium-light-left{left:-3%}.stadium-light-right{right:-3%}.arena-player{width:108px;height:164px;bottom:108px;opacity:.68}.arena-player-bowler{left:-25px}.arena-player-batter{right:-25px}.arena-player>span{display:none}.effect-copy strong{font-size:96px}.timing-console{bottom:8px;width:calc(100% - 14px);padding:13px 14px;border-radius:13px}.game-message{gap:8px}.game-message span{overflow:hidden;max-width:65%;text-overflow:ellipsis}.game-message span,.game-message strong{font-size:10px;white-space:nowrap}.game-controls{margin-top:16px}.game-button{min-width:230px;min-height:52px}.game-controls>p{margin-top:11px;font-size:10px}}@media (max-width:430px){.game-intro>p{display:none}.match-player{grid-template-columns:46px minmax(0,1fr)}.match-player-image{width:46px;height:72px}.match-player-copy>strong{font-size:11px}.game-arena{height:clamp(410px,66dvh,460px)}.game-pitch{bottom:-305px;transform:translateX(-50%) rotateX(65deg) scale(.71)}}@media (max-height:680px) and (min-width:781px){.game-shell{padding-top:34px}.game-intro h1{font-size:66px}.game-intro>p{font-size:11px}.matchup-selector{margin-top:18px}.match-player{min-height:98px}.match-player-image{height:78px}.game-arena{height:410px}.game-pitch{bottom:-325px;transform:translateX(-50%) rotateX(63deg) scale(.72)}.arena-player{bottom:90px;width:120px;height:180px}}@media (hover:none),(pointer:coarse){.desktop-control{display:none!important}.touch-control{display:block}.game-button .touch-control{display:grid}.game-arena.is-tappable{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}}@media (prefers-reduced-motion:reduce){.game-page *,.game-page :after,.game-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}