.game-title{display:flex;padding:5px;font-weight:bold}.game-title:hover{filter:drop-shadow(0 0 5px #ffffff)}.game-logo{width:30px}
.table-wrapper{display:flex;justify-content:center;align-items:flex-end;gap:5px;background-image:url(../images/table-db81d17f4fe0ece6a20c.png);background-size:contain;background-repeat:no-repeat;background-position:bottom;width:50vw;padding-bottom:10vw;padding-left:20px;padding-right:20px}basket{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background-image:url(../images/basket-dd1820835a14fa2b4050.png);background-size:contain;background-repeat:no-repeat;background-position:bottom;width:15vw;height:10vw;padding-bottom:4vw;margin-bottom:-1vw}pepper{background-image:url(../images/pepper-ada2590188e492ff79ae.png);background-size:contain;background-repeat:no-repeat;background-position:bottom;width:120px;height:107px}pepper.small{width:40px}pepper#chili{background-image:url(../images/chili-b30d74b8e24d1c294d2e.png);width:70px}eggplant{background-image:url(../images/eggplant-f1a8b10256bc2d15abb5.png);background-size:contain;background-repeat:no-repeat;background-position:bottom;width:120px;height:107px}carrot{background-image:url(../images/carrot-d5db7ab90204f1338a5e.png);background-size:contain;background-repeat:no-repeat;background-position:bottom;width:120px;height:107px}cucumber{background-image:url(../images/cucumber-22383d99e9922050e2e7.png);background-size:contain;background-repeat:no-repeat;background-position:bottom;width:120px;height:107px}cucumber.small{width:60px}.bounce{animation:bounce 2s ease infinite}@keyframes bounce{0%,20%,50%,70%,90%,100%{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-8px)}80%{transform:translateY(-4px)}}.table-wrapper .hover{filter:drop-shadow(0 0 5px #ffffff)}
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}
.html-editor{display:flex;flex-direction:column;gap:10px;background-color:#000;padding:10px;width:90%;max-width:300px}.html-editor .line-numbers{border-right:1px solid #abb2bf}.html-editor .line-numbers .line{text-align:right;padding:0 5px}.html-editor .line{margin:5px 0}.selector{display:flex}.selector__input{width:100%;height:3rem;padding:0 10px}.selector__enter{cursor:pointer}.html-viewer{display:flex;width:100%;height:100%}.html-viewer .markup{width:100%}.html-viewer .markup div{padding-left:20px}.html-viewer .hover{text-shadow:0 0 10px #fff}.html-viewer pre{margin:0}.html-editor_shake{animation:shake .5s forwards}@keyframes shake{0%{transform:translate(0, 0) rotate(0deg)}10%{transform:translate(-1px, -2px) rotate(-1deg)}20%{transform:translate(-3px, 0px) rotate(1deg)}30%{transform:translate(3px, 2px) rotate(0deg)}40%{transform:translate(1px, -1px) rotate(1deg)}50%{transform:translate(-1px, 2px) rotate(-1deg)}60%{transform:translate(-3px, 1px) rotate(0deg)}70%{transform:translate(3px, 1px) rotate(-1deg)}80%{transform:translate(-1px, -1px) rotate(1deg)}90%{transform:translate(1px, 2px) rotate(0deg)}100%{transform:translate(0, 0) rotate(0deg)}}
.help-button{width:60px;height:60px;border-radius:50%;text-transform:uppercase;box-shadow:3px -3px #760303,2px -2px #760303,1px -1px #760303;border:1px solid #a31818;background-color:#a31818;color:#fff;cursor:pointer;transition:transform 100ms ease-in-out}.help-button:hover{transform:scale(1.1)}.help-button:active{transform:scale(1)}@media(min-width: 800px){.help-button{position:absolute;right:50px;bottom:10px;width:75px;height:75px}}
.footer{display:flex;justify-content:center;align-items:center;gap:30px}.logo{transition:transform .2s ease-in-out}.logo:hover{transform:scale(1.1)}.rss-logo{width:60px}.github{display:flex;align-items:center;gap:5px;font-size:.8rem;font-weight:bold}.github-logo{width:30px}
.menu{display:flex;justify-content:space-between;align-items:center;padding-right:50px}.menu__nav{display:inline-flex}.menu__title{font-weight:bold}.nav-btn{background-size:contain;border:none;width:25px;height:25px;background-size:contain;background-color:rgba(0,0,0,0);background-repeat:no-repeat;transition:transform .2s ease-in-out;cursor:pointer}.nav-btn:hover{transform:scale(1.2)}.nav-btn:active{opacity:.5;transform:scale(1)}.menu__next{background-image:url(../images/arrow_next-b237e717357e9059f4ea.svg)}.menu__prev{background-image:url(../images/arrow_prev-0893b71b537693833c20.svg)}
.hamburger{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:30px;height:20px;top:22px;right:20px;z-index:10;padding:0;border:0;background-color:rgba(0,0,0,0);cursor:pointer;transition:all .2s ease-in-out}.hamburger:hover{transform:scale(1.2)}.hamburger span{height:2px;background-color:#000;width:100%;transition:all .3s ease}.hamburger_show span{opacity:0}.hamburger_show span:first-child{opacity:1;transform:translate(0, 9px) rotate(45deg)}.hamburger_show span:last-child{opacity:1;transform:translate(0, -9px) rotate(-45deg)}
.level-list__item_completed:not(.level-list__item_hint)::after,.level-list__item_completed::before{display:block;position:absolute;width:5px;height:11px;border-width:0 2px 2px 0;border-style:solid;border-color:#000;transform-origin:bottom left;transform:rotate(45deg)}.sidebar{display:flex;flex-direction:column;gap:1.5rem;background:rgba(203,223,208,.4);font-size:1.3rem;position:relative;padding:20px;overflow:hidden}.sidebar .help{display:flex;flex-direction:column;gap:1.5rem}.sidebar .help__name{font-weight:bold;font-size:1.5rem}.sidebar .help__selector{background-color:#9ab481;border-bottom:2px solid #7d9666;width:fit-content;padding:5px}.sidebar .help__hint,.sidebar .help__example{font-size:1rem}.sidebar .levels-wrapper{position:absolute;display:flex;flex-direction:column;gap:50px;background-color:#b3d5b8;padding:20px;top:0;bottom:0;left:0;right:0;transform:translateX(100%);transition:transform .3s ease}.sidebar .levels-wrapper_show{transform:translateX(0)}.sidebar .level-reset{width:150px;height:40px;align-self:center;border:1px solid #000;border-radius:20px;background-color:rgba(0,0,0,0);cursor:pointer;transition:transform .2s ease-in-out}.sidebar .level-reset:hover{transform:scale(1.1)}.sidebar .level-reset:active{opacity:.8;transform:scale(1)}.level-title{font-weight:bold}.level-list{margin:0;padding-left:50px}.level-list li{position:relative;margin-bottom:.5rem;cursor:pointer}.level-list li:hover{color:#000;font-weight:600}.level-list__item_completed::before{content:"";left:-60px;top:-5px}.level-list__item_completed:not(.level-list__item_hint)::after{content:"";left:-55px;top:-5px}.level-list__item_current{font-weight:bold;color:red}.level-stamp{position:absolute;left:0;bottom:50vh;background-image:url(../images/stamp-671e3670a5d6b6f391db.png);background-size:contain;background-repeat:no-repeat;background-position:center;width:100%;height:100px;opacity:0}.level-stamp_show{opacity:1}.level-stamp_show-fist-time{animation:stamp .3s ease forwards}@keyframes stamp{0%{opacity:0}10%{opacity:.5;transform-origin:50% 50%;transform:scale(5);transition:all .3s cubic-bezier(0.6, 0.04, 0.98, 0.335)}100%{opacity:1}}
/*! 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;
}

*{box-sizing:border-box}html{font-family:monospace}@media(max-width: 1024px){html{font-size:.8rem}}@media(max-width: 991px){html{font-size:.6rem}}.wrapper{display:grid;grid-template-areas:"header sidebar" "main sidebar" "footer sidebar";grid-template-rows:40px auto 40px;grid-template-columns:auto minmax(200px, 25%);height:100vh;background-image:url(../images/farm-9882c84e519d1e20c5a6.jpg);background-size:contain;background-color:#3d6024;background-blend-mode:luminosity}.wrapper .header{grid-area:header}.wrapper .footer{grid-area:footer}.wrapper .main{grid-area:main}.wrapper .sidebar{grid-area:sidebar}.game-wrapper{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:100%;position:relative}.game-wrapper .tooltiptext{position:absolute;z-index:1;bottom:-40px;left:calc(50% - 15px);visibility:hidden;width:max-content;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:10px 5px}.game-wrapper .tooltiptext::after{content:"";position:absolute;bottom:100%;left:15px;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #000 rgba(0,0,0,0)}.game-wrapper .hover{position:relative}.game-wrapper .hover>.tooltiptext{visibility:visible}.game-wrapper .task{font-size:4rem;text-align:center}