.wrapper{margin:0 auto;max-width:500px;padding:1px 20px}.settings-icon{cursor:pointer;height:30px;width:30px}.settings-icon svg{fill:#fff;height:100%;transition:fill .4s cubic-bezier(.445,.05,.55,.95) 0s;width:100%}.settings-icon:hover svg{fill:var(--item-bg)}.header{--pad-top-bot:10px;background:var(--service-block-bg);color:#fff;font-size:15px}.header .wrapper{align-items:center;display:flex;padding-bottom:var(--pad-top-bot);padding-top:var(--pad-top-bot)}.header-logo{flex:1;font-size:16px;font-weight:700;margin:0 auto;text-align:center;text-shadow:1px 0 2px #000;transition:font-size .4s ease-in-out 0s}@media screen and (min-width:380px){.header-logo{font-size:20px}}@media screen and (min-width:500px){.header-logo{font-size:25px}}.board{--size:33.333333333333333%;--board-bg:var(--button-bg);--board-item-bg:var(--item-bg);--main-font-size:50px;background:var(--board-bg);box-shadow:0 0 5px rgba(0,0,0,.4);margin:20px auto;position:relative}@media screen and (min-width:375px){.board-size-3{--main-font-size:70px}}.board-size-4{--size:25%;--main-font-size:40px}.board-size-5{--size:20%;--main-font-size:30px}@media screen and (min-width:400px){.board-size-4{--main-font-size:55px}.board-size-5{--main-font-size:40px}}.board:before{content:" ";display:block;padding-top:100%}.stop-game .board-item{cursor:default;opacity:.4}.board-item{align-items:center;background-color:var(--board-item-bg);box-shadow:inset 0 0 2px rgba(0,0,0,.4);color:#fff;cursor:pointer;display:flex;font-size:var(--main-font-size);height:var(--size);justify-content:center;left:0;opacity:1;position:absolute;text-shadow:1px 1px 3px #000;top:0;transition:left .4s cubic-bezier(.445,.05,.55,.95) 0s,top .4s cubic-bezier(.445,.05,.55,.95) 0s,opacity .4s cubic-bezier(.445,.05,.55,.95) .4s,background-color .4s cubic-bezier(.445,.05,.55,.95) 0s;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:var(--size)}.board-item.completed{--board-item-bg:#03448a}.button{--btn-bg:var(--button-bg);--btn-bg-hover:#2f4d6c;--btn-active-hover:#2c4846;background-color:var(--btn-bg);border:1px solid var(--btn-bg);border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font:15px/120% Tahoma,Geneva CY,sans-serif;padding:10px 12px;text-align:center;text-decoration:none;transition:color .15s cubic-bezier(.445,.05,.55,.95) .2s,background-color .15s cubic-bezier(.445,.05,.55,.95) .2s,border-color .15s cubic-bezier(.445,.05,.55,.95) .2s,box-shadow .15s cubic-bezier(.445,.05,.55,.95) .2s,opacity .15s cubic-bezier(.445,.05,.55,.95) .2s;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.button:hover{--btn-bg:var(--btn-bg-hover)}.button:active{--btn-bg:var(--btn-active-hover)}.button[disabled]{opacity:.7}.button[disabled]:hover{--btn-bg:var(--button-bg)}.services{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:20px}.info{background-color:#1e5c9d;border-radius:5px;color:#fff;font-weight:700;margin:20px 0;padding:15px;text-shadow:1px 1px 2px #000;transition:background-color .4s cubic-bezier(.445,.05,.55,.95) 0s}.info h1{font-size:16px;line-height:120%;margin:0}.info.isGameOver{background-color:#00bc8c}.footer{--pad-top-bot:10px;background-color:var(--service-block-bg);color:#fff;font-size:15px}.footer .wrapper{padding-bottom:var(--pad-top-bot);padding-top:var(--pad-top-bot)}.footer-repo{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='800' height='800' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.288-.6-1.175-1.025-1.413-.35-.187-.85-.65-.013-.662.788-.013 1.35.725 1.538 1.025.9 1.512 2.338 1.087 2.912.825.088-.65.35-1.087.638-1.337-2.225-.25-4.55-1.113-4.55-4.938 0-1.088.387-1.987 1.025-2.688-.1-.25-.45-1.275.1-2.65 0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337 1.912-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 0 0;background-size:30px 30px;color:#fff;display:inline-block;font-weight:700;line-height:30px;padding-left:40px;text-decoration:none;text-shadow:1px 1px 2px #000}.footer-repo:hover{text-decoration:underline}.close{cursor:pointer;width:40px}.close svg{display:block;height:auto;width:100%}.close path{fill:var(--item-bg);transition:fill .4s cubic-bezier(.445,.05,.55,.95) 0s}.close:hover path{fill:#2f4d6c}.checkbox{overflow:hidden;padding:2px 0;position:relative}.checkbox input[type=checkbox]{left:-3000px;position:absolute}.checkbox input[type=checkbox]:checked+label:after{background-color:var(--item-bg)}.checkbox label{cursor:pointer;display:inline-block;font-weight:700;margin:5px 0;padding-left:30px;position:relative;text-shadow:1px 1px 2px #000;-webkit-user-select:none;-ms-user-select:none;user-select:none}.checkbox label:after{background-color:transparent;transition:background-color .4s cubic-bezier(.86,0,.07,1) 0s}.checkbox label:after,.checkbox label:before{border:2px solid var(--item-bg);border-radius:50%;content:" ";display:block;position:absolute}.checkbox label:before{height:14px;left:0;top:1px;width:14px}.checkbox label:after{height:6px;left:4px;top:5px;width:6px}.settings{--track-color:#6587ac;color:#fff;left:0;position:fixed;top:0;width:100%;z-index:1}.settings .wrapper{padding-bottom:0;padding-top:0}.settings .wrapper:after{background:rgba(0,0,0,.4);content:" ";display:block;height:100vh;height:100dvh;left:20px;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .4s cubic-bezier(.455,.03,.515,.955) 0s;width:calc(100% - 20px);z-index:2}.settings.open .wrapper:after{cursor:pointer;opacity:1;pointer-events:all}.settings-submit{margin-top:20px}.settings-header{font-size:20px;font-weight:700;line-height:120%;margin:0 0 20px;text-shadow:1px 1px 2px #000}.settings-wrapper{box-sizing:border-box;left:0;overflow:hidden;padding-right:3px;pointer-events:none;position:absolute;width:80%;z-index:3}.settings-block{background:var(--service-block-bg);box-shadow:0 0 10px rgba(0,0,0,.4);box-sizing:border-box;height:100vh;height:100dvh;overflow:auto;padding:60px 15px 10px;pointer-events:auto;-webkit-transform:translateX(-110%);transform:translateX(-110%);transition:-webkit-transform .4s cubic-bezier(.455,.03,.515,.955) 0s;transition:transform .4s cubic-bezier(.455,.03,.515,.955) 0s;transition:transform .4s cubic-bezier(.455,.03,.515,.955) 0s,-webkit-transform .4s cubic-bezier(.455,.03,.515,.955) 0s}@-moz-document url-prefix(){.settings-block{scrollbar-color:var(--item-bg) var(--track-color);scrollbar-width:auto}}.settings-block::-webkit-scrollbar{width:10px}.settings-block::-webkit-scrollbar-track{background:var(--track-color)}.settings-block::-webkit-scrollbar-thumb{background-color:var(--item-bg);border-radius:20px}.open .settings-block{-webkit-transform:translateX(0);transform:translateX(0)}.settings-block .close{position:absolute;right:10px;top:10px}@media screen and (min-width:980px){.settings .wrapper{position:relative}.settings-wrapper{left:auto}}:root{--service-block-bg:#f39c12;--button-bg:#375a7f;--item-bg:#1e5c9d}body,html{font:16px/120% Arial,Helvetica CY,Nimbus Sans L,sans-serif;margin:0;padding:0}body{background:#222}#app{box-sizing:border-box;min-height:100vh;min-height:100dvh}.mainContent{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 102px);min-height:calc(100dvh - 102px)}.mainContent main{width:100%}