body{margin:0;padding:0;background-color:#feffff;font-family:-apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.Game canvas{display:block}.Game__level-buttons{position:fixed;left:10px;top:10px;padding:5px 10px;color:#fff;border:1px solid #fff;font-size:13px;line-height:15px;background:transparent}.Game__levels{padding-bottom:20px}.Game__level{border-radius:10px;font-size:30px;line-height:60px;font-weight:700;width:60px;height:60px;box-sizing:border-box;margin:5px;display:inline-block;border:1px solid #000}.Game__star{font-size:20px;line-height:25px;margin-bottom:25px}.Game__layer{position:fixed;z-index:100;left:0;right:0;top:0;bottom:0;overflow:auto;display:flex;align-items:center;justify-content:center}.Game__result-line{margin-bottom:5px}.Game__result-line:last-child{margin-bottom:0}.Game__rules{text-align:center;color:#fff;font-size:13px;line-height:15px;position:fixed;left:0;right:0;bottom:0;padding:12px}.Game__percent{display:inline-block;width:40px;text-align:left}.Game__restart{border:1px solid #2e8b57;background-color:#d0feb9}.Game__againe,.Game__restart{padding:10px 20px;font-size:13px;line-height:15px}.Game__againe{border:1px solid #6495ed;background-color:#cbd7ed}.Game .Box{width:20px;height:20px;display:inline-block;margin-right:10px;vertical-align:middle;border:1px solid #ccc;background-color:#eee}.Game .Box--blue{background-color:#7ea8fb;border-color:#516fa5}.Game .Box--red{border-color:#b2472e;background-color:#fc6f4a}.Game .Box--yellow{border-color:#d39c28;background-color:#fcdb3e}.Game .Box--green{border-color:#559a3f;background-color:#94f76f;text-align:center}.Game .Box--green:after{content:"вы"}.Game__header{position:fixed;left:0;right:0;top:0;display:flex;align-items:center;justify-content:center;padding-top:10px}.Game__header .text{cursor:pointer;flex-grow:1;text-align:center;font-weight:700;font-size:20px;line-height:22px}.Game__header .left,.Game__header .right{flex-shrink:0;width:50px;height:50px}.Game__cage-count{position:fixed;left:0;right:0;top:50px;text-align:center;padding:5px;box-sizing:border-box}.Game__cage-count .cage{width:10px;height:10px;margin:2px;background-color:#94f76f;display:inline-block;border:1px solid #559a3f}.Game__demo{pointer-events:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:10;background-color:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;opacity:1;-webkit-animation:fadeout .2s ease-out 2s forwards;animation:fadeout .2s ease-out 2s forwards}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.SmallScreen{position:fixed;left:0;right:0;top:0;bottom:0;background-color:#fff;color:transparent;display:flex;text-align:center;justify-content:center;align-items:center}.MenuButton,.ResetButton{width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer}.TextButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:10px 18px;font-size:22px;line-height:24px;font-weight:500;text-align:center;cursor:pointer;text-decoration:none;color:inherit}.TextButton--disabled,.TextButton--loading{opacity:.7;cursor:default}.TextButton--small{padding:7px 12px;font-size:16px;line-height:18px;font-weight:400;border:1px solid #000;border-radius:8px}.TextButton--tin{padding:5px 10px;font-size:12px;line-height:14px;font-weight:400}.MainPage{display:flex;align-items:center;justify-content:center;text-align:center}.MainPage__title{font-weight:700;font-size:40px;line-height:45px;margin:10px 0}.Modal{position:fixed;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.7);-webkit-animation:fadein .2s ease-out forwards;animation:fadein .2s ease-out forwards;opacity:0}.ScoreModal__header{font-weight:500;font-size:22px;line-height:25px;text-align:center;color:#fff;text-shadow:0 0 2px #000;padding:15px 5px 5px;-webkit-animation:fadein .2s ease-out 1.3s forwards;animation:fadein .2s ease-out 1.3s forwards;opacity:0}.ScoreModal__footer{padding-top:20px;text-align:center;-webkit-animation:fadein .2s ease-out 1.8s forwards;animation:fadein .2s ease-out 1.8s forwards;opacity:0}.ScoreModal__btn{color:#fff;border:1px solid #fff;border-radius:8px}.ScoreModal__btn.no-border{border:none}.ScoreModal__line{padding:5px;display:flex;align-items:center;min-width:200px}.ScoreModal__grow{flex-grow:1;box-sizing:border-box;padding:0 15px;min-width:40px}.ScoreModal__grow .progress{-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-animation:scale 1s ease-out forwards;animation:scale 1s ease-out forwards;height:10px;min-width:10px}.ScoreModal__grow .progress.blue{background-color:#7ea8fb}.ScoreModal__grow .progress.red{background-color:#fc6f4a}.ScoreModal__grow .progress.yellow{background-color:#fcdb3e}.ScoreModal__grow .progress.green{background-color:#94f76f}.ScoreModal__score{flex-shrink:0;color:#fff;font-size:18px;line-height:20px;text-align:right;-webkit-animation:fadein .2s ease-out .8s forwards;animation:fadein .2s ease-out .8s forwards;opacity:0}.ScoreModal__box{flex-shrink:0;width:35px;height:35px;background-color:#fff;border:3px solid #ccc;box-sizing:border-box;border-radius:3px}.ScoreModal__box.blue{background-color:#7ea8fb;border-color:#516fa5}.ScoreModal__box.red{border-color:#b2472e;background-color:#fc6f4a}.ScoreModal__box.yellow{border-color:#d39c28;background-color:#fcdb3e}.ScoreModal__box.green{border-color:#559a3f;background-color:#94f76f}.ScoreModal__score-line{display:flex;justify-content:space-between;color:#fff;padding:5px 0;opacity:0;-webkit-animation:fadein .2s ease-out 2.1s forwards;animation:fadein .2s ease-out 2.1s forwards}.ScoreModal__stars{font-size:22px;line-height:22px;color:#ff0;text-align:center;-webkit-animation:fadein .2s ease-out 1.2s forwards;animation:fadein .2s ease-out 1.2s forwards;opacity:0;padding-bottom:10px}.ScoreModal__stars span{opacity:0}.ScoreModal__stars span:first-child{-webkit-animation:fadein .2s ease-out 1.3s forwards;animation:fadein .2s ease-out 1.3s forwards}.ScoreModal__stars span:nth-child(2){-webkit-animation:fadein .2s ease-out 1.6s forwards;animation:fadein .2s ease-out 1.6s forwards}.ScoreModal__stars span:nth-child(3){-webkit-animation:fadein .2s ease-out 2.1s forwards;animation:fadein .2s ease-out 2.1s forwards}@-webkit-keyframes scale{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes scale{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.MenuPage{display:flex;align-items:center;justify-content:center;text-align:center}.MenuPage__buttons{padding:25px 0}.MenuPage__buttons .TextButton{display:block;margin:0 auto 10px;max-width:75vw}.MenuPage__buttons .TextButton:last-child{margin-bottom:0}.MenuPage__footer{font-size:10px;line-height:12px;color:#545454}.MenuPage__score{font-size:22px;line-height:22px}.MenuPage__score .star{display:inline-block;padding-left:5px;color:#90841b}.LevelsModal{background:#fff;padding:20px;border-radius:10px;text-align:center;margin:0 10px}.LevelsModal__header{margin-bottom:25px;font-size:22px;line-height:25px;text-align:center;font-weight:700}.LevelsModal__container{overflow:auto;max-height:262px}.Level{display:inline-block;width:80px;min-height:77px;box-sizing:border-box;margin:5px;vertical-align:top;text-align:center;border:1px solid #d6d7d8;border-radius:10px;padding:10px 0;cursor:pointer}.Level__title{font-weight:700;font-size:22px;line-height:25px}.Level__result{color:#848400;font-size:18px;line-height:20px;padding-top:10px}.CoinModal{background-color:#fff;padding:20px;border-radius:10px;text-align:center;max-width:500px}.CoinModal__header{font-size:22px;line-height:25px;margin-bottom:20px}.CoinModal__text{margin-bottom:20px;font-size:16px}.CoinModal__text span{color:#c2a04a;font-size:18px}