:root{
  --page-deep:#040807;
  --page-mid:#0a1620;
  --neon-mint:#2f8fff;
  --neon-green:#4fd8ff;
  --neon-violet:#ff3b3b;
  --neon-pink:#ff6b6b;
  --glass-edge:rgba(255,255,255,.14);
  --player1:var(--neon-mint);
  --player2:var(--neon-violet);
  --cell:rgba(255,255,255,.06);
  --hover:rgba(47,143,255,.16);
  --text:#eaf2ff;
}
*{box-sizing:border-box}
html{height:100%;width:100%;overflow-x:hidden;background:#090a0f}
body{
  font-family:'Plus Jakarta Sans', system-ui, sans-serif;
  font-weight:500;
  color:var(--text);
  margin:0;
  width:100%;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  position:relative;
  overflow-x:hidden;
}
#stars,#stars2,#stars3{
  position:fixed;
  top:0;
  left:0;
  z-index:0;
  pointer-events:none;
  background:transparent;
}
#stars{width:1px;height:1px;box-shadow:2185px 2135px #FFF,232px 233px #FFF,1508px 1616px #FFF,1091px 1512px #FFF,1569px 2838px #FFF,956px 892px #FFF,1916px 446px #FFF,3345px 1347px #FFF,2318px 510px #FFF,98px 1946px #FFF,3132px 1765px #FFF,2213px 1397px #FFF,3858px 667px #FFF,1860px 2242px #FFF,3240px 2356px #FFF,3314px 3867px #FFF,1944px 1965px #FFF,483px 842px #FFF,488px 2958px #FFF,1526px 1232px #FFF,2067px 16px #FFF,1122px 3785px #FFF,2630px 445px #FFF,2423px 3361px #FFF,3096px 2736px #FFF,3227px 438px #FFF,2678px 3174px #FFF,1271px 3444px #FFF,629px 1066px #FFF,2796px 2617px #FFF,3052px 269px #FFF,463px 300px #FFF,3383px 518px #FFF,3877px 3775px #FFF,3133px 2756px #FFF,3131px 988px #FFF,3571px 3016px #FFF,3610px 307px #FFF,2145px 1486px #FFF,2514px 3148px #FFF,3162px 717px #FFF,1998px 1417px #FFF,44px 2115px #FFF,3675px 3013px #FFF,2062px 1714px #FFF,1301px 3042px #FFF,950px 1808px #FFF,1742px 3207px #FFF,3547px 1933px #FFF,3247px 373px #FFF,3343px 3270px #FFF,1448px 1250px #FFF,2450px 1511px #FFF,2798px 3371px #FFF,1189px 892px #FFF,1453px 3024px #FFF,655px 3556px #FFF,966px 474px #FFF,2662px 610px #FFF,694px 2155px #FFF,175px 3906px #FFF,233px 3425px #FFF,747px 3864px #FFF,2328px 1990px #FFF,2062px 2593px #FFF,3970px 2954px #FFF,878px 2441px #FFF,504px 3224px #FFF,1157px 1279px #FFF,1725px 2789px #FFF,1395px 1540px #FFF,3485px 2252px #FFF,2200px 739px #FFF,44px 2946px #FFF,790px 1174px #FFF,281px 1202px #FFF,763px 1872px #FFF,62px 3658px #FFF,2100px 1956px #FFF,2899px 1115px #FFF,2550px 2637px #FFF,423px 2030px #FFF,283px 3451px #FFF,2532px 2254px #FFF,920px 3339px #FFF,623px 1379px #FFF,3401px 2966px #FFF,1171px 126px #FFF,310px 3806px #FFF,2499px 2114px #FFF,83px 104px #FFF,1497px 1341px #FFF,3831px 3795px #FFF,2560px 3969px #FFF,631px 1237px #FFF,932px 511px #FFF,283px 2107px #FFF,2110px 591px #FFF,2506px 693px #FFF,209px 1422px #FFF,1017px 2537px #FFF,2329px 3481px #FFF,1508px 3398px #FFF,278px 1612px #FFF,465px 2735px #FFF,806px 888px #FFF,344px 3392px #FFF,2104px 2346px #FFF,3429px 2672px #FFF,3549px 1057px #FFF,1619px 2298px #FFF,1169px 2667px #FFF,3521px 447px #FFF,286px 2803px #FFF,2847px 3575px #FFF,819px 314px #FFF,368px 63px #FFF,1406px 50px #FFF,3825px 2265px #FFF,1077px 740px #FFF,2703px 2776px #FFF,1332px 412px #FFF,2051px 2163px #FFF,3789px 1585px #FFF,1929px 3934px #FFF,2135px 3076px #FFF,3370px 2802px #FFF,3598px 3284px #FFF,2476px 448px #FFF,2761px 61px #FFF,1019px 3026px #FFF,492px 2448px #FFF,701px 3609px #FFF,1589px 2791px #FFF,91px 2647px #FFF,1754px 2849px #FFF,446px 3294px #FFF,369px 650px #FFF,3403px 619px #FFF,3761px 3217px #FFF,3661px 3620px #FFF,3843px 3190px #FFF,2139px 3978px #FFF,1841px 964px #FFF,3458px 2114px #FFF,3032px 2428px #FFF,3578px 2727px #FFF,1079px 3828px #FFF,3764px 2593px #FFF,2181px 3627px #FFF,872px 853px #FFF,3565px 487px #FFF,823px 1729px #FFF,1648px 1416px #FFF,2641px 3401px #FFF,3px 2596px #FFF,544px 1023px #FFF,264px 587px #FFF,1003px 1291px #FFF,2676px 2237px #FFF,920px 2808px #FFF,2790px 3272px #FFF,303px 456px #FFF,2413px 2810px #FFF,2096px 295px #FFF,2943px 323px #FFF,361px 872px #FFF,3688px 3781px #FFF,1740px 3353px #FFF,1953px 1256px #FFF,2311px 929px #FFF,298px 1606px #FFF,511px 3659px #FFF,767px 1452px #FFF,544px 884px #FFF,2755px 3371px #FFF,922px 2452px #FFF,1951px 36px #FFF,3837px 3371px #FFF,3348px 2279px #FFF,2439px 1455px #FFF,2057px 3765px #FFF,2138px 711px #FFF,2291px 775px #FFF,238px 2059px #FFF,2622px 3480px #FFF,370px 65px #FFF,2058px 3834px #FFF,1115px 1383px #FFF,3774px 3842px #FFF,2887px 605px #FFF,616px 1199px #FFF,3247px 1459px #FFF,3817px 3935px #FFF,3950px 761px #FFF,3741px 2871px #FFF,3954px 3413px #FFF,3737px 1577px #FFF,974px 2379px #FFF,3549px 803px #FFF,1118px 2874px #FFF,2827px 1010px #FFF,3609px 3047px #FFF,3711px 848px #FFF,1393px 2932px #FFF,2759px 3565px #FFF,227px 2138px #FFF,661px 2814px #FFF,3038px 3562px #FFF,2575px 1442px #FFF,271px 735px #FFF,3595px 1912px #FFF,1741px 2883px #FFF,3436px 625px #FFF,2871px 111px #FFF,3204px 2642px #FFF,2200px 2317px #FFF,3179px 1710px #FFF,1571px 101px #FFF,2150px 634px #FFF,1094px 1432px #FFF,1833px 3058px #FFF,3466px 393px #FFF,2268px 253px #FFF,3382px 2416px #FFF,339px 1548px #FFF,3132px 3842px #FFF,2425px 3508px #FFF,147px 1462px #FFF,1809px 2512px #FFF,795px 1566px #FFF,3013px 190px #FFF,2596px 610px #FFF,1545px 1497px #FFF,3473px 2160px #FFF,3729px 1953px #FFF,1366px 537px #FFF,3924px 2872px #FFF,493px 3385px #FFF,1384px 2492px #FFF,1559px 3383px #FFF,3473px 3078px #FFF,1654px 376px #FFF,398px 1767px #FFF,2929px 3723px #FFF,2409px 295px #FFF,1183px 84px #FFF,3260px 3333px #FFF,2816px 376px #FFF,221px 1198px #FFF,2970px 3263px #FFF,1799px 3874px #FFF,3198px 2619px #FFF,2534px 167px #FFF,2296px 2300px #FFF,2410px 987px #FFF,127px 1484px #FFF,1624px 1842px #FFF,1504px 889px #FFF,1076px 2001px #FFF,513px 1930px #FFF,2432px 3925px #FFF,3772px 1608px #FFF,1915px 7px #FFF,3454px 2832px #FFF,2852px 1561px #FFF,2261px 3282px #FFF,2542px 3104px #FFF,2931px 3998px #FFF,3824px 3829px #FFF,2054px 845px #FFF,657px 2062px #FFF,1805px 3910px #FFF,2976px 2758px #FFF,489px 1893px #FFF,784px 3160px #FFF,1241px 3118px #FFF,2060px 953px #FFF,2087px 3485px #FFF,389px 3057px #FFF,408px 41px #FFF,645px 1523px #FFF,1764px 3143px #FFF,2202px 3322px #FFF,736px 1501px #FFF,2439px 710px #FFF,570px 1488px #FFF,1918px 374px #FFF,183px 3806px #FFF,1485px 1891px #FFF,2345px 2809px #FFF,514px 919px #FFF,3343px 312px #FFF,667px 2136px #FFF,24px 184px #FFF,1719px 963px #FFF,46px 3255px #FFF,1641px 711px #FFF,2208px 1185px #FFF,2401px 2031px #FFF,1084px 154px #FFF,203px 2814px #FFF,2539px 2345px #FFF,2142px 2432px #FFF,3770px 1115px #FFF,13px 2129px #FFF,2293px 2866px #FFF,242px 214px #FFF,916px 1517px #FFF,1018px 2665px #FFF,3690px 3434px #FFF,726px 383px #FFF,2329px 1506px #FFF,1942px 2664px #FFF,1396px 3666px #FFF,603px 1986px #FFF,3171px 3063px #FFF,1823px 2817px #FFF,3995px 3260px #FFF,2515px 3755px #FFF,1977px 1383px #FFF,2293px 1081px #FFF,2002px 2238px #FFF,794px 3552px #FFF,769px 2942px #FFF,2706px 2120px #FFF,912px 3695px #FFF,3043px 446px #FFF,53px 3892px #FFF,76px 953px #FFF,688px 159px #FFF,1519px 1771px #FFF,962px 3983px #FFF,1356px 2509px #FFF,38px 2767px #FFF,449px 537px #FFF,3635px 1940px #FFF,1823px 2705px #FFF,3384px 1318px #FFF,1562px 1473px #FFF,3157px 3199px #FFF,568px 2966px #FFF,873px 3279px #FFF,744px 1819px #FFF,509px 510px #FFF,3945px 3279px #FFF,1017px 2650px #FFF,2611px 3629px #FFF,1445px 573px #FFF,1705px 3895px #FFF,17px 1938px #FFF,26px 2626px #FFF,1267px 2479px #FFF,3858px 3867px #FFF,1327px 2878px #FFF,539px 1500px #FFF,945px 650px #FFF,2202px 3198px #FFF,3482px 3945px #FFF,1161px 2614px #FFF,2553px 2042px #FFF,2919px 148px #FFF,845px 241px #FFF,595px 337px #FFF,2748px 2485px #FFF,2998px 2359px #FFF,952px 1313px #FFF,992px 3727px #FFF,3247px 126px #FFF,270px 229px #FFF,3726px 2728px #FFF,802px 3422px #FFF,3880px 1547px #FFF,1590px 820px #FFF,3840px 1565px #FFF,2758px 482px #FFF,3177px 3770px #FFF,3276px 3965px #FFF,2002px 95px #FFF,2983px 586px #FFF,2009px 2449px #FFF,3933px 431px #FFF,3625px 457px #FFF,3566px 3200px #FFF,2531px 3147px #FFF,2627px 319px #FFF,3805px 671px #FFF,3893px 3879px #FFF,169px 815px #FFF,2430px 3800px #FFF,1802px 2538px #FFF,3410px 682px #FFF,2084px 1423px #FFF,3597px 3557px #FFF,2383px 459px #FFF,2921px 500px #FFF,3817px 3084px #FFF,1006px 1539px #FFF,2005px 141px #FFF,1119px 3859px #FFF,570px 2900px #FFF,1688px 1881px #FFF,3835px 3537px #FFF,1668px 3893px #FFF,3212px 411px #FFF,1202px 44px #FFF,1804px 1148px #FFF,2220px 144px #FFF,1061px 810px #FFF,2031px 3300px #FFF,1469px 793px #FFF,981px 997px #FFF,2241px 1771px #FFF,3677px 1611px #FFF,613px 1109px #FFF,1712px 356px #FFF,1051px 335px #FFF,3409px 3398px #FFF,2985px 1201px #FFF,2864px 1110px #FFF,364px 3359px #FFF,1266px 951px #FFF,3916px 2797px #FFF,2575px 587px #FFF,941px 1942px #FFF,2672px 1771px #FFF,1225px 1107px #FFF,1175px 1921px #FFF,325px 1688px #FFF,3378px 1700px #FFF,2610px 1326px #FFF,829px 830px #FFF,1115px 1410px #FFF,808px 3474px #FFF,3321px 567px #FFF,1169px 3820px #FFF,3672px 1742px #FFF,2388px 3520px #FFF,1651px 3468px #FFF,3064px 3974px #FFF,205px 1928px #FFF,3913px 2816px #FFF,1447px 3088px #FFF,1616px 695px #FFF,369px 3923px #FFF,13px 1532px #FFF,3787px 2679px #FFF,2461px 1758px #FFF,2796px 1016px #FFF,2347px 2261px #FFF,2752px 3272px #FFF,3633px 3544px #FFF,2499px 1792px #FFF,2820px 1425px #FFF,2647px 1865px #FFF,2310px 1959px #FFF,132px 1610px #FFF,3117px 976px #FFF,3055px 1746px #FFF,1971px 2194px #FFF,1779px 3092px #FFF,3183px 3962px #FFF,3836px 2856px #FFF,2040px 2296px #FFF,868px 1767px #FFF,3205px 2471px #FFF,3740px 3315px #FFF,1842px 3314px #FFF,2052px 3671px #FFF,1622px 1531px #FFF,2529px 2269px #FFF,1766px 1514px #FFF,3444px 167px #FFF,631px 905px #FFF,1649px 3806px #FFF,3040px 2926px #FFF,1635px 3038px #FFF,1884px 3353px #FFF,1113px 3439px #FFF,2px 41px #FFF,541px 2671px #FFF,3219px 1316px #FFF,239px 2175px #FFF,1397px 3510px #FFF,2726px 1724px #FFF,2244px 1837px #FFF,3292px 3373px #FFF,2679px 1155px #FFF,1856px 1824px #FFF,2746px 1587px #FFF,1300px 3782px #FFF,3051px 3956px #FFF,3217px 3762px #FFF,3270px 842px #FFF,671px 3765px #FFF,1126px 1895px #FFF,2011px 3090px #FFF,3657px 150px #FFF,3068px 1854px #FFF,1823px 2707px #FFF,3307px 1443px #FFF,3221px 1044px #FFF,3354px 1854px #FFF,747px 3720px #FFF,2218px 2100px #FFF,3473px 3674px #FFF,2855px 1054px #FFF,1660px 2676px #FFF,1568px 390px #FFF,2618px 488px #FFF,3510px 1777px #FFF,2354px 626px #FFF,2165px 3057px #FFF,3604px 3094px #FFF,1054px 2979px #FFF,3555px 584px #FFF,3543px 1110px #FFF,229px 663px #FFF,2324px 3291px #FFF,2913px 3564px #FFF,1803px 1349px #FFF,1501px 304px #FFF,1903px 777px #FFF,678px 1705px #FFF,1337px 3784px #FFF,2537px 3916px #FFF,3663px 2634px #FFF,2440px 1552px #FFF,374px 208px #FFF,3236px 275px #FFF,3144px 813px #FFF,3385px 1896px #FFF,3113px 200px #FFF,421px 330px #FFF,241px 1880px #FFF,2534px 1370px #FFF,1759px 3187px #FFF,799px 514px #FFF,2702px 2283px #FFF,2513px 959px #FFF,784px 2323px #FFF,671px 2243px #FFF,1067px 2015px #FFF,687px 2551px #FFF,15px 902px #FFF,1137px 3659px #FFF,2520px 1552px #FFF,3274px 1238px #FFF,2491px 3452px #FFF,881px 1386px #FFF,3736px 3504px #FFF,3364px 3954px #FFF,3227px 1553px #FFF,2672px 2908px #FFF,3269px 971px #FFF,611px 3654px #FFF,3528px 1327px #FFF,2898px 3586px #FFF,2549px 3082px #FFF,2805px 3277px #FFF,1807px 858px #FFF,1635px 2700px #FFF,3013px 416px #FFF,2600px 2454px #FFF,558px 905px #FFF,8px 2106px #FFF,57px 2564px #FFF,2171px 1517px #FFF,3405px 1184px #FFF,2827px 1976px #FFF,2450px 3228px #FFF,348px 470px #FFF,1645px 1405px #FFF,586px 1897px #FFF,2px 3982px #FFF,3551px 1794px #FFF,1358px 1535px #FFF,961px 3939px #FFF,1942px 939px #FFF,253px 3124px #FFF,3450px 3631px #FFF,2327px 3286px #FFF,1581px 3210px #FFF,2794px 3433px #FFF,3775px 1703px #FFF,392px 3071px #FFF,2990px 3330px #FFF,3082px 3676px #FFF,3106px 659px #FFF,3600px 3599px #FFF,1509px 1555px #FFF,1532px 3634px #FFF,3476px 2660px #FFF,550px 2521px #FFF,297px 3297px #FFF,1551px 1288px #FFF,3277px 2826px #FFF,1156px 1609px #FFF,943px 655px #FFF,1605px 1417px #FFF,1705px 3484px #FFF,298px 1940px #FFF,2679px 303px #FFF,1054px 2032px #FFF,3883px 3976px #FFF,240px 2779px #FFF,3349px 279px #FFF,1408px 2568px #FFF,1799px 2425px #FFF,3540px 2308px #FFF,1254px 3213px #FFF,1562px 3147px #FFF,3589px 3366px #FFF,2259px 1920px #FFF,2958px 1986px #FFF,3320px 1673px #FFF,1712px 2747px #FFF,1144px 2106px #FFF,2350px 3973px #FFF,2px 2163px #FFF,2007px 37px #FFF,412px 3623px #FFF,2941px 3945px #FFF,2997px 2349px #FFF,3726px 2239px #FFF,2664px 845px #FFF,1937px 2361px #FFF,1663px 1638px #FFF,2629px 356px #FFF,2752px 1912px #FFF,1304px 3135px #FFF,3371px 627px #FFF,1901px 1662px #FFF,3333px 2456px #FFF,1012px 3593px #FFF,2352px 1527px #FFF,471px 2158px #FFF,1179px 2628px #FFF,3565px 53px #FFF,2191px 1922px #FFF,286px 1716px #FFF,3833px 1780px #FFF,2659px 589px #FFF,3137px 3928px #FFF,1893px 3974px #FFF,3295px 1976px #FFF,3524px 1352px #FFF,2596px 1037px #FFF,3449px 1316px #FFF,2636px 993px #FFF,2747px 3271px #FFF,3388px 2066px #FFF,3528px 1568px #FFF,892px 486px #FFF,1540px 2075px #FFF,1513px 909px #FFF,3633px 921px #FFF,2348px 2702px #FFF,1021px 2701px #FFF,158px 3382px #FFF,3931px 2210px #FFF,3107px 2261px #FFF,2614px 10px #FFF,1675px 2865px #FFF,2869px 1296px #FFF,518px 1088px #FFF,3471px 1637px #FFF,2586px 2393px #FFF,2325px 860px #FFF,2297px 1205px #FFF,2915px 1008px #FFF,1083px 1165px #FFF,475px 2208px #FFF,1322px 2638px #FFF,704px 185px #FFF,550px 267px #FFF,3359px 2866px #FFF,808px 2147px #FFF,3241px 3214px #FFF,3251px 939px #FFF,2628px 3089px #FFF,3330px 1486px #FFF,3102px 2306px #FFF,3216px 1910px #FFF,3071px 2592px #FFF,1442px 98px #FFF,2306px 3511px #FFF,2105px 1207px #FFF,3113px 1711px #FFF,3979px 2184px #FFF,680px 3567px #FFF,2137px 1265px #FFF,502px 504px #FFF,2812px 801px #FFF,2587px 3947px #FFF,2757px 645px #FFF,3363px 3835px #FFF,3134px 837px #FFF,272px 3982px #FFF,2080px 2538px #FFF;animation:animStar 50s linear infinite}
#stars:after{content:" ";position:absolute;top:4000px;width:1px;height:1px;background:transparent;box-shadow:inherit}
#stars2{width:2px;height:2px;box-shadow:3893px 3269px #FFF,1382px 3393px #FFF,3018px 3085px #FFF,488px 1132px #FFF,3362px 3344px #FFF,2856px 32px #FFF,1442px 2968px #FFF,2888px 560px #FFF,1605px 1377px #FFF,1176px 3416px #FFF,329px 2737px #FFF,3682px 2430px #FFF,3746px 2918px #FFF,499px 937px #FFF,3761px 1501px #FFF,636px 1570px #FFF,2629px 91px #FFF,3175px 1505px #FFF,3580px 987px #FFF,1710px 769px #FFF,2739px 3304px #FFF,2569px 3154px #FFF,2124px 909px #FFF,2477px 1609px #FFF,568px 2679px #FFF,1651px 2537px #FFF,3320px 1148px #FFF,2117px 693px #FFF,2px 2468px #FFF,2106px 2266px #FFF,3674px 1527px #FFF,1284px 3563px #FFF,972px 2060px #FFF,35px 886px #FFF,2199px 2417px #FFF,3111px 2698px #FFF,2230px 3215px #FFF,3413px 2446px #FFF,578px 3737px #FFF,485px 1172px #FFF,2501px 1611px #FFF,1368px 2689px #FFF,472px 182px #FFF,3505px 3469px #FFF,3484px 1757px #FFF,982px 3236px #FFF,2250px 3283px #FFF,355px 3274px #FFF,2016px 187px #FFF,2928px 1387px #FFF,3994px 1477px #FFF,1127px 724px #FFF,977px 1773px #FFF,1620px 2174px #FFF,957px 537px #FFF,3636px 675px #FFF,3230px 169px #FFF,2348px 1674px #FFF,2194px 2768px #FFF,3116px 3514px #FFF,1442px 2308px #FFF,2658px 2919px #FFF,1419px 2901px #FFF,3138px 675px #FFF,2961px 2529px #FFF,3759px 3320px #FFF,2436px 3642px #FFF,685px 388px #FFF,3091px 165px #FFF,3354px 3133px #FFF,103px 2781px #FFF,3068px 947px #FFF,3574px 1881px #FFF,3984px 1924px #FFF,2902px 3312px #FFF,372px 1666px #FFF,97px 1121px #FFF,3067px 1712px #FFF,61px 2178px #FFF,2283px 3824px #FFF,2649px 28px #FFF,2597px 1782px #FFF,3755px 2977px #FFF,547px 3813px #FFF,2678px 116px #FFF,925px 3193px #FFF,2007px 2331px #FFF,1823px 3382px #FFF,3931px 972px #FFF,3957px 2282px #FFF,1800px 1978px #FFF,3324px 111px #FFF,3350px 1561px #FFF,360px 1261px #FFF,2349px 827px #FFF,1597px 3636px #FFF,403px 2723px #FFF,2458px 2317px #FFF,3810px 1956px #FFF,94px 2743px #FFF,1229px 761px #FFF,2265px 1433px #FFF,2250px 2306px #FFF,1461px 3247px #FFF,1525px 159px #FFF,2642px 2923px #FFF,1566px 2371px #FFF,2129px 2847px #FFF,894px 3050px #FFF,1218px 383px #FFF,2531px 1899px #FFF,361px 1446px #FFF,3640px 548px #FFF,226px 3981px #FFF,2865px 3356px #FFF,2363px 3244px #FFF,3128px 473px #FFF,3010px 3418px #FFF,3675px 3630px #FFF,547px 1456px #FFF,682px 1840px #FFF,372px 1913px #FFF,2905px 2243px #FFF,1903px 996px #FFF,2944px 3077px #FFF,2699px 180px #FFF,2822px 367px #FFF,3966px 3177px #FFF,786px 85px #FFF,413px 1089px #FFF,1494px 14px #FFF,3006px 951px #FFF,2260px 3930px #FFF,3547px 2210px #FFF,1440px 2824px #FFF,2007px 395px #FFF,2456px 3935px #FFF,1910px 2012px #FFF,443px 995px #FFF,202px 3369px #FFF,1162px 59px #FFF,3212px 1701px #FFF,3481px 1040px #FFF,3313px 1967px #FFF,2958px 406px #FFF,3364px 3451px #FFF,54px 1883px #FFF,2260px 3497px #FFF,1194px 1179px #FFF,3881px 2220px #FFF,624px 3569px #FFF,3179px 1861px #FFF,3787px 2506px #FFF,1541px 2082px #FFF,3215px 462px #FFF,740px 1211px #FFF,1830px 1103px #FFF,1861px 3354px #FFF,338px 386px #FFF,3456px 2064px #FFF,2324px 2313px #FFF,1896px 2312px #FFF,2337px 291px #FFF,3714px 2185px #FFF,2083px 2377px #FFF,2619px 1347px #FFF,2927px 115px #FFF,989px 2756px #FFF,1148px 2803px #FFF,3864px 2458px #FFF,461px 775px #FFF,3117px 1160px #FFF,3473px 3720px #FFF,3742px 2616px #FFF,3116px 252px #FFF,2097px 432px #FFF,3084px 1074px #FFF,2879px 1604px #FFF,2787px 2200px #FFF,1149px 2010px #FFF,2504px 1440px #FFF,2249px 2635px #FFF,3805px 2614px #FFF,2856px 3166px #FFF,950px 3199px #FFF,587px 424px #FFF,3569px 532px #FFF,2866px 299px #FFF,1381px 2020px #FFF,2059px 896px #FFF,3879px 2565px #FFF,3931px 2807px #FFF,2733px 180px #FFF,1473px 176px #FFF,3130px 1518px #FFF,3583px 3576px #FFF,3178px 969px #FFF,2858px 1941px #FFF,56px 2182px #FFF,3141px 3431px #FFF;animation:animStar 100s linear infinite}
#stars2:after{content:" ";position:absolute;top:4000px;width:2px;height:2px;background:transparent;box-shadow:inherit}
#stars3{width:3px;height:3px;box-shadow:2753px 408px #FFF,581px 3897px #FFF,1330px 3119px #FFF,2923px 2175px #FFF,1297px 3523px #FFF,3884px 3827px #FFF,2751px 561px #FFF,2711px 3356px #FFF,2211px 1862px #FFF,3518px 1669px #FFF,317px 1064px #FFF,830px 3657px #FFF,1144px 143px #FFF,1025px 481px #FFF,3371px 1331px #FFF,680px 688px #FFF,1325px 3188px #FFF,3197px 908px #FFF,2089px 2308px #FFF,458px 2822px #FFF,641px 1666px #FFF,1640px 1270px #FFF,3358px 3097px #FFF,306px 2348px #FFF,1648px 2519px #FFF,1733px 3271px #FFF,3234px 149px #FFF,1103px 723px #FFF,785px 454px #FFF,100px 2232px #FFF,3757px 3410px #FFF,3265px 1732px #FFF,542px 1372px #FFF,3672px 1407px #FFF,3008px 1511px #FFF,3985px 2806px #FFF,1452px 2564px #FFF,1755px 2459px #FFF,2028px 1292px #FFF,748px 450px #FFF,3884px 2792px #FFF,2322px 1921px #FFF,2884px 1590px #FFF,1405px 2977px #FFF,1582px 3319px #FFF,2992px 2818px #FFF,508px 50px #FFF,3433px 3695px #FFF,3051px 562px #FFF,3000px 1564px #FFF,235px 3359px #FFF,271px 579px #FFF,3281px 3999px #FFF,1673px 3214px #FFF,2118px 3109px #FFF,2132px 220px #FFF,1900px 3678px #FFF,872px 530px #FFF,3061px 2463px #FFF,954px 3055px #FFF,377px 3095px #FFF,3295px 3466px #FFF,2867px 2135px #FFF,830px 2530px #FFF,213px 151px #FFF,1120px 3054px #FFF,3401px 2523px #FFF,2950px 2161px #FFF,1065px 1212px #FFF,592px 535px #FFF,2878px 3270px #FFF,2398px 3021px #FFF,2468px 3906px #FFF,1381px 648px #FFF,1677px 1433px #FFF,639px 916px #FFF,1868px 1386px #FFF,2685px 89px #FFF,3595px 1903px #FFF,3121px 2367px #FFF,271px 2115px #FFF,2435px 2572px #FFF,3863px 2808px #FFF,948px 1296px #FFF,2238px 989px #FFF,2916px 417px #FFF,2672px 2538px #FFF,3471px 1898px #FFF,1606px 2542px #FFF,170px 931px #FFF,1116px 1880px #FFF,3179px 3130px #FFF,3036px 1383px #FFF,1020px 1222px #FFF,1062px 1816px #FFF,1033px 1523px #FFF,1827px 474px #FFF,856px 2296px #FFF,2078px 801px #FFF,2614px 1496px #FFF;animation:animStar 150s linear infinite}
#stars3:after{content:" ";position:absolute;top:4000px;width:3px;height:3px;background:transparent;box-shadow:inherit}
@keyframes animStar{
  from{transform:translateY(0)}
  to{transform:translateY(-4000px)}
}
.container{
  position:relative;
  z-index:1;
  max-width:460px;
  width:95%;
  text-align:center;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid var(--glass-edge);
  padding:22px 18px;
  border-radius:20px;
  box-shadow:0 24px 60px rgba(0,0,0,.45);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.logo{
  display:block;
  max-width:100%;
  width:320px;
  height:auto;
  margin:0 auto 14px;
  filter:drop-shadow(0 0 24px rgba(47,143,255,.35)) drop-shadow(0 0 24px rgba(255,59,59,.2));
}
.screen[hidden]{display:none}
.menu-tagline{color:rgba(232,255,248,.7);margin:0 0 18px}
.menu-actions{display:flex;flex-direction:column;gap:12px;max-width:260px;margin:0 auto}
.menu-btn{
  font-family:inherit;
  font-weight:800;
  font-size:1rem;
  background:linear-gradient(135deg, rgba(47,143,255,.22), rgba(167,139,250,.18));
  color:#eaf4ff;
  border:1px solid rgba(47,143,255,.45);
  padding:.9rem 1.2rem;
  border-radius:999px;
  cursor:pointer;
  box-shadow:0 0 32px rgba(47,143,255,.2), inset 0 1px 0 rgba(255,255,255,.12);
  transition:transform .2s, box-shadow .2s, border-color .2s;
}
.menu-btn:hover{
  transform:translateY(-2px);
  border-color:rgba(255,59,59,.55);
  box-shadow:0 12px 40px rgba(0,0,0,.35), 0 0 40px rgba(255,59,59,.28);
}
#auth-screen{display:flex;flex-direction:column;gap:10px;max-width:280px;margin:0 auto}
#auth-screen[hidden]{display:none}
#auth-screen input{
  font-family:inherit;
  font-size:.9rem;
  color:var(--text);
  background:rgba(255,255,255,.06);
  border:1px solid var(--glass-edge);
  border-radius:10px;
  padding:.65rem .8rem;
}
#auth-screen input::placeholder{color:rgba(232,255,248,.4)}
#auth-screen input[hidden]{display:none}
#auth-submit{
  font-family:inherit;
  font-weight:700;
  font-size:.9rem;
  background:rgba(47,143,255,.08);
  color:#bfe0ff;
  border:1px solid rgba(47,143,255,.35);
  padding:.65rem 1rem;
  border-radius:999px;
  cursor:pointer;
  box-shadow:0 0 20px rgba(47,143,255,.12), inset 0 1px 0 rgba(255,255,255,.12);
  transition:transform .2s, box-shadow .2s, border-color .2s;
}
#auth-submit:hover{
  border-color:rgba(255,59,59,.6);
  box-shadow:0 0 28px rgba(255,59,59,.25), inset 0 1px 0 rgba(255,255,255,.18);
  transform:translateY(-1px);
}
.link-btn{
  font-family:inherit;
  font-size:.8rem;
  font-weight:600;
  color:rgba(180,255,232,.75);
  background:none;
  border:none;
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:3px;
  padding:2px;
}
.link-btn:hover{color:#bfe0ff}
.auth-error{color:var(--neon-pink);font-size:.82rem;min-height:1.1em}
.controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:12px}
.controls[hidden]{display:none}
.controls label{font-size:14px;color:rgba(232,255,248,.75);display:flex;align-items:center;gap:6px}
.controls input[type=radio]{transform:scale(1.1);accent-color:var(--neon-mint)}
.controls .difficulty{align-items:center}
#restart,
#find-match,
#toggle-leaderboard{
  font-family:inherit;
  font-weight:700;
  font-size:.85rem;
  background:rgba(47,143,255,.08);
  color:#bfe0ff;
  border:1px solid rgba(47,143,255,.35);
  padding:.55rem 1.15rem;
  border-radius:999px;
  cursor:pointer;
  box-shadow:0 0 20px rgba(47,143,255,.12), inset 0 1px 0 rgba(255,255,255,.12);
  transition:transform .2s, box-shadow .2s, border-color .2s;
}
#restart:hover,
#find-match:hover,
#toggle-leaderboard:hover{
  border-color:rgba(255,59,59,.6);
  box-shadow:0 0 28px rgba(255,59,59,.25), inset 0 1px 0 rgba(255,255,255,.18);
  transform:translateY(-1px);
}
#online-username,#opponent-name,#online-status{font-size:14px;color:rgba(232,255,248,.75)}
#online-username{font-weight:700;color:#bfe0ff}
.status{margin:8px 0 14px;font-weight:700;color:#f0fffa;text-shadow:0 0 24px rgba(47,143,255,.25)}
#leaderboard-screen{
  background:rgba(255,255,255,.04);
  border:1px solid var(--glass-edge);
  border-radius:14px;
  padding:16px 18px;
  text-align:left;
  max-width:320px;
  margin:0 auto;
}
#leaderboard-screen h2{margin:0 0 10px;font-size:1.1rem;color:#bfe0ff}
#leaderboard-list{margin:0 0 10px;padding-left:20px;color:rgba(232,255,248,.85);font-size:14px}
.board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:rgba(0,0,0,.25);padding:10px;border-radius:16px;border:1px solid var(--glass-edge)}
.cell{background:var(--cell);border:1px solid rgba(255,255,255,.08);border-radius:10px;height:120px;font-size:48px;color:#fff;cursor:pointer;position:relative;overflow:hidden;transition:background .2s,transform .06s,box-shadow .18s}
.cell:hover{background:var(--hover);transform:scale(1.02)}
.cell:disabled{cursor:default;opacity:0.95}
.board.locked .cell:not(:disabled){cursor:not-allowed}
.cell.x{background:linear-gradient(145deg, var(--neon-mint), var(--neon-green));box-shadow:0 0 24px rgba(47,143,255,.25)}
.cell.o{background:linear-gradient(145deg, var(--neon-violet), var(--neon-pink));box-shadow:0 0 24px rgba(255,59,59,.25)}
.cell .piece{display:block;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;line-height:1;transform-origin:center;transform:rotateX(90deg);opacity:0;transition:transform .32s cubic-bezier(.2,.9,.3,1),opacity .18s}
.cell.placed .piece{transform:rotateX(0);opacity:1}

/* Hover preview using data-preview */
.cell::before{content:attr(data-preview);position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:48px;opacity:0;pointer-events:none;transition:opacity .14s}
.cell.preview::before{opacity:.18}

/* Drop+bounce */
@keyframes drop{0%{transform:translateY(-60px);opacity:0}70%{transform:translateY(6px)}100%{transform:translateY(0);opacity:1}}
.cell.placed.drop .piece{animation:drop .45s cubic-bezier(.2,.8,.3,1)}

/* Glow for available cells */
.cell.available{box-shadow:0 0 18px rgba(47,143,255,.18)}

/* Winning highlight */
.cell.win{box-shadow:0 0 0 6px rgba(47,143,255,.35), inset 0 0 40px rgba(255,255,255,.08);transform:translateY(-4px)}

/* Ripple effect */
.cell::after{content:'';position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .5s,opacity .5s}
.cell.ripple::after{transform:translate(-50%,-50%) scale(15);opacity:.18}

/* Confetti */
.confetti{position:fixed;left:0;right:0;top:0;bottom:0;pointer-events:none}
.confetti span{position:absolute;will-change:transform,opacity;opacity:0;animation:confettiFall 1200ms linear forwards}
@keyframes confettiFall{0%{opacity:1;transform:translateY(-10vh) rotate(0deg)}100%{opacity:0;transform:translateY(110vh) rotate(720deg)}}
footer{font-size:12px;color:rgba(180,230,215,.4);margin-top:14px}
@media(min-width:600px){
  .cell{height:140px}
}
.end-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center}
.end-box{background:var(--page-mid);border:1px solid var(--glass-edge);padding:28px;border-radius:14px;text-align:center;color:var(--text)}
.end-box button{margin-top:12px;background:rgba(47,143,255,.08);color:#bfe0ff;border:1px solid rgba(47,143,255,.35);padding:8px 14px;border-radius:999px;cursor:pointer}