.IHSYjW_root{height:var(--button-height);font-family:inherit;font-size:var(--button-font-size);border:var(--button-size,0px) solid var(--button-border-color,transparent);background-color:var(--button-background-color);color:var(--button-color);cursor:var(--cursor-pointer);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 10px;transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-in-out;display:inline-flex}.IHSYjW_root.IHSYjW_disabled{cursor:var(--cursor-not-allowed)}.IHSYjW_root:hover{background-color:var(--button-hover-bacground-color)}.IHSYjW_root.IHSYjW_variant_primary{--button-background-color:var(--primary);--button-hover-bacground-color:var(--primary-hover);--button-color:var(--button-text)}.IHSYjW_root.IHSYjW_variant_outlined{--button-size:1px;--button-background-color:var(--surface);--button-hover-bacground-color:var(--surface-hover);--button-border-color:var(--primary);--button-color:var(--text)}.IHSYjW_root.IHSYjW_size_small{--button-height:28px;--button-font-size:14px}.IHSYjW_root.IHSYjW_size_medium{--button-height:40px;--button-font-size:16px}
.cRXpMW_root{display:contents}
@layer component{.eglGOa_direction_row{flex-direction:row}.eglGOa_direction_rowReverse{flex-direction:row-reverse}.eglGOa_direction_column{flex-direction:column}.eglGOa_direction_columnReverse{flex-direction:column-reverse}.eglGOa_justifyContent_center{justify-content:center}.eglGOa_justifyContent_flexStart{justify-content:flex-start}.eglGOa_justifyContent_flexEnd{justify-content:flex-end}.eglGOa_justifyContent_spaceBetween{justify-content:space-between}.eglGOa_alignItems_center{align-items:center}.eglGOa_alignItems_flexStart{align-items:flex-start}.eglGOa_alignItems_flexEnd{align-items:flex-end}.eglGOa_alignItems_stretch{align-items:stretch}.eglGOa_alignItems_baseline{align-items:baseline}.eglGOa_wrap_wrap{flex-wrap:wrap}.eglGOa_wrap_nowrap{flex-wrap:nowrap}.eglGOa_childMinSize_0.eglGOa_direction_row>*,.eglGOa_childMinSize_0.eglGOa_direction_rowReverse>*{min-width:0}.eglGOa_childMinSize_0.eglGOa_direction_column>*,.eglGOa_childMinSize_0.eglGOa_direction_columnReverse>*{min-height:0}.eglGOa_root{display:flex}.eglGOa_root.eglGOa_inline{display:inline-flex}}
.ejpGZa_root .ejpGZa_storyContainer{flex-grow:1;overflow:auto}.ejpGZa_root .ejpGZa_storyContainer .ejpGZa_story{flex-grow:1}.ejpGZa_root .ejpGZa_storyContainer .ejpGZa_storyImage{aspect-ratio:1536/1024;flex-shrink:0;width:100%;height:auto}.ejpGZa_root .ejpGZa_presentImage{aspect-ratio:1;object-fit:contain;width:100%;height:auto}@media (min-width:1025px){.ejpGZa_root .ejpGZa_actions{align-self:center;max-width:100%}.ejpGZa_root .ejpGZa_actions:has(>:nth-child(2)){min-width:400px}}
.tJsMza_root{flex-shrink:0}@media (max-width:1024px){.tJsMza_root{grid-template-rows:repeat(var(--actions-count), 1fr)}}@media (min-width:1025px){.tJsMza_root{grid-template-columns:repeat(var(--actions-count), 1fr)}}
.ZMSssG_alignItems_start{align-items:start}.ZMSssG_alignItems_center{align-items:center}.ZMSssG_alignItems_end{align-items:end}.ZMSssG_alignItems_stretch{align-items:stretch}.ZMSssG_justifyItems_start{justify-items:start}.ZMSssG_justifyItems_center{justify-items:center}.ZMSssG_justifyItems_end{justify-items:end}.ZMSssG_justifyItems_stretch{justify-items:stretch}.ZMSssG_root{display:grid}.ZMSssG_root>*{min-width:0;min-height:0}
._14DfDG_spinnerContainer{display:flex}
.SuHWwG_root{--_icon-color:var(--icon-color,currentColor);--_icon-hover-color:var(--icon-hover-color,var(--_icon-color));--_icon-size:var(--icon-size,24px);min-width:var(--_icon-size);width:var(--_icon-size);min-height:var(--_icon-size);height:var(--_icon-size);outline-style:none;flex-grow:0;flex-shrink:0}.SuHWwG_root.SuHWwG_interactable{transition-property:fill,stroke;transition-duration:.2s;transition-timing-function:ease-in-out}.SuHWwG_root:not(.SuHWwG_interactable){pointer-events:none}.SuHWwG_root.SuHWwG_clickable{cursor:var(--cursor-pointer)}.SuHWwG_root.SuHWwG_clickable:focus-visible{outline:1px solid}.SuHWwG_root.SuHWwG_type_fill{fill:var(--_icon-color);stroke:none}.SuHWwG_root.SuHWwG_type_fill:hover{fill:var(--_icon-hover-color)}.SuHWwG_root.SuHWwG_type_stroke{fill:none;stroke:var(--_icon-color)}.SuHWwG_root.SuHWwG_type_stroke:hover{stroke:var(--_icon-hover-color)}
.Q4bLJG_type_h3{--font-size:24px;--font-weight:500}.Q4bLJG_type_h4{--font-size:20px;--font-weight:500}.Q4bLJG_type_r1{--font-size:20px;--font-weight:400}.Q4bLJG_type_r2{--font-size:18px;--font-weight:400}.Q4bLJG_type_r3{--font-size:16px;--font-weight:400}.Q4bLJG_align_left{text-align:left}.Q4bLJG_align_center{text-align:center}.Q4bLJG_align_right{text-align:right}.Q4bLJG_whiteSpace_normal{white-space:normal}.Q4bLJG_whiteSpace_pre{white-space:pre}.Q4bLJG_whiteSpace_preWrap{white-space:pre-wrap}.Q4bLJG_whiteSpace_nowrap{white-space:nowrap}.Q4bLJG_transform_none{text-transform:none}.Q4bLJG_transform_capitalize{text-transform:capitalize}.Q4bLJG_transform_lowercase{text-transform:lowercase}.Q4bLJG_transform_uppercase{text-transform:uppercase}.Q4bLJG_fontStyle_italic{font-style:italic}.Q4bLJG_color_gradientBlue{background-image:var(--gradient-blue);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.Q4bLJG_lineClamp{-webkit-line-clamp:var(--lineClamp);-webkit-box-orient:vertical;display:-webkit-box}.Q4bLJG_oneLine{white-space:nowrap}.Q4bLJG_withEllipsis{text-overflow:ellipsis;max-width:100%;overflow:hidden}.Q4bLJG_root{font-family:inherit;font-size:var(--font-size);font-weight:var(--font-weight);margin:0}.Q4bLJG_root.Q4bLJG_isMono{font-family:monospace}
.nCVZtW_root{--side-padding:20px;-webkit-tap-highlight-color:#0000;flex-grow:1;width:100vw;height:100dvh;display:grid;overflow:hidden}.nCVZtW_root.nCVZtW_hasHoverAction{cursor:var(--cursor-pointer)}.nCVZtW_root.nCVZtW_draw{cursor:var(--cursor-brush)}.nCVZtW_root.nCVZtW_erase{cursor:var(--cursor-eraser)}.nCVZtW_root>*{min-width:0;min-height:0}@media (max-width:1024px){.nCVZtW_root{grid-template:"grid"1fr"left"min-content"right"min-content/1fr}}@media (min-width:1025px){.nCVZtW_root{grid-template:"left grid right"1fr/1fr 4fr 1fr}}.nCVZtW_root .nCVZtW_background{object-fit:cover;filter:contrast(.6)brightness(.6);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.nCVZtW_root .nCVZtW_card{background-color:var(--surface);border-radius:12px;flex-direction:column;padding:16px 20px;display:flex;box-shadow:0 5px 15px 20px #0001}.nCVZtW_root .nCVZtW_left{--outline-active-color:#d818a3;--square-grid-gap:8px;grid-area:left}@media (max-width:1024px){.nCVZtW_root .nCVZtW_left{--grid-square-size:10vw;padding:0 var(--side-padding);align-items:center;gap:16px;padding-bottom:20px}}@media (min-width:1025px){.nCVZtW_root .nCVZtW_left{--grid-square-size:48px;padding-left:var(--side-padding);gap:40px}.nCVZtW_root .nCVZtW_left .nCVZtW_backButton{width:calc(2*var(--grid-square-size) + var(--square-grid-gap))}}.nCVZtW_root .nCVZtW_left .nCVZtW_hintBlock~*{display:none!important}.nCVZtW_root .nCVZtW_left .nCVZtW_squaresGrid{gap:var(--square-grid-gap);display:grid}@media (max-width:1024px){.nCVZtW_root .nCVZtW_left .nCVZtW_squaresGrid{grid-auto-columns:min-content;grid-auto-flow:column;justify-content:center;justify-items:center;width:100%}}@media (min-width:1025px){.nCVZtW_root .nCVZtW_left .nCVZtW_squaresGrid{grid-template-columns:repeat(2,auto)}}.nCVZtW_root .nCVZtW_left .nCVZtW_squaresGrid .nCVZtW_hint{opacity:0;pointer-events:none;background:var(--surface);z-index:1;text-align:center;border:1px solid #000;border-radius:4px;width:max-content;max-width:240px;padding:4px 8px;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 2px 20px #00000004}@media (max-width:1024px){.nCVZtW_root .nCVZtW_left .nCVZtW_squaresGrid .nCVZtW_hint{bottom:calc(100% + 8px)}}@media (min-width:1025px){.nCVZtW_root .nCVZtW_left .nCVZtW_squaresGrid .nCVZtW_hint{top:calc(100% + 8px)}}.nCVZtW_root .nCVZtW_left .nCVZtW_biomes .nCVZtW_biome{position:relative}.nCVZtW_root .nCVZtW_left .nCVZtW_biomes .nCVZtW_biome .nCVZtW_imageContainer{width:var(--grid-square-size);height:var(--grid-square-size);border:1px solid #000;border-radius:8px;outline:3px solid #0000;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out;overflow:hidden;box-shadow:0 0 4px 4px #0002}.nCVZtW_root .nCVZtW_left .nCVZtW_biomes .nCVZtW_biome .nCVZtW_imageContainer .nCVZtW_image{width:400%;height:auto;transform:translate(calc(-25% * var(--image-offset-x)), calc(-33.3333% * var(--image-offset-y)));filter:brightness(.75);pointer-events:none;-webkit-user-select:none;user-select:none;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}.nCVZtW_root .nCVZtW_left .nCVZtW_biomes .nCVZtW_biome .nCVZtW_imageContainer.nCVZtW_active{border-color:var(--outline-active-color);outline-color:var(--outline-active-color)}.nCVZtW_root .nCVZtW_left .nCVZtW_biomes .nCVZtW_biome .nCVZtW_imageContainer.nCVZtW_active .nCVZtW_image{filter:brightness()}.nCVZtW_root .nCVZtW_left .nCVZtW_biomes .nCVZtW_biome .nCVZtW_imageContainer:not(.nCVZtW_active){cursor:var(--cursor-pointer)}.nCVZtW_root .nCVZtW_left .nCVZtW_biomes .nCVZtW_biome .nCVZtW_imageContainer:not(.nCVZtW_active):hover .nCVZtW_image{filter:brightness()}.nCVZtW_root .nCVZtW_left .nCVZtW_biomes .nCVZtW_biome .nCVZtW_imageContainer:hover~.nCVZtW_hint{opacity:1}.nCVZtW_root .nCVZtW_left .nCVZtW_colors .nCVZtW_color{width:var(--grid-square-size);height:var(--grid-square-size);--icon-size:calc(.4 * var(--grid-square-size));background-color:var(--color);color:contrast-color(var(--color));filter:brightness(.75);border:1px solid #000;border-radius:8px;outline:3px solid #0000;justify-content:end;align-items:start;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out;display:flex;box-shadow:0 0 4px 4px #0002}.nCVZtW_root .nCVZtW_left .nCVZtW_colors .nCVZtW_color.nCVZtW_active{border-color:var(--outline-active-color);outline-color:var(--outline-active-color);filter:brightness()}.nCVZtW_root .nCVZtW_left .nCVZtW_colors .nCVZtW_color:not(.nCVZtW_active){cursor:var(--cursor-pointer)}.nCVZtW_root .nCVZtW_left .nCVZtW_colors .nCVZtW_color:not(.nCVZtW_active):hover{filter:brightness()}.nCVZtW_root .nCVZtW_left .nCVZtW_colors .nCVZtW_color .nCVZtW_editIconContainer{position:relative}.nCVZtW_root .nCVZtW_left .nCVZtW_colors .nCVZtW_color .nCVZtW_editIconContainer .nCVZtW_editIcon{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}.nCVZtW_root .nCVZtW_left .nCVZtW_colors .nCVZtW_color .nCVZtW_editIconContainer input{opacity:0;pointer-events:none;position:absolute;bottom:-2px;left:0}.nCVZtW_root .nCVZtW_left .nCVZtW_colors .nCVZtW_color:not(.nCVZtW_active):not(:hover) .nCVZtW_editIcon{opacity:0;pointer-events:none}.nCVZtW_root .nCVZtW_left .nCVZtW_actions .nCVZtW_actionContainer{position:relative}.nCVZtW_root .nCVZtW_left .nCVZtW_actions .nCVZtW_actionContainer .nCVZtW_action{width:var(--grid-square-size);height:var(--grid-square-size);--icon-size:calc(.5 * var(--grid-square-size));background-color:var(--surface);border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out;display:flex;box-shadow:0 0 4px 4px #0002}.nCVZtW_root .nCVZtW_left .nCVZtW_actions .nCVZtW_actionContainer .nCVZtW_action[disabled]{background-color:var(--surface-disabled);color:var(--text-muted);cursor:var(--cursor-not-allowed)}.nCVZtW_root .nCVZtW_left .nCVZtW_actions .nCVZtW_actionContainer .nCVZtW_action.nCVZtW_active{background-color:var(--surface-active)}.nCVZtW_root .nCVZtW_left .nCVZtW_actions .nCVZtW_actionContainer .nCVZtW_action:not([disabled]):not(.nCVZtW_active){cursor:var(--cursor-pointer)}.nCVZtW_root .nCVZtW_left .nCVZtW_actions .nCVZtW_actionContainer .nCVZtW_action:not([disabled]):not(.nCVZtW_active):hover{background-color:var(--surface-hover)}.nCVZtW_root .nCVZtW_left .nCVZtW_actions .nCVZtW_actionContainer .nCVZtW_action:hover~.nCVZtW_hint{opacity:1}.nCVZtW_root .nCVZtW_left .nCVZtW_actions .nCVZtW_actionContainer .nCVZtW_actionCount{aspect-ratio:1;text-align:center;background-color:var(--outline-active-color);width:auto;height:24px;color:contrast-color(var(--outline-active-color));pointer-events:none;border:1px solid #000;border-radius:50%;position:absolute;inset:0 0 auto auto;transform:translate(25%,-25%)}.nCVZtW_root .nCVZtW_gridContainer{--round-step:1px;grid-area:grid;width:100%;height:100%}.nCVZtW_root .nCVZtW_gridContainer .nCVZtW_grid{width:auto;height:auto;max-width:round(down,100% - 2*var(--side-padding),var(--grid-width)*var(--round-step));max-height:round(down,100% - 80px,var(--grid-height)*var(--round-step));aspect-ratio:var(--grid-width)/var(--grid-height);filter:drop-shadow(0 0 15px #000);touch-action:pinch-zoom;overflow:visible}.nCVZtW_root .nCVZtW_gridContainer .nCVZtW_grid .nCVZtW_border{transition-property:all;transition-duration:.1s;transition-timing-function:ease-in-out}.nCVZtW_root .nCVZtW_gridContainer .nCVZtW_grid .nCVZtW_border:not(.nCVZtW_active){opacity:0}.nCVZtW_root .nCVZtW_right{grid-area:right}@media (min-width:1025px){.nCVZtW_root .nCVZtW_right{padding:80px var(--side-padding) 40px 0;gap:40px}}.nCVZtW_root .nCVZtW_right .nCVZtW_levels .nCVZtW_level{--level-color:#666;--level-size:60px;width:var(--level-size);height:var(--level-size);background-color:var(--level-color);color:contrast-color(var(--level-color));filter:brightness()drop-shadow(0 0 8px #000);border:1px solid #000;border-radius:50%;transition-property:filter;transition-duration:.2s;transition-timing-function:ease-in-out}.nCVZtW_root .nCVZtW_right .nCVZtW_levels .nCVZtW_level .nCVZtW_difficulty{opacity:.5;margin-right:-8px}.nCVZtW_root .nCVZtW_right .nCVZtW_levels .nCVZtW_level.nCVZtW_isAttempted{--level-color:#fa0}.nCVZtW_root .nCVZtW_right .nCVZtW_levels .nCVZtW_level.nCVZtW_isSolved{--level-color:#080}.nCVZtW_root .nCVZtW_right .nCVZtW_levels .nCVZtW_level:not(.nCVZtW_hasAccessToLevel){cursor:var(--cursor-not-allowed)}.nCVZtW_root .nCVZtW_right .nCVZtW_levels .nCVZtW_level.nCVZtW_hasAccessToLevel{cursor:var(--cursor-pointer)}.nCVZtW_root .nCVZtW_right .nCVZtW_levels .nCVZtW_level.nCVZtW_hasAccessToLevel:hover{filter:brightness(1.2)drop-shadow(0 0 4px #000)}.nCVZtW_root .nCVZtW_right .nCVZtW_rules{flex-grow:1;max-height:720px;margin:0 -8px;padding:0 16px;overflow:auto}@media (max-width:1024px){.nCVZtW_root .nCVZtW_right .nCVZtW_rules{display:none}}
._190sMW_root ._190sMW_animalRule{border-radius:8px}._190sMW_root ._190sMW_animalRule ul{margin:0;padding-left:32px}._190sMW_root ._190sMW_animalRule ._190sMW_animal{--animal-size:32px;width:var(--animal-size);height:var(--animal-size);overflow:hidden}._190sMW_root ._190sMW_animalRule ._190sMW_animal ._190sMW_image{width:400%;height:auto;transform:translate(calc(-25% * var(--image-offset-x)), calc(-33.3333% * var(--image-offset-y)));-webkit-user-select:none;user-select:none;pointer-events:none}._190sMW_root ._190sMW_animalRule._190sMW_withError{outline:2px solid var(--error);outline-offset:2px}._190sMW_root ._190sMW_biome{--biome-size:32px;width:var(--biome-size);height:var(--biome-size);border-radius:8px;overflow:hidden}._190sMW_root ._190sMW_biome ._190sMW_image{width:400%;height:auto;transform:translate(calc(-25% * var(--image-offset-x)), calc(-33.3333% * var(--image-offset-y)));-webkit-user-select:none;user-select:none;pointer-events:none}
.axL9Eq_root .axL9Eq_hint{opacity:.75}.axL9Eq_root .axL9Eq_hidden{opacity:0}.axL9Eq_root .axL9Eq_hoverable.axL9Eq_isHovered{filter:brightness(calc(var(--is-dark-theme) * 1.2 + var(--is-light-theme) * .9))}.axL9Eq_root .axL9Eq_textContainer{color:contrast-color(var(--cell-background-color,#000))}.axL9Eq_root .axL9Eq_textContainer .axL9Eq_count{transition-property:filter;transition-duration:.2s;transition-timing-function:ease-in-out}.axL9Eq_root .axL9Eq_textContainer .axL9Eq_count rect{stroke:currentColor;fill:#0000}.axL9Eq_root .axL9Eq_textContainer .axL9Eq_count text{text-anchor:middle;dominant-baseline:central;fill:currentColor;-webkit-user-select:none;user-select:none;font-size:12px}.axL9Eq_root .axL9Eq_textContainer .axL9Eq_biomesOverlay{pointer-events:none;fill:#000c}.axL9Eq_root .axL9Eq_textContainer .axL9Eq_biomesPool .axL9Eq_biome{transition-property:filter;transition-duration:.2s;transition-timing-function:ease-in-out;overflow:visible}.axL9Eq_root .axL9Eq_textContainer .axL9Eq_biomesPool .axL9Eq_biome.axL9Eq_active .axL9Eq_stroke{stroke:#fffa}.axL9Eq_root .axL9Eq_textContainer .axL9Eq_biomesPool .axL9Eq_biome.axL9Eq_active:hover{filter:brightness(1.2)}.axL9Eq_root .axL9Eq_textContainer .axL9Eq_biomesPool .axL9Eq_biome:not(.axL9Eq_active){filter:brightness(.4)}.axL9Eq_root .axL9Eq_textContainer .axL9Eq_biomesPool .axL9Eq_biome:not(.axL9Eq_active):hover{filter:brightness(.7)}.axL9Eq_root .axL9Eq_textContainer .axL9Eq_biomesOverlay,.axL9Eq_root .axL9Eq_textContainer .axL9Eq_biomesPool{transition-property:opacity;transition-duration:.2s;transition-timing-function:ease-in-out}.axL9Eq_root .axL9Eq_textContainer:hover .axL9Eq_count{filter:contrast(.25)}.axL9Eq_root .axL9Eq_textContainer:not(:hover) .axL9Eq_biomesOverlay,.axL9Eq_root .axL9Eq_textContainer:not(:hover) .axL9Eq_biomesPool{opacity:0;pointer-events:none}.axL9Eq_root .axL9Eq_textContainer:not(:hover) .axL9Eq_shadowHitBoxes{pointer-events:none}
