._Shadow_inset_1k6xg_1{box-shadow:inset 0 -12px hsl(var(--grey-900))}._items_between_oqxj8_1{display:flex;justify-content:space-between}._flex_col_oqxj8_6{display:flex;flex-direction:column}._text_lg_oqxj8_11{font-size:2rem;font-weight:800}._text_xl_oqxj8_16{font-size:2.5rem;font-weight:800}._text_xxl_oqxj8_21{font-size:3rem;font-weight:800}._text_center_oqxj8_26{text-align:center}._m_y_1_oqxj8_30{margin-block:1rem}@keyframes _bounceIn_10noh_1{0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleZ(1)}}._Game_10noh_3{background:hsl(var(--grey-700));width:min(100%,350px);margin:auto;text-align:center;padding:2rem 1.5rem;border-radius:1rem;gap:.5rem;animation:_bounceIn_10noh_1 var(--drt-normal);animation-timing-function:var(--bounce-bezier)}@keyframes _bounceIn_rzhfs_1{0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleZ(1)}}._Board_rzhfs_3{display:grid;grid-template-columns:repeat(3,1fr)}._Square_rzhfs_8{width:100%;aspect-ratio:1;border:2px solid hsla(var(--grey-300),.3);display:grid;place-items:center;cursor:pointer}._Square_rzhfs_8>svg{width:32px;height:32px;animation:_bounceIn_rzhfs_1 var(--drt-normal);animation-timing-function:var(--bounce-bezier)}._Square_rzhfs_8:hover{background-color:hsla(var(--grey-300),.05)}@media screen and (width > 350px){._Square_rzhfs_8>svg{width:40px;height:40px}}._Square_rzhfs_8:nth-child(n+7){border-bottom:none}._Square_rzhfs_8:nth-last-child(n+7){border-top:none}._Square_rzhfs_8:nth-child(3n){border-right:none}._Square_rzhfs_8:nth-child(1),._Square_rzhfs_8:nth-child(4),._Square_rzhfs_8:nth-child(7){border-left:none}._Button3D_1dver_1{outline-offset:4px;display:flex;align-items:center;justify-content:center;gap:.25rem;width:64px;height:64px;border-radius:100vh;font-weight:700;cursor:pointer;background:linear-gradient(hsl(var(--hue),var(--saturation),var(--lightness-primary)),hsl(var(--hue),calc(var(--saturation) - 5%),var(--lightness-secondary)));box-shadow:inset 0 4pt 10pt -2pt hsl(var(--hue),var(--saturation),var(--lightness-shadow)),0 4pt 5pt -3pt #0009;border-bottom:3px solid hsl(var(--hue),var(--saturation),var(--lightness-border));outline:1px solid;outline-color:hsl(var(--hue),var(--saturation),var(--lightness-outline));transition:all .3s ease}._Button3D_1dver_1:hover{border-width:6px;translate:0 -2px}._Button3D_1dver_1:active{translate:0 0;border-width:1px}._Button3D_1dver_1[disabled]{--hue: 209 !important;--saturation: 10%;opacity:.7;border-width:0;pointer-events:none}._Button_primary_1dver_38{--hue: 144;--lightness-primary: 38%;--lightness-shadow: 47%;--lightness-border: 22%;--lightness-outline: 55%}._Button_secondary_1dver_46{--hue: 22;--lightness-primary: 38%;--lightness-shadow: 47%;--lightness-border: 25%;--lightness-outline: 62%;width:48px;height:48px}._Button_fitContent_1dver_56{width:auto;height:auto;padding:.5rem .75rem}._Button_home_1dver_62{outline:none;--hue: 39;--saturation: 88%;--lightness-primary: 58%;--lightness-shadow: 47%;--lightness-border: 25%;--lightness-outline: 62%;width:48px;height:48px}._FooterGame_1n9eh_1{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem 2rem}._Label_1n9eh_9{color:hsl(var(--grey-300));border-radius:100vh;border:1px solid;padding:.5rem .75rem;font-weight:600;order:-1;width:100%}@media screen and (width > 375px){._FooterGame_1n9eh_1{flex-wrap:nowrap}._Label_1n9eh_9{order:unset;width:auto}}._ScoreLayout_1qpit_1{display:flex;align-items:center;justify-content:center}._Score_1qpit_1{flex:1;height:48px;display:grid;place-items:center;font-weight:600}._Score_1qpit_1>svg{width:20px;height:20px}._Score_x_1qpit_20{color:var(--x-token)}._Score_o_1qpit_24{color:var(--o-token)}._Turn_14zez_1{display:flex;justify-content:center;margin-inline:auto;width:fit-content;position:relative;border-radius:100vh;margin-block:1rem;border:1px solid hsl(var(--grey-300))}._Turn_turn_14zez_12{width:40px;height:40px;border-radius:50%;display:grid;place-content:center}._Turn_turn__active_14zez_20{background:hsl(var(--sky-600))}._Turn_turn__active_14zez_20>svg{color:hsl(var(--white))}@keyframes _bounceIn_cxskb_1{0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleZ(1)}}._Modal_cxskb_3{position:fixed;width:100vw;height:100vh;top:0;left:0;display:grid;place-items:center;background-color:hsla(var(--grey-800),.9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:all}._Modal_content_cxskb_16{background:hsl(var(--grey-700));height:max-content;width:min(100%,350px);border:2px solid hsl(var(--grey-800));border-radius:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding-block:2rem 5rem;animation:_bounceIn_cxskb_1 var(--drt-normal);animation-timing-function:var(--bounce-bezier)}._Modal_winner_cxskb_32 svg{width:56px;height:56px}@keyframes _bounceIn_6s7wa_1{0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleZ(1)}}._SelectGameMode_6s7wa_3{align-items:center;gap:1.5rem;animation:_bounceIn_6s7wa_1 var(--drt-normal);animation-timing-function:var(--bounce-bezier)}._Marks_6s7wa_10{display:flex}._Marks_6s7wa_10 svg{width:36px;height:36px}._Title_6s7wa_19{color:hsl(var(--grey-300));font-size:clamp(1.5rem,12vw,4.5rem);font-weight:800;line-height:1;margin-bottom:1rem;text-shadow:0 1px 0 hsl(var(--grey-100)),0 2px 0 hsla(var(--grey-500),.5),0 3px 0 hsla(var(--grey-500),.5),0 4px 0 hsla(var(--grey-500),.5),0 5px 0 hsla(var(--grey-500),.5),0 6px 0 hsla(var(--grey-500),.5),0 7px 0 hsla(var(--grey-500),.5),0 8px 0 hsla(var(--grey-500),.5)}._Options_6s7wa_35{gap:.5rem}._Button_6s7wa_39{text-wrap:nowrap;height:48px;border-radius:.75rem;font-weight:600;font-size:clamp(.875rem,5vw,1.125rem);outline:none;padding-inline:1.5rem}._ModeSingle_6s7wa_49{color:hsl(var(--grey-700));--hue: 190;--saturation: 86%;--lightness-primary: 38%;--lightness-shadow: 47%;--lightness-border: 22%;--lightness-outline: 55%}._ModeMultiplayer_6s7wa_59{--hue: 210;--saturation: 83%;--lightness-primary: 38%;--lightness-shadow: 47%;--lightness-border: 22%;--lightness-outline: 55%}._ChooseDificult_label_6s7wa_68{display:inline-block;font-size:1rem;font-weight:600;margin-bottom:.25rem}._Dropdown_1dycm_1{position:relative;--h-content: 0fr}._DropdownTrigger_1dycm_6{width:100%;display:flex;align-items:center;justify-content:center;gap:1rem;height:48px;font-size:1.25rem;font-weight:700;padding-inline:2.5rem;background:hsl(var(--grey-700));border-radius:.75rem;box-shadow:inset 0 -4px hsl(var(--grey-900));padding-bottom:.25rem}._DropdownWrapper_1dycm_22{display:grid;grid-template-rows:var(--h-content);position:absolute;overflow:hidden;top:calc(100% - 16px);background:hsl(var(--grey-700));z-index:10;width:100%;box-shadow:inset 0 -4px hsl(var(--grey-900));border-radius:0 0 .75rem .75rem;padding-top:16px;padding-bottom:.25rem;transition-duration:var(--drt-speed);transition:grid-template-rows var(--drt-speed),visibility 0s var(--drt-speed);transition-timing-function:ease-in;pointer-events:none;visibility:hidden}._DropdownContent_1dycm_42{border-top:1px solid hsla(var(--grey-900),.5);overflow:hidden}._Dropdown_open_1dycm_47{--h-content: 1fr}._Dropdown_open_1dycm_47 ._DropdownWrapper_1dycm_22{transition:grid-template-rows var(--drt-speed),visibility 0s 0s;visibility:visible;pointer-events:unset}._DropdownOption_1dycm_57{cursor:pointer;color:hsla(var(--white),.8);padding:.75rem 1.5rem;width:100%}._DropdownOption_1dycm_57:hover{background:hsla(var(--grey-900),.2)}:root{--grey-900: 201, 45%, 11%;--grey-800: 202, 32%, 15%;--grey-700: 200, 26%, 18%;--grey-600: 199, 35%, 19%;--grey-500: 199, 35%, 28%;--grey-400: 199, 35%, 40%;--grey-300: 209, 22%, 45%;--grey-100: 209, 22%, 78%;--light: 198, 56%, 86%;--white: 0, 0%, 100%;--green-800: 178, 78%, 31%;--green-600: 178, 60%, 48%;--yellow-700: 39, 83%, 44%;--yellow-500: 39, 88%, 58%;--sky-800: 189, 86%, 44%;--sky-600: 189, 86%, 48%;--sky-500: 189, 76%, 54%;--blue-800: 209, 83%, 41%;--blue-500: 209, 73%, 51%;--o-token: hsl(var(--sky-800));--x-token: hsl(var(--blue-800));--hue: 144;--saturation: 100%;--lightness-primary: 51%;--lightness-secondary: 44%;--lightness-shadow: 55%;--lightness-border: 34%;--lightness-outline: 82%;--drt-speed: .3s;--drt-normal: .8s;--bounce-bezier: cubic-bezier(.215, .61, .355, 1);color-scheme:dark light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,:after,:before{padding:0;margin:0;box-sizing:border-box;font:inherit}@font-face{font-family:Rubik;src:url(/assets/Rubik-VariableFont_wght-DAFAXoY0.ttf) format("truetype");font-weight:100 900;font-style:normal}html{scrollbar-width:thin;scrollbar-gutter:stable}button{border:none;cursor:pointer;line-height:1;background-color:transparent}ul,li{list-style:none}#root{width:100%}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:hsl(var(--grey-800));color:hsl(var(--grey-300));font-family:Rubik,sans-serif;padding:1.5rem 1rem;overflow-x:hidden}body:has(.ModalOpen){overflow:hidden}.o-icon{color:var(--o-token)}.x-icon{color:var(--x-token)}