@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){margin-left:0;padding:0;border:none}:where(ul[class]){list-style:none}p{--paragraphMarginBottom: 24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img{display:block;max-width:100%}input,textarea,select,button{font:inherit}html{height:100%;scroll-behavior:smooth}body{min-height:100%;line-height:1.5}svg *[fill]{fill:currentColor}svg *[stroke]{stroke:currentColor}svg *{transition-property:fill,stroke}body,h1,h2,h3,h4,h5,h6,p,figure,picture{margin:0}h1,h2,h3,h4,h5,h6{font-weight:400;text-transform:uppercase}p{font-weight:400}body{font-family:Libre Baskerville,serif;font-weight:400;font-style:normal;color:#242f47;background-color:#efe5dd;box-sizing:border-box}h1{font-size:27px;font-weight:700;line-height:130%;letter-spacing:.05em}h2{font-size:18px;letter-spacing:.03em}h3{font-size:14px;letter-spacing:.03em}h4{font-size:17px;letter-spacing:.03em}p{font-size:16px;line-height:148%;letter-spacing:.05em}.header{width:100%;background-color:#f7b680;border-bottom:3px solid #8d1d06}.header-logo{text-align:center}.btns-container__sound-theme{position:absolute;top:15px;right:8px;display:flex;gap:10px}@media (width < 450px){.header-logo{font-size:24px}.btns-container__sound-theme{top:14px;gap:8px}}.wrapper{width:100%;max-width:1200px;margin:0 auto;padding:10px 20px}.header-wrapper{position:relative}.footer-wrapper{display:flex;align-items:center;justify-content:space-between}.main-wrapper{min-height:calc(100vh - 140px)}@media (width < 530px){.main-wrapper{padding:10px 5px}.main-wrapper{min-height:calc(100dvh - 140px)}}.main{width:100%;min-height:calc(100vh - 113px)}.main-content{width:100%}@media (width < 530px){.main{min-height:calc(100dvh - 113px)}}.footer{display:flex;align-items:center;height:55px;background-color:#f7b680;border-top:3px solid #8d1d06}.footer-year{font-weight:700}.footer-link{font-weight:700;text-decoration:none;cursor:pointer;transition:.5s ease-out;color:#242f47}.select-level__container{width:100%}.score-table{width:100%;max-width:500px;margin:40px auto 25px;border-spacing:0;border-radius:4px;box-shadow:0 0 10px 2px #8d1d06}.table-head{background-color:#f7b680;border-top-left-radius:4px;border-top-right-radius:4px}.table-head__header:nth-child(1){border-top-left-radius:4px}.table-head__header:nth-child(3){border-top-right-radius:4px}.table-head__header{width:33%;height:40px;text-align:center;font-size:18px;letter-spacing:.03rem;padding:6px 12px}.table-body__row:nth-child(2n) .table-body__cell{background-color:#fed4b1}.table-body__cell{width:33%;height:36px;font-size:15px;font-weight:700;letter-spacing:.02rem;text-align:center;padding:6px 12px}.win-message__container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:550px;margin:30px auto}.win-message__container-text{text-align:center}.win-message__container-picture{margin-top:25px;margin-bottom:35px}.dark-style{color:#dae2f1}.dark-style .header{background-color:#28325b;border-bottom:3px solid #0d5649}.dark-style .btn-sound{background-image:url(../audio-dark.svg)}.dark-style .btn-sound.mute{background-image:url(../mute-dark.svg)}.dark-style .main{color:#28325b;background-color:#e7d4d4}.dark-style .nav-btn{color:#08255a}.dark-style .nav-btn.active{border-bottom:2px solid #08255a}@media (hover: hover){.dark-style .nav-btn:hover{border-bottom:2px solid #08255a}}.dark-style .nav-btn:active{color:#244584;border-bottom:2px solid #244584}.dark-style .level-description{color:#0d5649}.dark-style .level-card{background-color:#dae2f1}@media (hover: hover){.dark-style .level-card:hover{color:#dae2f1;background-color:#28325b}}.dark-style .level-card:active{color:#dae2f1;background-color:#28325b}.dark-style .play-btn{color:#08255a;background-color:#697ebe}@media (hover: hover){.dark-style .play-btn:hover{color:#dae2f1;background-color:#08255a}}.dark-style .play-btn:active{color:#dae2f1;background-color:#08255a}.dark-style .score-table{box-shadow:0 0 10px 2px #0d5649}.dark-style .table-head{background-color:#28325b}.dark-style .table-head__header{color:#dae2f1}.dark-style .table-body__row:nth-child(2n) .table-body__cell{background-color:#697ebe}.dark-style .footer{background-color:#28325b;border-top:3px solid #0d5649}.dark-style .footer-link{color:#dae2f1}.btn{border-radius:6px;padding:5px 16px;border:none;cursor:pointer;transition:all .5s ease-out}.nav-btn{padding:0;color:#5d0606;background-color:transparent;border-radius:0;border-bottom:2px solid transparent}.nav-btn.active{border-bottom:2px solid #5d0606}@media (hover: hover){.nav-btn:hover{border-bottom:2px solid #5d0606}}.nav-btn:active{color:#240202;border-bottom:2px solid #240202}.play-btn{width:195px;background-color:#fed4b1}@media (hover: hover){.play-btn:hover{background-color:#f7b680}}.play-btn:active{color:#5d0606;background-color:#f7b680}.header-btns{width:25px;height:25px;background-color:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .1s ease;background-repeat:no-repeat;background-position:center;background-size:contain}.btn-sound{background-image:url(../audio.svg)}.btn-sound.mute{background-image:url(../mute.svg)}.btn-theme{background-image:url(../sun.svg)}.btn-theme.dark{background-image:url(../moon.svg)}@media (width < 450px){.header-btns{width:22px;height:22px}}.main__nav-container{display:flex;gap:18px;justify-content:center;margin-top:10px}.level{width:100%;margin-top:15px}.level-description{text-align:center;font-size:18px;font-weight:700;margin-bottom:8px}.levels-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.level-card{border-radius:4px;background-color:#fed4b1;cursor:pointer;transition:all .5s ease-out}@media (hover: hover){.level-card:hover{background-color:#f7b680}}.level-card:active{background-color:#f7b680}.level-card__img{width:87px;height:87px;border-radius:4px;border:1px solid #242f47;background-repeat:no-repeat;background-position:center;background-size:cover}.level-card__name{text-align:center;font-weight:700;padding:2px 0}.level-card__img-watch{background-image:url(../watch.png)}.level-card__img-propeller{background-image:url(../propeller.png)}.level-card__img-heart{background-image:url(../heart.png)}.level-card__img-fountain{background-image:url(../watch.png)}.level-card__img-fountain{background-image:url(../fountain.png)}.level-card__img-camel{background-image:url(../camel.png)}.level-card__img-cup{background-image:url(../cup.png)}.level-card__img-spider{background-image:url(../spider.png)}.level-card__img-kettle{background-image:url(../kettle.png)}.level-card__img-hamster{background-image:url(../hamster.png)}.level-card__img-crab{background-image:url(../crab.png)}.level-card__img-crown{background-image:url(../crown.png)}.level-card__img-portrait{background-image:url(../portrait.png)}.level-card__img-operator{background-image:url(../operator.png)}.level-card__img-camera{background-image:url(../camera.png)}.level-card__img-lion{background-image:url(../lion.png)}@media (width < 500px){.level-description{font-size:16px}.level-card__img{width:75px;height:75px}.level-card__name{font-size:14px}}.play-field{width:100%;max-width:500px;margin:25px auto}.top-prompt{display:flex;flex-direction:column;justify-content:end;font-weight:700;min-height:60px;color:#000}.top-prompt.hight-hint__cell-border__start-cell{border-left:3px solid black;border-top:3px solid black;border-bottom:2px solid black}.top-prompt.hight-hint__cell-border__medium-cell{border-left:2px solid black;border-top:3px solid black;border-bottom:2px solid black}.top-prompt.hight-hint__cell-border__medium-cell:nth-child(5n+6){border-left:1px solid black}.top-prompt.hight-hint__cell-border__end-cell{border-right:2px solid black;border-top:3px solid black;border-bottom:2px solid black;border-left:2px solid black}.row-prompt{display:flex;justify-content:end;align-items:center;color:#000;font-size:16px;font-weight:700;min-width:60px;height:40px;text-align:end;border:1px solid black;padding-right:4px;border-left:3px solid black;border-right:none}.row-border__top{border-top:3px solid black}.row-border__bottom{border-bottom:3px solid black}.row-border__top-none{border-top:none}.row-top{display:flex;justify-content:end;border-right:1px solid black}.prompt{text-align:center}.row-cells{display:flex;justify-content:end}.cell{color:#000;font-size:0px;border:1px solid black;-webkit-user-select:none;user-select:none;cursor:pointer}.cell.fill{background-color:#000}.cell.cross{background-image:url(../cross.svg);background-position:center;background-repeat:no-repeat}.row-border{border-top:2px solid black}.cell-border__left{border-left:3px solid black}.cell-border__right{border-right:3px solid black}.cell-border__top-none{border-top:none}.cell-border__left-none{border-left:none}.cell-border__bottom{border-bottom:3px solid black}.small-field{width:271px}.small-field .top-prompt{font-size:16px;width:42px}.small-field .row-prompt{font-size:16px;height:42px}.small-field .cell{width:42px;height:42px}.small-field .hight-hint__cell-border__start-cell{width:41px}.medium-field{max-width:412px}.medium-field .top-prompt{font-size:15px;width:35px}.medium-field .row-prompt{font-size:15px;height:35px}.medium-field .cell{width:35px;height:35px}.medium-field .hight-hint__cell-border__start-cell{width:34px}.big-field{width:471px}.big-field .top-prompt{font-size:13px;width:26px;min-height:80px}.big-field .row-prompt{font-size:13px;min-width:80px;height:26px}.big-field .cell{width:26px;height:26px}.big-field .hight-hint__cell-border__start-cell{width:25px}.play-control{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 10px;width:100%;max-width:500px;margin:0 auto 25px}.timer{display:flex;justify-content:center;text-align:center;width:100%}.timer span{font-size:18px}.timer-minutes,.timer-seconds{width:27px;display:flex;justify-content:space-between}.timer-dots{width:9px;margin-top:-2px}