body{--button-bg: #031a26;--button-border: 2px solid #87a9b8;--button-color: white;--button-cancel-bg: #17282b;--button-cancel-border: 1px solid #3d4c50;--button-modal-bg: linear-gradient(0, #fff 50%, #fff);--buttom-modal-color: #0b1e20}button{position:relative;cursor:pointer;background:var(--button-bg);color:var(--button-color);width:100%;font-family:inherit;font-size:inherit;border-radius:10px;font-weight:500;height:62px;padding:0 14px;display:flex;flex-direction:row;align-items:center;justify-content:center;margin:8px 0;outline:none;border:var(--button-border);box-sizing:border-box;transition:all .2s}button:active{transform:translateY(2px)}.button-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:11px;background:inherit;display:flex;align-items:center;justify-content:center}.button-text{border:none;background:transparent}.button-tertiary{background:transparent;border:var(--button-cancel-border)}.button-task{height:28px;padding:0 12px;font-size:13px;border-radius:6px;margin:0;box-shadow:none}.button-modal{background:var(--button-modal-bg);border:none;color:var(--buttom-modal-color);font-weight:500;height:60px}.button-cancel{background:var(--button-cancel-bg);border:var(--button-cancel-border);outline:none}@media (max-width: 700px){button{height:52px}}body{--spinner-color: white}.spinner-box{display:flex;justify-content:center;width:100%}.spinner{width:52px;height:52px;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.spinner-size-medium{width:20px;height:20px}.spinner-size-small{width:14px;height:14px}.spinner,.spinner-size-medium{border:3px solid var(--spinner-color);border-bottom-color:transparent}.spinner-size-small{border:2px solid var(--spinner-color);border-bottom-color:transparent}.layout-spinner{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:inherit}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px;text-align:center}.panels-view{position:relative;overflow:hidden}.next-panel-view{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;animation:.35s next-view-anim forwards;z-index:2}@keyframes next-view-anim{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}body{--panel-content-padding: 20px 30px}.panel{display:flex;flex-direction:column;height:100svh;width:100vw;background:var(--page-bg);background-image:var(--page-bg-image)}.panel-header{position:relative;width:100%}.panel-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;width:100%;overflow-y:auto}.panel-content-center{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:var(--max-width);margin:0 auto;width:100%;height:100%}.panel-content,.panel-content-center{padding:var(--panel-content-padding);box-sizing:border-box}.panel-content-wrapper{width:100%;max-width:var(--max-width);min-width:200px;min-height:400px;margin:0 auto}.panel-center{display:flex;justify-content:center;align-items:center}@media (max-width: 620px){body{--panel-content-padding: 10px 15px}}body{--panel-header-bg: #0122327a;--panel-header-border: 1px solid #1e4659}body{--panel-header-height: 70px}.panel-header{width:100%;background:var(--panel-header-bg);border-bottom:var(--panel-header-border);box-sizing:border-box}.panel-header-in{display:flex;flex-direction:row;align-items:center;justify-content:center;height:var(--panel-header-height);width:100%;max-width:var(--max-width);font-weight:500;font-size:110%;padding:0 5px;margin:0 auto;box-sizing:border-box}.panel-header-back{cursor:pointer;padding:8px;box-sizing:border-box}.panel-header-content,.panel-header-before,.panel-header-after{display:flex;flex-direction:row;align-items:center;min-width:50px}.panel-header-content{width:100%;text-align:center;justify-content:center;padding-bottom:1px}.panel-header-before{margin-left:"auto"}.panel-header-after{margin-right:"auto"}@media (max-width: 1300px),(max-height: 720px){body{--panel-header-height: 60px}}@media (max-width: 430px),(max-height: 640px){body{--panel-header-height: 58px}}@media (max-width: 380px),(max-height: 560px){body{--panel-header-height: 56px}}@media (max-width: 320px),(max-height: 500px){body{--panel-header-height: 45px}}body{--modal-shadow-bg: #080d0ede;--modal-bg: #012436;--modal-border: 2px solid #87a8b9;--modal-header-bg: #011f2f;--modal-header-border: 2px solid #87a8b9}body{--modal-padding: 15px 30px}.modal{position:fixed;top:0;left:0;width:100vw;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3}.modal-shadow{cursor:pointer;position:absolute;top:0;left:0;width:100vw;height:100svh;background:var(--modal-shadow-bg)}.modal-container{position:relative;overflow-y:auto;width:calc(100% - 20px);max-width:500px;max-height:min(300px,80svh);background:var(--modal-bg);border:var(--modal-border);margin:0 10px;border-radius:10px;box-sizing:border-box;z-index:3}.modal-content{width:100%;padding:var(--modal-padding);box-sizing:border-box}.modal-sticky{justify-content:flex-end}.modal-header{position:sticky;top:0;text-align:center;padding:15px 0;background:var(--modal-header-bg);border-bottom:var(--modal-header-border);font-weight:500}.modal-text{text-align:center;padding:15px 10px 20px}.modal-subtitle{padding-top:4px;margin-bottom:25px}.modal-close{cursor:pointer;position:absolute;padding:4px;top:18px;right:35px}@keyframes modal-show{0%{transform:translateY(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes modal-hide{0%{transform:translate(0);opacity:1}to{transform:translateY(150px);opacity:0}}@media (max-width: 700px){body{--modal-padding: 15px 28px}}@media (max-width: 500px){body{--modal-padding: 15px 25px}}@media (orientation: landscape) and (max-height: 500px){body{--modal-padding: 15px 20px}}body{--tabs-default-border-bottom: 2px solid #5b576b;--tabs-default-active-border-bottom: 2px solid #9287cd;--tabs-global-color: #827d98;--tabs-global-active-color: white}.tabs{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.tab-item{cursor:pointer;padding-bottom:12px;margin:5px;text-align:center;box-sizing:border-box}.tabs-default .tab-item{border-bottom:var(--tabs-default-border-bottom);width:100%}.tabs-default .tab-item-active{border-bottom:var(--tabs-default-active-border-bottom)}.tabs-global{justify-content:center;margin-bottom:10px}.tabs-global .tab-item{padding:8px;font-size:16px;font-weight:500;color:var(--tabs-global-color)}.tabs-global .tab-item-active{color:var(--tabs-global-active-color)}.cell{cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:42px;box-sizing:border-box}.cell .avatar{padding-right:20px}.cell-before{display:flex;align-items:center;min-width:30px;padding-right:10px}.cell-after{width:100px;text-align:right;color:var(--secondary-color);font-weight:400;display:flex;align-items:center;justify-content:flex-end}.cell-subtitle{font-size:85%;color:var(--secondary-color);padding-top:3px;font-weight:400}.cell-content{width:100%;padding:12px 10px 12px 0;font-weight:400;box-sizing:border-box}.cell .vkuiIcon{color:var(--vkui--color_icon_accent)}.checkbox{position:relative}.checkbox .Icon{color:var(--color)}.checkbox_particle{position:absolute;width:50px;height:50px;top:-15px;left:-15px;background:rgba(255,255,255,.576);animation:anim_checkbox_particle .5s forwards;border-radius:100%}@keyframes anim_checkbox_particle{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}@keyframes anim_checkbox{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{--switch-bg: #264248;--switch-active-bg: #31575f}.switch-box{position:relative}.switch{position:relative;display:inline-block;width:45px;height:20px}.switch input{opacity:0;width:0;height:0}.swith-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--switch-bg);-webkit-transition:.4s;transition:.4s}.swith-slider:before{position:absolute;content:"";height:15px;width:15px;left:3px;bottom:2.5px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.swith-slider{background-color:var(--switch-active-bg)}input:focus+.swith-slider{box-shadow:0 0 1px var(--switch-active-bg)}input:checked+.swith-slider:before{-webkit-transform:translateX(23.5px);-ms-transform:translateX(23.5px);transform:translate(23.5px)}.swith-slider.round{border-radius:34px}.swith-slider.round:before{border-radius:50%}@supports (-webkit-touch-callout: none){.switch-box{margin-top:10px;margin-bottom:-10px}}body{--paper-bg: #012232;--paper-border: 2px solid #87a9b8;--paper-header-color: #7c798e}.paper{background:var(--paper-bg);border-radius:12px;padding:18px 24px;margin-bottom:15px;width:100%;border:var(--paper-border);box-sizing:border-box}.paper-header{padding:5px 0 8px;text-transform:uppercase;font-weight:500;font-size:80%;color:var(--paper-header-color)}.paper h1{font-size:110%;font-weight:500;padding-bottom:10px}.paper-fill{height:100%;max-height:720px}@media (max-width: 640px){.paper{padding:15px 20px}}@media (max-width: 500px){.paper-header{font-size:11px}}body{--input-bg: transparent;--input-border: 2px solid #e6d5ff;--input-placeholder: #c8c8c8;--form-top-color: #a89cb9}input[type=text],textarea{font-weight:600;font-size:inherit;font-family:inherit;color:inherit;outline:none;background:var(--input-bg);border:var(--input-border);padding:12px 15px;margin:8px 0;border-radius:8px;width:100%;box-sizing:border-box}textarea{min-height:120px}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}.form-item{padding:15px 0}.form-top,.form-bottom{color:var(--form-top-color);font-size:13px;font-weight:500}body{--range-bg: #1f6483;--range-thumb-bg: #f6f5fa;--range-thumb-border: none}.range-container{display:flex;flex-direction:column;align-items:center}.range{-webkit-appearance:none;width:120px;height:4px;background:var(--range-bg);border-radius:5px;outline:none;transition:opacity .2s}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--range-thumb-bg);border:var(--range-thumb-border);border-radius:50%;cursor:pointer}.range::-moz-range-thumb{width:16px;height:16px;background:var(--range-thumb-bg);border:var(--range-thumb-border);border-radius:50%;cursor:pointer}.range-value{margin-top:10px;font-size:16px;color:#333}@media (max-width: 640px){.range{width:80px}}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 0;box-sizing:border-box}.placeholder-header{font-weight:500;font-size:16px;padding-top:12px}.placeholder-text{color:#818c99;padding:6px 0;font-size:14px;max-width:340px;margin:0 auto}.placeholder-action{padding-top:4px}.placeholder button{padding:8px 20px}body{--avatar-bg: #093e59}.avatar{position:relative;padding:8px 8px 8px 0}.avatar img{border-radius:100%;background:var(--avatar-bg);width:100%;height:100%}body{--board-bg: white;--board-color: #26265d;--board-font-family: Pangolin,cursive}body{--board-height: auto;--board-text-padding: 0 40px}.board{position:relative;width:100%;height:100%;max-height:min(35vh,45vw);background:var(--board-bg);color:var(--board-color);font-family:var(--board-font-family);text-align:center;font-weight:500;box-sizing:border-box;border-radius:12px;aspect-ratio:5 / 3}.board-in{padding:10%;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}@media (max-width: 1300px),(max-height: 720px){body{--board-text-padding: 0 35px}}@media (max-width: 430px),(max-height: 640px){body{--board-height: calc(70vw - 50px) ;--board-text-padding: 0 24px}}@media (max-width: 320px),(max-height: 500px){body{--board-height: calc(65vw - 50px) }}body{--game-menu-item-bg: #021925;--game-menu-item-border: 2px solid #afc5c6}body{--quiz-menu-item-height: 50px;--quiz-menu-item-padding: 0 22px;--quiz-menu-item-margin-right: 12px;--quiz-menu-item-text-padding-left: 10px}.menu{padding-bottom:15px;box-sizing:border-box}.menu-item{background:var(--game-menu-item-bg);border:var(--game-menu-item-border);height:var(--quiz-menu-item-height);padding:var(--quiz-menu-item-padding);margin-right:var(--quiz-menu-item-margin-right);border-radius:16px;box-sizing:border-box;color:#fff;cursor:pointer;font-weight:400;font-size:95%;overflow:hidden;position:relative;text-align:center}.menu,.menu-item,.menu-item-icon{display:flex;align-items:center;justify-content:center}.menu-left{display:flex;flex-direction:row}.menu-item-text{padding-left:4px;z-index:2}@media (max-width: 1280px){body{--quiz-menu-item-height: 48px;--quiz-menu-item-padding: 0 20px;--quiz-menu-item-margin-right: 10px}}@media (max-width: 1025px){body{--quiz-menu-item-height: 46px;--quiz-menu-item-padding: 0 18px;--quiz-menu-item-margin-right: 8px}}@media (max-width: 770px),(max-height: 600px){body{--quiz-menu-item-height: 44px;--quiz-menu-item-padding: 0 16px;--quiz-menu-item-margin-right: 7px}}@media (max-width: 430px),(max-height: 440px){body{--quiz-menu-item-height: 43px;--quiz-menu-item-padding: 0 17px;--quiz-menu-item-margin-right: 6px;--quiz-menu-item-text-padding-left: 8px}}@media (max-width: 380px),(max-height: 380px){body{--quiz-menu-item-height: 42px;--quiz-menu-item-padding: 0 16px;--quiz-menu-item-margin-right: 6px}}@media (max-width: 340px),(max-height: 340px){body{--quiz-menu-item-height: 40px;--quiz-menu-item-padding: 0 14px;--quiz-menu-item-margin-right: 4px;--quiz-menu-item-text-padding-left: 4px}}body{--image-border: 2px solid #ffffff}.imgs{position:relative;overflow:hidden;width:100%;border-radius:20px;border:var(--image-border);box-sizing:border-box;aspect-ratio:16 / 9}.question-img{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--page-bg);object-fit:cover}.img-err{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--page-bg);padding:15px;box-sizing:border-box}.img-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}@keyframes anim-img{0%{transform:translateY(-100%) rotate(30deg)}to{transform:translate(0) rotate(0)}}body{--answer-bg: #021925;--answer-color: #f9f8fb;--answer-border: 2px solid #ecfffe;--answer-correct-bg: #042525;--answer-correct-color: #afffd4;--answer-incorrect-bg: #150c09;--answer-incorrect-color: #ead6d6}body{--answers-padding: 15px 0 0 0;--answers-max-height: min(400px, 80vw);--answer-margin: 15px 0 0 0}.answers{display:flex;flex-direction:column;width:100%;height:50%;padding:var(--answers-padding);max-height:var(--answers-max-height)}.answer{cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;margin:var(--answer-margin);background:var(--answer-bg);border:var(--answer-border);color:var(--answer-color);border-radius:14px;font-weight:500;box-sizing:border-box}.answer-correct{background:var(--answer-correct-bg);border:3px solid var(--answer-correct-color);color:var(--answer-correct-color)}.answer-incorrect{background:var(--answer-incorrect-bg);border:3px solid var(--answer-incorrect-color);color:var(--answer-incorrect-color)}.answer-hide{opacity:.1;transition:all .7s}.answer-hint-hide{cursor:default}.answer-hint-hide .answer-in{opacity:.25}@media (max-width: 1300px),(max-height: 720px){body{--answer-margin: 10px 0 0 0}}@media (max-width: 430px),(max-height: 640px){body{--answers-padding: 5px 0 0 0;--answer-margin: 8px 0 0 0}}@media (max-width: 380px),(max-height: 560px){body{--answers-padding: 5px 0 0 0;--answer-margin: 8px 0 0 0}}@media (max-width: 320px),(max-height: 500px){body{--answer-margin: 5px 0 0 0}}@keyframes anim-simple-show{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes anim-simple-hide{0%{transform:scale(1)}50%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes anim-answer-hide{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes anim-scale{0%{transform:scale(0)}to{transform:scale(1)}}.recs{display:flex;flex-direction:row;align-items:center;justify-content:center}.recs-block{position:relative;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;background:#012436;border:2px solid #7aa0b3;color:#fff;height:36px;font-size:14px;font-weight:500;border-radius:7px;margin-top:12px}.recs-text{display:flex;align-items:center;justify-content:center;padding:0 14px 0 16px;height:100%}.recs-close{display:flex;align-items:center;justify-content:center;background:rgba(128,128,128,.06);padding:0 10px;border-radius:0 7px 7px 0;height:100%;font-size:12px;box-sizing:border-box}.result-info{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center}.result-info h1{padding-bottom:24px}.best-result{padding-top:6px;opacity:.75}@media (max-width: 700px){.result-info{height:130px}}body{--leaderboard-item-bg: #012232;--leaderboard-item-sticky-bg: #00344c;--leaderboard-item-border: 2px solid #1c536c;--leaderboard-item-sticky-border: 2px solid #1c536c;--leaderboard-shadow: none;--leaderboard-place-color: #f0eff4}.leaderboard{position:relative;width:100%;padding:20px 0}.leaderboard-item{display:flex;flex-direction:row;align-items:center;position:relative;background:var(--leaderboard-item-bg);border-radius:12px;width:100%;font-weight:400;margin-bottom:14px;padding:16px 25px;border:var(--leaderboard-item-border);box-sizing:border-box}.leaderboard-item:last-child{margin-bottom:0}.leaderboard-item .avatar{padding-right:20px}.leaderboard-item-sticky{position:sticky;bottom:20px;box-shadow:var(--leaderboard-shadow);background:var(--leaderboard-item-sticky-bg);border:var(--leaderboard-item-sticky-border);z-index:1}.leaderboard-description{font-weight:400;font-size:14px;padding-top:5px;color:var(--text-secondary-color)}.leaderboard-menu{display:flex;align-items:center;justify-content:flex-start}.leaderboard-place{font-size:16px;color:var(--leaderboard-place-color);margin-left:auto;padding:10px;font-weight:400}.leaderboard-item-sticky .leaderboard-place{color:var(--leaderboard-place-color)}@supports (-webkit-touch-callout: none){.leaderboard-item-sticky{bottom:92px}}@media (max-width: 640px){.leaderboard-item{margin-bottom:12px;padding:14px 22px}}*{margin:0;padding:0;-moz-user-select:none;-khtml-user-select:none;user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background-color:rgba(128,128,128,.055)}::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(128,128,128,.37);border-radius:2px}textarea,input{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-o-user-select:text;user-select:text}body{--page-bg: #012436;--page-bg-image: url(./images/bg.svg);--color: white;--secondary-color: #c2c2c2;--icon-color: white;--max-width: max(min(720px, 80svh), 320px)}body{--font-size: 17px}html,body{padding:0;margin:0}body{background:var(--page-bg);background-image:var(--page-bg-image);font-size:var(--font-size);font-family:Roboto;color:var(--color)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:999}a,a:visited,a:active{color:inherit;text-decoration:none}@media (max-width: 1280px){body{--font-size: 16px}}@media (max-width: 1025px){body{--font-size: 15px}}@media (max-width: 770px),(max-height: 600px){body{--font-size: 15px}::-webkit-scrollbar{width:0px}}@media (max-width: 430px),(max-height: 440px){body{--font-size: 15px}}@media (max-width: 380px),(max-height: 380px){body{--font-size: 14px}}@media (max-width: 340px),(max-height: 340px){body{--font-size: 13px}}