320b9a1337bad075ea59.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;height:100%}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;padding:0;background:none;border:none;outline:none}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;cursor:pointer}h1,h2,h3,h4,p,ul{margin:0}@keyframes result-animation{0%{text-shadow:0 2px 1px #300000}5%{text-shadow:0 4px 1px #460000}10%{text-shadow:0 6px 1px #520000}15%{text-shadow:0 8px 1px #6e0000}20%{text-shadow:0 10px 1px #600}25%{text-shadow:0 12px 1px #7a0000}30%{text-shadow:0 14px 1px #860000}35%{text-shadow:0 16px 1px #9b0000}40%{text-shadow:0 18px 1px #a70000}45%{text-shadow:0 20px 1px #c00}50%{text-shadow:0 22px 1px red}55%{text-shadow:0 20px 1px #eb0000}60%{text-shadow:0 18px 1px #e00000}65%{text-shadow:0 16px 1px #b90000}70%{text-shadow:0 14px 1px #ad0000}75%{text-shadow:0 12px 1px #960000}80%{text-shadow:0 10px 1px maroon}85%{text-shadow:0 8px 1px #6e0000}90%{text-shadow:0 6px 1px #580000}95%{text-shadow:0 4px 1px #3d0000}100%{text-shadow:0 2px 1px #300000}}@keyframes shake{2%{transform:translate(10px, -5px) rotate(-0.5deg)}4%{transform:translate(4px, 1px) rotate(0.5deg)}6%{transform:translate(10px, 9px) rotate(2.5deg)}8%{transform:translate(7px, 7px) rotate(3.5deg)}10%{transform:translate(10px, 0px) rotate(0.5deg)}12%{transform:translate(-3px, -4px) rotate(0.5deg)}14%{transform:translate(-4px, -2px) rotate(-0.5deg)}16%{transform:translate(8px, 7px) rotate(3.5deg)}18%{transform:translate(-8px, -3px) rotate(0.5deg)}20%{transform:translate(2px, -7px) rotate(-2.5deg)}22%{transform:translate(6px, 1px) rotate(-1.5deg)}24%{transform:translate(1px, 1px) rotate(-2.5deg)}26%{transform:translate(-1px, 10px) rotate(2.5deg)}28%{transform:translate(10px, -1px) rotate(3.5deg)}30%{transform:translate(-8px, -2px) rotate(2.5deg)}32%{transform:translate(7px, 0px) rotate(3.5deg)}34%{transform:translate(-1px, -3px) rotate(-1.5deg)}36%{transform:translate(-5px, 8px) rotate(1.5deg)}38%{transform:translate(8px, 5px) rotate(3.5deg)}40%{transform:translate(10px, 2px) rotate(-1.5deg)}42%{transform:translate(0px, -1px) rotate(-2.5deg)}44%{transform:translate(-3px, -6px) rotate(0.5deg)}46%{transform:translate(0px, -6px) rotate(-2.5deg)}48%{transform:translate(6px, 6px) rotate(-2.5deg)}50%{transform:translate(-3px, 9px) rotate(-0.5deg)}52%{transform:translate(7px, -3px) rotate(1.5deg)}54%{transform:translate(7px, 0px) rotate(1.5deg)}56%{transform:translate(3px, -7px) rotate(0.5deg)}58%{transform:translate(2px, -3px) rotate(-2.5deg)}60%{transform:translate(5px, 2px) rotate(-2.5deg)}62%{transform:translate(-2px, 10px) rotate(-0.5deg)}64%{transform:translate(8px, -2px) rotate(3.5deg)}66%{transform:translate(8px, -3px) rotate(1.5deg)}68%{transform:translate(4px, 5px) rotate(2.5deg)}70%{transform:translate(0px, -7px) rotate(2.5deg)}72%{transform:translate(5px, -7px) rotate(1.5deg)}74%{transform:translate(-4px, -2px) rotate(-2.5deg)}76%{transform:translate(-8px, -2px) rotate(1.5deg)}78%{transform:translate(2px, -5px) rotate(0.5deg)}80%{transform:translate(-2px, -3px) rotate(0.5deg)}82%{transform:translate(-4px, -1px) rotate(-0.5deg)}84%{transform:translate(-4px, 8px) rotate(0.5deg)}86%{transform:translate(3px, 5px) rotate(-0.5deg)}88%{transform:translate(6px, -4px) rotate(3.5deg)}90%{transform:translate(-8px, 3px) rotate(-0.5deg)}92%{transform:translate(-5px, 3px) rotate(-2.5deg)}94%{transform:translate(10px, 2px) rotate(1.5deg)}96%{transform:translate(-8px, 6px) rotate(-2.5deg)}98%{transform:translate(10px, 9px) rotate(1.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}@keyframes questions-shake{2%{transform:translate(2px, -2px) rotate(-0.2deg)}4%{transform:translate(1px, 0px) rotate(0.2deg)}6%{transform:translate(5px, 4px) rotate(1.2deg)}8%{transform:translate(3px, 3px) rotate(1.7deg)}10%{transform:translate(5px, 0px) rotate(0.2deg)}12%{transform:translate(-1px, -2px) rotate(0.2deg)}14%{transform:translate(-2px, -1px) rotate(-0.2deg)}16%{transform:translate(4px, 3px) rotate(1.7deg)}18%{transform:translate(-4px, -1px) rotate(0.2deg)}20%{transform:translate(1px, -3px) rotate(-1.3deg)}22%{transform:translate(3px, 0px) rotate(-0.7deg)}24%{transform:translate(0px, 0px) rotate(-1.2deg)}26%{transform:translate(0px, 5px) rotate(1.2deg)}28%{transform:translate(5px, -1px) rotate(1.7deg)}30%{transform:translate(-4px, -1px) rotate(1.3deg)}32%{transform:translate(3px, 0px) rotate(1.7deg)}34%{transform:translate(-1px, -1px) rotate(-0.7deg)}36%{transform:translate(-2px, 4px) rotate(0.7deg)}38%{transform:translate(4px, 2px) rotate(1.7deg)}40%{transform:translate(5px, 1px) rotate(-0.7deg)}42%{transform:translate(0px, -1px) rotate(-1.2deg)}44%{transform:translate(-1px, -3px) rotate(0.2deg)}46%{transform:translate(0px, -3px) rotate(-1.2deg)}48%{transform:translate(3px, 3px) rotate(-1.2deg)}50%{transform:translate(-1px, 4px) rotate(-0.2deg)}52%{transform:translate(3px, -1px) rotate(0.7deg)}54%{transform:translate(3px, 0px) rotate(0.7deg)}56%{transform:translate(1px, -3px) rotate(0.2deg)}58%{transform:translate(1px, -1px) rotate(-1.2deg)}60%{transform:translate(2px, 1px) rotate(-1.2deg)}62%{transform:translate(-1px, 5px) rotate(-0.2deg)}64%{transform:translate(4px, -1px) rotate(1.7deg)}66%{transform:translate(4px, -1px) rotate(0.7deg)}68%{transform:translate(2px, 2px) rotate(1.2deg)}70%{transform:translate(0px, -3px) rotate(1.2deg)}72%{transform:translate(2px, -3px) rotate(0.7deg)}74%{transform:translate(-2px, -1px) rotate(-1.2deg)}76%{transform:translate(-4px, -1px) rotate(0.7deg)}78%{transform:translate(1px, -2px) rotate(0.2deg)}80%{transform:translate(-1px, -1px) rotate(0.2deg)}82%{transform:translate(-2px, -1px) rotate(-0.2deg)}84%{transform:translate(-2px, 4px) rotate(0.2deg)}86%{transform:translate(1px, 2px) rotate(-0.2deg)}88%{transform:translate(3px, -2px) rotate(1.7deg)}90%{transform:translate(-4px, 1px) rotate(-0.2deg)}92%{transform:translate(-2px, 2px) rotate(-1.7deg)}94%{transform:translate(5px, 1px) rotate(0.2deg)}96%{transform:translate(-4px, 3px) rotate(-1.2deg)}98%{transform:translate(5px, 4px) rotate(0.7deg)}0%,100%{transform:translate(0, 0) rotate(0)}}@keyframes changeColor{0%{fill:red}100%{fill:#000}}@keyframes changeColorDefeat{0%{fill:#fff}100%{fill:#000}}@keyframes changeColorWin{0%{fill:#000}100%{fill:red}}@keyframes fall{0%{animation-timing-function:ease-in;opacity:0;transform:translateY(-550px)}38%{animation-timing-function:ease-out;opacity:1;transform:translateY(0)}55%{animation-timing-function:ease-in;transform:translateY(-65px)}72%{animation-timing-function:ease-out;transform:translateY(0)}81%{animation-timing-function:ease-in;transform:translateY(-28px)}90%{animation-timing-function:ease-out;transform:translateY(0)}95%{animation-timing-function:ease-in;transform:translateY(-8px)}100%{animation-timing-function:ease-out;transform:translateY(0)}}@font-face{font-family:"Caveat";src:url(assets/fonts/475a8deb527f6c940646.woff2) format("woff2");font-weight:500;font-style:normal;font-display:fallback}@font-face{font-family:"Merienda";src:url(assets/fonts/7fe83cd6d5446b2e5ad1.woff2) format("woff2");font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:"Caesar Dressing";src:url(assets/fonts/627a0361be9f123b2aa9.woff2) format("woff2");font-weight:normal;font-style:normal;font-display:fallback}body{background-image:-webkit-image-set(url(assets/images/pictures/0640db2a97f8cce511aa.avif) type("image/avif"), url(assets/images/pictures/e51a9f360da058120536.webp) type("image/webp"), url(assets/images/pictures/bc836101c22e82249c05.jpg) type("image/jpg"));background-image:image-set(url(assets/images/pictures/0640db2a97f8cce511aa.avif) type("image/avif"), url(assets/images/pictures/e51a9f360da058120536.webp) type("image/webp"), url(assets/images/pictures/bc836101c22e82249c05.jpg) type("image/jpg"));background-size:cover;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.container{max-width:1680px;margin:0 auto;min-height:100%}.play{position:absolute;top:2%;left:calc(50% - 38px);z-index:5;width:76px;height:76px;fill:#fff}.play_active{animation:changeColor 1s infinite;cursor:default}@media only screen and (max-width: 450px){.play{width:68px;height:68px;left:calc(50% - 34px)}}.rules__language-btn{position:absolute;bottom:6px;right:6px;width:40px;height:40px}@media only screen and (max-width: 600px){.rules__language-btn{width:34px;height:34px}}@media only screen and (max-width: 380px){.rules__language-btn{width:32px;height:32px}}.rules{background-image:-webkit-image-set(url(assets/images/pictures/81f8639c3e87a4ed725f.avif) type("image/avif"), url(assets/images/pictures/0c765d7bcf3ccecd06c2.webp) type("image/webp"), url(assets/images/pictures/f6fcdc11e301f9728e23.jpg) type("image/jpg"));background-image:image-set(url(assets/images/pictures/81f8639c3e87a4ed725f.avif) type("image/avif"), url(assets/images/pictures/0c765d7bcf3ccecd06c2.webp) type("image/webp"), url(assets/images/pictures/f6fcdc11e301f9728e23.jpg) type("image/jpg"));position:absolute;z-index:2;background-size:cover;background-repeat:no-repeat;background-position:center;width:100vw;height:100vh}@supports(height: 100dvh){.rules{height:100dvh}}.rules__inner{position:absolute;left:50%;bottom:50%;transform:translate(-50%, 50%);padding:6px;width:832px;height:355px;background-color:hsla(0,0%,100%,.5882352941);border-radius:3%}@media only screen and (max-width: 1000px){.rules__inner{width:640px;height:339px}}@media only screen and (max-width: 768px){.rules__inner{width:560px}}@media only screen and (max-width: 600px){.rules__inner{width:430px;height:345px}}@media only screen and (max-width: 450px){.rules__inner{padding:3px;width:375px;height:310px}}@media only screen and (max-width: 380px){.rules__inner{width:300px;height:318px}}.rules__text{font-family:"Caveat",serif;font-size:30px;text-align:center;letter-spacing:.8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#000}@media only screen and (max-width: 1000px){.rules__text{font-size:26px}}@media only screen and (max-width: 768px){.rules__text{font-size:24px}}@media only screen and (max-width: 600px){.rules__text{font-size:21px}}@media only screen and (max-width: 450px){.rules__text{font-size:19px}}@media only screen and (max-width: 380px){.rules__text{font-size:17px}}.book{position:absolute;width:max(230px, min(40vw, 280px));height:max(230px, min(40vw, 280px));cursor:auto}.book_shake{animation:shake 1s infinite}.book_hide{display:none}.book__star_active{animation:changeColor 1s infinite}.book__ellipse_active{animation:changeColor 1s infinite}@media screen and (max-height: 560px){.book{width:180px;height:180px}}.found-items{position:absolute;bottom:2%;left:calc(50% - 360px);display:none;padding:5px;width:720px;height:62px;border-radius:20px;border:2px solid #000;background-color:gray}.found-items_show{display:flex;align-items:center;justify-content:space-evenly}@media only screen and (max-width: 768px){.found-items{left:calc(50% - 285px);width:570px;height:52px}}@media only screen and (max-width: 600px){.found-items{left:calc(50% - 220px);width:440px;height:46px}}@media only screen and (max-width: 450px){.found-items{left:calc(50% - 187.5px);width:375px;height:42px}}@media only screen and (max-width: 380px){.found-items{left:calc(50% - 156px);width:312px;height:35px}}.found-items__pento{width:52px;height:52px;cursor:auto;fill:#000}@media only screen and (max-width: 768px){.found-items__pento{width:44px;height:44px}}@media only screen and (max-width: 600px){.found-items__pento{width:36px;height:36px}}@media only screen and (max-width: 450px){.found-items__pento{width:30px;height:30px}}@media only screen and (max-width: 380px){.found-items__pento{width:26px;height:26px}}.found-items__pento_found{fill:#a00000}.found-items__pento_shake{animation:questions-shake 1s infinite}.search-object{position:absolute;z-index:1000000000;display:none;padding:3px;box-sizing:content-box;width:34px;height:34px;opacity:.25;fill:#fff}@media only screen and (max-width: 600px){.search-object{width:27px;height:27px;padding:5px}}.devil{position:absolute;z-index:6;display:none;width:110px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.devil_show{display:block}.result{position:absolute;display:none;width:100vw;height:100vh}@supports(height: 100dvh){.result{height:100dvh}}.result_show{z-index:10;display:flex;justify-content:center;align-items:center;animation:result-animation 5s 2.8s infinite;background-position:center;background-size:cover}.result_win{color:#fff;background-image:-webkit-image-set(url(assets/images/pictures/d799cd0e28689219a22c.avif) type("image/avif"), url(assets/images/pictures/719ffeda863dfe3486dc.webp) type("image/webp"), url(assets/images/pictures/3776dbd00c1a24931bf7.jpg) type("image/jpg"));background-image:image-set(url(assets/images/pictures/d799cd0e28689219a22c.avif) type("image/avif"), url(assets/images/pictures/719ffeda863dfe3486dc.webp) type("image/webp"), url(assets/images/pictures/3776dbd00c1a24931bf7.jpg) type("image/jpg"))}@media only screen and (max-width: 600px){.result_win{background-image:-webkit-image-set(url(assets/images/pictures/40435fbe61ad5fc769e2.avif) type("image/avif"), url(assets/images/pictures/2241fcb7973992435f8d.webp) type("image/webp"), url(assets/images/pictures/4079977a9ab65c3502f4.jpg) type("image/jpg"));background-image:image-set(url(assets/images/pictures/40435fbe61ad5fc769e2.avif) type("image/avif"), url(assets/images/pictures/2241fcb7973992435f8d.webp) type("image/webp"), url(assets/images/pictures/4079977a9ab65c3502f4.jpg) type("image/jpg"))}}.result_defeat{color:red;background-image:-webkit-image-set(url(assets/images/pictures/1f9ce1b807a8321a8a66.avif) type("image/avif"), url(assets/images/pictures/f951dcaf51117e966c53.webp) type("image/webp"), url(assets/images/pictures/6e0c4223a89668cf7ce7.jpg) type("image/jpg"));background-image:image-set(url(assets/images/pictures/1f9ce1b807a8321a8a66.avif) type("image/avif"), url(assets/images/pictures/f951dcaf51117e966c53.webp) type("image/webp"), url(assets/images/pictures/6e0c4223a89668cf7ce7.jpg) type("image/jpg"))}@media only screen and (max-width: 600px){.result_defeat{background-image:-webkit-image-set(url(assets/images/pictures/eb33f1ed7c92332b2fd0.avif) type("image/avif"), url(assets/images/pictures/16885c5609b360cfc6c2.webp) type("image/webp"), url(assets/images/pictures/2c8901198475aaef2384.jpg) type("image/jpg"));background-image:image-set(url(assets/images/pictures/eb33f1ed7c92332b2fd0.avif) type("image/avif"), url(assets/images/pictures/16885c5609b360cfc6c2.webp) type("image/webp"), url(assets/images/pictures/2c8901198475aaef2384.jpg) type("image/jpg"));background-position:center top}}.result__wrapper{display:flex;justify-content:center;align-items:center;width:82%;border-radius:15px;animation:fall 2.1s ease-in-out 0s 1 normal forwards;background-color:rgba(0,0,0,0.9215686275)}@media only screen and (max-width: 600px){.result__wrapper{width:84%}}@media only screen and (max-width: 450px){.result__wrapper{width:96%}}.result__text{padding:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:5px;font-size:max(42px, min(12vw, 110px));font-family:"Caesar Dressing","Merienda";line-height:1.2}@media only screen and (max-width: 768px){.result__text{line-height:1.3}}@media only screen and (max-width: 600px){.result__text{line-height:1.4}}@media only screen and (max-width: 450px){.result__text{line-height:1.6}}@media only screen and (max-width: 380px){.result__text{line-height:1.7}}.result__button{position:absolute;top:2%;z-index:25;width:55px;height:55px}@media only screen and (max-width: 450px){.result__button{width:50px;height:50px}}.result__button_win{animation:shake 2s infinite,changeColorWin 2s infinite}.result__button_defeat{animation:shake 2s infinite,changeColorDefeat 2s infinite}