1fb905699cdf3b990320.css

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;height:100%}body{margin:0;letter-spacing:1px}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0);-webkit-text-decoration:none;text-decoration:none;color:inherit}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}ul{list-style-type:none;padding:0}svg{pointer-events:auto}h1,h2,h3,h4,p,ul{margin:0}@font-face{font-family:"Exo";src:url(assets/fonts/d0fee7df95a7c6eb7215.woff2) format("woff2");font-weight:normal;font-style:normal;font-display:swap}@keyframes changeColor{0%{background-color:#12181b}50%{background-color:rgba(1,58,85,.62)}100%{background-color:#12181b}}.field,.field__item,.res__score,.container,.main{display:flex;align-items:center;justify-content:center}body{background-color:#12181b;height:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:"Exo"}.container{flex-direction:column;margin:0 auto;padding:20px 10px;max-width:1920px;min-height:100%}@media only screen and (max-width: 450px){.container{padding:10px 5px}}.main{flex-direction:column;gap:22px}.res{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;font-size:max(26px, min(4vw, 38px));color:#fff}.res__circle,.res__cross{box-sizing:content-box;padding:2px;width:40px;height:40px}@media only screen and (max-width: 450px){.res__circle,.res__cross{width:35px;height:35px}}.res__circle_active,.res__cross_active{border-radius:10%}.res__circle_active{border:1px solid #e40a29}.res__cross_active{border:1px solid #0f12c6}.res__score{flex-direction:column;gap:5px 2px}.res__score-inner{display:flex;font-size:32px}@media only screen and (max-width: 450px){.res__score-inner{font-size:28px}}.res__score-text{visibility:hidden;height:30px;color:#fff;font-size:24px}.res__score-text_show{visibility:visible}@media only screen and (max-width: 450px){.res__score-text{height:24px;font-size:20px}}.field{flex-wrap:wrap;margin-bottom:30px;width:405px;height:405px;cursor:url(assets/images/svg/9ae4f1d3b5d710dd8812.svg),pointer}@media only screen and (max-width: 600px){.field{width:355px;height:355px}}@media only screen and (max-width: 450px){.field{width:285px;height:285px}}.field__item{width:135px;height:135px;transition:.3s}@media only screen and (max-width: 600px){.field__item svg{width:80px;height:80px}}@media only screen and (max-width: 450px){.field__item svg{width:70px;height:70px}}@media only screen and (max-width: 600px){.field__item{width:118px;height:118px}}@media only screen and (max-width: 450px){.field__item{width:95px;height:95px}}.field__item:nth-child(1),.field__item:nth-child(2),.field__item:nth-child(4),.field__item:nth-child(5),.field__item:nth-child(7),.field__item:nth-child(8){border-right:5px solid #fff}.field__item:nth-child(-n+6){border-bottom:5px solid #fff}@media(hover: hover){.field__item:hover{background-color:hsla(0,0%,100%,.09)}}@media(hover: none){.field__item:active{background-color:hsla(0,0%,100%,.09)}}.field__item .animated-circle,.field__item .animated-cross{transition:stroke-dashoffset .8s}.field__naught,.field__cross{cursor:not-allowed}@media(hover: hover){.field__naught:hover,.field__cross:hover{background-color:#12181b}}@media(hover: none){.field__naught:active,.field__cross:active{background-color:#12181b}}.field__naught_disabled,.field__cross_disabled{pointer-events:none}.field__naught_win,.field__cross_win{background-color:rgba(1,58,85,.62);animation:changeColor 1.5s infinite}@media(hover: hover){.field__naught_win:hover,.field__cross_win:hover{background-color:rgba(1,58,85,.62)}}@media(hover: none){.field__naught_win:active,.field__cross_win:active{background-color:rgba(1,58,85,.62)}}.newgame__button{width:150px;height:40px;border:2px solid #000;border-radius:5px;font-size:20px;transition:.3s;cursor:pointer;background-color:hsla(0,0%,100%,.77);color:#000;font-weight:600}@media only screen and (max-width: 450px){.newgame__button{width:130px;height:35px;font-size:16px}}@media(hover: hover){.newgame__button:hover{background-color:#fff}}@media(hover: none){.newgame__button:active{background-color:#fff}}