/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

html{min-height:100%}body{font-family:"Roboto Mono",monospace;background-color:#b7c2b0;height:auto}body.lock{overflow:hidden}body.dark{background:url(assets/dark-background4cf05ef969a981e1c956.jpg) center center/cover no-repeat}body.light{background:url(assets/light-background430fc7f473a2b0514578.jpeg) center center/cover no-repeat}div{box-sizing:border-box;user-select:none}.header{display:flex;justify-content:center}.header__title{font-family:"WindSong",cursive;font-weight:500;font-size:55px;color:#fff056;margin:30px 0 10px 0;cursor:pointer;transition:.6s}.header__title:hover{color:#f9fbf2;transition:.6s}.main{display:flex;padding:40px}.game{flex:0 0 60%}.game__container{background-color:#f9fbf2;text-align:center;padding:60px 0;opacity:.85}.game__container_dark{background-color:#b6ad90}.game__wrapper{display:inline-flex;flex-direction:column;align-items:end}.game__header{cursor:auto}.game__header .game__row{position:relative;flex-wrap:wrap}.game__aside{cursor:auto}.game__body{display:flex;cursor:pointer}.game__row{display:flex;justify-content:end}.game__cell{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:inherit;border:.5px solid #789;font-size:16px;position:relative;color:#000}.game__cell_border{border:2px solid #000}.game__cell_mod::before{content:"";position:absolute;width:3px;height:30px;background-color:#4e6649;transform:rotate(-45deg)}.game__cell_mod::after{content:"";position:absolute;width:3px;height:30px;background-color:#4e6649;transform:rotate(45deg)}.game__cell_hover{background-color:#fff056}.game__cell_hover2{background-color:#ebd9fc}.game__timer{position:absolute;left:-57px;bottom:8px;color:#000}.sidebar{flex:1}.sidebar__reset-btn,.sidebar__solution-btn,.sidebar__result-btn{color:#000;display:flex;justify-content:space-between;align-items:center;background-color:#f9fbf2;padding:10px;font-size:16px;border-radius:4px;cursor:pointer;border:1px solid #000;margin-bottom:15px;transition:all .6s}.sidebar__reset-btn:hover,.sidebar__solution-btn:hover,.sidebar__result-btn:hover{background-color:#b3cec7}.sidebar__reset-btn_dark,.sidebar__solution-btn_dark,.sidebar__result-btn_dark{background-color:#b6ad90;border:1px solid #f9fbf2;color:#f9fbf2}.sidebar__reset-btn_dark:hover,.sidebar__solution-btn_dark:hover,.sidebar__result-btn_dark:hover{background-color:#cdb4db}.sidebar__setting-btn{margin-bottom:30px}.sidebar__volume-btn{margin-left:15px}.sidebar__volume-off{display:none}.sidebar-right{text-align:right;flex:1}.sidebar-right__save-btn,.sidebar-right__continue-btn{color:#000;display:flex;justify-content:space-between;align-items:center;background-color:#f9fbf2;padding:10px;font-size:16px;border-radius:4px;cursor:pointer;border:1px solid #000;margin-bottom:15px;margin-left:auto;transition:all .6s}.sidebar-right__save-btn:hover,.sidebar-right__continue-btn:hover{background-color:#b3cec7}.sidebar-right__save-btn_dark,.sidebar-right__continue-btn_dark{background-color:#b6ad90;border:1px solid #f9fbf2;color:#f9fbf2}.sidebar-right__save-btn_dark:hover,.sidebar-right__continue-btn_dark:hover{background-color:#cdb4db}.sidebar-right__theme-btn{margin-bottom:30px}.sidebar-right__light-theme{display:none}.btn{width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;background-color:#f9fbf2;border-radius:50%;cursor:pointer;border:2px dotted #0e1c36;transition:all .6s}.btn:hover{background-color:#b3cec7}.btn_dark{background-color:#b6ad90;border:2px dotted #f9fbf2}.btn_dark svg path{fill:#f9fbf2}.btn_dark:hover{background-color:#cdb4db}.select{color:#000;width:220px}.select__btn{display:flex;justify-content:space-between;align-items:center;background-color:#f9fbf2;padding:10px;font-size:18px;border-radius:4px;cursor:pointer;border:1px solid #000;transition:all .6s}.select__btn:hover{background-color:#b3cec7}.select__btn_dark{background-color:#b6ad90;border:1px solid #f9fbf2;color:#f9fbf2}.select__btn_dark:hover{background-color:#cdb4db}.select__text{font-size:18px}.select__options-wrapper{display:none}.select__options{border:1px solid #000;position:relative;background-color:#f9fbf2;margin-top:10px;border-radius:4px;padding-left:0;display:none}.select__options-active{display:block}.select__option{list-style-type:none;display:flex;align-items:center;height:30px;padding:0 16px;cursor:pointer;border-radius:4px;background-color:#f9fbf2}.select__option:hover{background-color:#b3cec7}.select__option-active{background-color:#ffe94e}.select__option_dark:hover{background-color:#cdb4db}.select img{transition:.3s;pointer-events:none}.select-active .select__options-wrapper{display:block}.select-active img{transform:rotate(-180deg)}.modal{position:fixed;width:100%;height:100%;background-color:rgba(175,203,255,.7);top:0;left:0;opacity:0;visibility:hidden;transition:all .6s ease;z-index:10}.modal__open{opacity:1;visibility:visible}.modal__body{min-height:100%;display:flex;justify-content:center;align-items:center;padding:20px 25px}.modal__content{background-color:#f9fbf2;width:400px;position:relative;border-radius:25px;padding:45px;box-sizing:border-box}.modal__content-win{max-height:350px;overflow:auto;scrollbar-width:none}.modal__content-win__content{height:0}.modal__content_dark{background-color:#b6ad90}.modal__close{position:absolute;top:25px;right:25px;background-color:inherit;cursor:pointer}.modal__title{font-family:"Indie Flower",cursive;font-size:30px;max-width:219px}.modal__title span{font-family:"Roboto Mono",monospace;font-size:18px}.modal__subtitle{margin-top:10px;font-size:14px}.modal__subtitle span{color:#b6ad90}.modal__subtitle_dark span{color:#ff0}.modal__select{margin-bottom:10px}.modal__random-btn{color:#000;display:flex;justify-content:space-between;align-items:center;background-color:#f9fbf2;padding:10px;font-size:18px;border-radius:4px;cursor:pointer;border:1px solid #000;transition:all .6s}.modal__random-btn:hover{background-color:#b3cec7}.modal__random-btn_dark{background-color:#b6ad90;border:1px solid #f9fbf2;color:#f9fbf2}.modal__random-btn_dark:hover{background-color:#cdb4db}.modal #size{margin-top:20px}.table{margin-top:10px}.table__head-row{padding-right:15px}@media screen and (max-width: 1140px){.main{flex-wrap:wrap}.game{flex:0 0 100%}.sidebar__container{display:flex;align-items:center;column-gap:25px;margin-bottom:15px}.sidebar__volume-btn{margin-left:0}.sidebar__setting-btn{margin-bottom:0}.sidebar__reset-btn,.sidebar__solution-btn,.sidebar__result-btn{margin-bottom:0}.sidebar-right{margin-top:15px}.sidebar-right__container{display:flex;align-items:center;column-gap:25px;justify-content:end}.sidebar-right__save-btn,.sidebar-right__continue-btn,.sidebar-right__theme-btn{margin-left:0;margin-bottom:0}}@media screen and (max-width: 700px){.main{padding:15px}.sidebar__container{column-gap:16px}.sidebar-right__container{column-gap:16px}}@media screen and (max-width: 500px){.header__title{font-size:36px}.game__cell{font-size:11px}.sidebar__container{column-gap:10px}.sidebar-right__container{column-gap:10px}.sidebar__reset-btn,.sidebar__save-btn,.sidebar__continue-btn,.sidebar__solution-btn,.sidebar__result-btn{font-size:13px}.sidebar-right__save-btn,.sidebar-right__continue-btn{font-size:13px}}@media screen and (max-width: 432px){.main{padding-left:0;padding-right:0}.sidebar__reset-btn,.sidebar__solution-btn,.sidebar__result-btn{padding:5px}.sidebar-right__save-btn,.sidebar-right__continue-btn{padding:5px}.game__container{min-width:350px}}