.menu{display:grid;justify-items:center;align-items:center;height:100%}.menu-list{display:grid;grid-template-columns:repeat(2,minmax(auto,150px));grid-template-rows:repeat(2,minmax(auto,150px));grid-gap:10px}.menu-list__item{color:#f2f2f2;background:#7331a1;box-shadow:0 3px #491f66;text-align:center;border-radius:5px;letter-spacing:1px}.menu-list__item:hover{background:#7b35ad}.menu__link{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;height:100%}.menu__logo svg{width:28px;height:28px;fill:#f2f2f2;filter:drop-shadow(0 2px 0 #323232)}.menu__logo--gamepad svg{width:32px;height:32px}.menu__text{color:#f2f2f2;text-transform:capitalize;text-shadow:1px 1px 1px #323232}.difficulty{width:min(90vw,400px);margin:auto;padding-top:16px}.difficulty__list{display:grid;gap:12px}.difficulty__item{background:#7331a1;box-shadow:0 3px #491f66;border-radius:8px;cursor:pointer}.difficulty__item:hover{background:#7b35ad}.difficulty__item[data-difficulty=novice-a]{background:#e6605d;box-shadow:0 3px #d62521}.difficulty__item[data-difficulty=novice-a]:hover{background:#e86d6a}.difficulty__item[data-difficulty=normal-a]{background:#e9c84a;box-shadow:0 3px #cea819}.difficulty__item[data-difficulty=normal-a]:hover{background:#ebcc58}.difficulty__item[data-difficulty=advanced-a]{background:#b36cbc;box-shadow:0 3px #8e4597}.difficulty__item[data-difficulty=advanced-a]:hover{background:#b877c1}.difficulty__item[data-difficulty=advanced-b]{background:#a0d45b;box-shadow:0 3px #7bb32f}.difficulty__item[data-difficulty=advanced-b]:hover{background:#a7d767}.difficulty__item[data-difficulty=expert-a]{background:#808fd0;box-shadow:0 3px #485ebb}.difficulty__item[data-difficulty=expert-a]:hover{background:#8b99d4}.difficulty__item[data-difficulty=expert-b]{background:#49ccbf;box-shadow:0 3px #2c9d91}.difficulty__item[data-difficulty=expert-b]:hover{background:#55cfc3}.difficulty__item[data-locked=true]{background:#556067;box-shadow:0 3px #32393d;pointer-events:none}.difficulty__item[data-locked=true]:hover{background:#5c686f}.difficulty-item__name{text-transform:capitalize}.difficulty-item__info{display:flex;justify-content:center;align-items:center;gap:15px}.difficulty-item__info svg{width:14px;height:14px}.difficulty-item__levels{display:grid;place-items:center;line-height:1px}.difficulty__link{display:flex;justify-content:space-between;color:#f2f2f2;font-weight:500;text-shadow:1px 1px 1px #323232;padding:20px}.levels-list{display:grid;grid-template-columns:repeat(4,minmax(auto,100px));grid-gap:10px;justify-content:center;width:90vw;margin:15px auto;text-align:center}.levels-list__item{background:#6d1b78;box-shadow:0 3px #340d3a;border-radius:5px;aspect-ratio:1}.levels-list__item:hover{background:#781e84}.levels-list__item[data-difficulty=novice-a]{background:#e6605d;box-shadow:0 3px #d62521}.levels-list__item[data-difficulty=novice-a]:hover{background:#e86d6a}.levels-list__item[data-difficulty=normal-a]{background:#e9c84a;box-shadow:0 3px #cea819}.levels-list__item[data-difficulty=normal-a]:hover{background:#ebcc58}.levels-list__item[data-difficulty=advanced-a]{background:#b36cbc;box-shadow:0 3px #8e4597}.levels-list__item[data-difficulty=advanced-a]:hover{background:#b877c1}.levels-list__item[data-difficulty=advanced-b]{background:#a0d45b;box-shadow:0 3px #7bb32f}.levels-list__item[data-difficulty=advanced-b]:hover{background:#a7d767}.levels-list__item[data-difficulty=expert-a]{background:#808fd0;box-shadow:0 3px #485ebb}.levels-list__item[data-difficulty=expert-a]:hover{background:#8b99d4}.levels-list__item[data-difficulty=expert-b]{background:#49ccbf;box-shadow:0 3px #2c9d91}.levels-list__item[data-difficulty=expert-b]:hover{background:#55cfc3}.levels-list__item[data-completed=true] svg{fill:#e8c272}.levels-list__item[data-completed=false] svg{fill:#f2f2f2}.levels-list__item[data-completed=locked]{background:#556067;box-shadow:0 3px #32393d;pointer-events:none}.levels-list__item[data-completed=locked]:hover{background:#5c686f}.levels-list__item[data-difficulty=normal-a][data-completed=true] svg{fill:#e8727f}.levels__link{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f2f2f2;text-shadow:1px 1px 1px #323232;width:100%;height:100%}.levels svg{width:12px;height:12px}.dashboard{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:20px;position:absolute;bottom:0;width:100%}.dashboard-btn{border:none;width:50px;height:50px;border-radius:50%;background:#373748;box-shadow:0 3px #2c2c3a;cursor:pointer}.dashboard-btn:disabled{opacity:.8;background:#30303f;pointer-events:none}.dashboard-btn:hover{background:#3e3e51}.dashboard-btn svg{fill:#f2f2f2}.dashboard-btn--reply svg{width:20px;height:20px}.dashboard-btn--undo svg{width:14px;height:14px}.dashboard-btn--light svg{width:16px;height:16px}.game{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.settings-list{display:grid;justify-items:center;gap:15px;padding-top:16px}.settings-list__item{display:flex;justify-content:space-between;align-items:center;width:90vw;max-width:400px;margin:auto;border-radius:8px;background:#7331a1;box-shadow:0 3px #491f66;padding:16px;position:relative}.settings-list__item:hover{background:#7b35ad}.settings-list__item img{width:1rem;height:1rem}.settings-list__item a{color:#f2f2f2}.settings-list__item[data-color="#7331a1"]{background:#7331a1;box-shadow:0 3px #491f66}.settings-list__item[data-color="#7331a1"]:hover{background:#7b35ad}.settings-list__item[data-color="#cb3b48"]{background:#cb3b48;box-shadow:0 3px #932731;cursor:pointer}.settings-list__item[data-color="#cb3b48"]:hover{background:#ce4753}.settings__title{display:flex;align-items:center;gap:8px;color:#f2f2f2;font-size:20px;text-transform:capitalize}.settings__title--comment svg{width:14px;height:14px}.settings__title--trash svg{width:14px;height:14px}.settings__link a{display:flex;justify-content:flex-end;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%}.settings__link a svg{margin-right:16px}.settings__switch{display:grid;place-items:center}.tutorial{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:90vw;height:100%;max-width:400px;margin:auto;text-align:center;padding:16px 0 24px}.tutorial__text-container{display:grid;gap:8px}.tutorial__text{color:#f2f2f2}.tutorial__image svg{width:250px;height:250px}.tutorial__image .rect{animation:4s dash infinite linear}.tutorial__btn{display:flex;justify-content:center}.tutorial__btn--link{padding:8px 16px;border-radius:16px;color:#f2f2f2;background:#7331a1;box-shadow:0 3px #491f66;font-size:20px;font-weight:500;text-transform:capitalize;cursor:pointer}.tutorial__btn--link:hover{background:#7b35ad}.tutorial__btn--link svg{width:18px;height:18px}@keyframes dash{0%{stroke-dashoffset:-840px}to{stroke-dashoffset:0px}}.more{display:grid;place-items:center;max-width:440px;height:100%;margin:auto;padding:16px}.more-about p{margin-top:16px;padding:16px;color:#f2f2f2;border-radius:8px;line-height:32px;text-align:center;text-shadow:1px 1px 1px #000;background:#808fd0;box-shadow:0 3px #485ebb}.more-about p:hover{background:#8b99d4}.more p{color:#fff}.header{display:flex;padding:0 15px;z-index:3}.header__container{display:flex;justify-content:space-between;align-items:center;max-width:1920px;margin:auto;flex:1 1 auto}.header__button{display:flex;justify-content:flex-start;align-items:center;min-width:50px;cursor:pointer}.header__button:hover svg{fill:#fff}.header__button svg{fill:#f2f2f280;width:20px;height:20px}.header__title h2{color:#f2f2f2;font-size:18px;font-weight:600;text-transform:uppercase}.header__coins{display:flex;justify-content:flex-end;align-items:center;gap:5px;min-width:50px}.header__coins p{color:#f2f2f2;line-height:16px;font-weight:500}.header__coins img{width:1rem;height:1rem}.ribbon{animation:main .25s}.ribbon__borders{position:relative;height:60px;z-index:1}.ribbon__text{position:absolute;left:50px;right:50px;color:#fff;font:28px/60px sans-serif;text-align:center;text-transform:uppercase;background:#d2335b;z-index:2}.ribbon i{position:absolute}.ribbon i:first-child,.ribbon i:nth-child(2){position:absolute;left:30px;bottom:-20px;z-index:1;border:20px solid transparent;border-right-color:#043140;animation:edge .5s}.ribbon i:nth-child(2){left:auto;right:30px;border-right-color:transparent;border-left-color:#043140}.ribbon i:nth-child(3),.ribbon i:last-child{width:20px;bottom:-20px;left:10px;z-index:-2;border:30px solid #d2335b;border-left-color:transparent;animation:back .6s;transform-origin:100% 0}.ribbon i:last-child{bottom:-20px;left:auto;right:10px;border:30px solid #d2335b;border-right-color:transparent;transform-origin:0 0}@keyframes main{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes edge{0%,50%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes back{0%,75%{transform:scaleX(0)}to{transform:scaleX(1)}}.win{width:90vw;max-width:400px;margin:auto;background:#2f3950;border-radius:8px;text-align:center;height:100%;padding-top:15px}.win__title{color:#f2f2f2;background:#2c9d91;padding:10px;text-transform:uppercase}.win__body{color:#f2f2f2;padding:16px}.win__text{color:inherit;font-size:18px;padding-bottom:10px;display:flex;justify-content:center;flex-direction:column}.win__text--earned{display:flex;justify-content:center;align-items:center;gap:8px;margin:5px auto;padding:15px;max-width:100px;background:#232332;border-radius:8px;font-weight:500}.win__text .desc{color:#35bba6;opacity:.6}.win .navigation-buttons{display:flex;justify-content:center;gap:8px;margin:16px 0 8px}.win .navigation-buttons__btn{padding:8px 16px;border-radius:16px;color:#f2f2f2;background:#3d79d0;box-shadow:0 3px #26559b;font-size:20px;font-weight:500;text-transform:capitalize;cursor:pointer}.win .navigation-buttons__btn:hover{background:#4982d3}.win .navigation-buttons__btn svg{width:18px;height:18px}.win .navigation__link{color:#ccc;cursor:pointer}.confirm{width:90vw;max-width:400px;margin:auto;background:#2f3950;border-radius:8px;text-align:center;height:100%;padding-top:15px}.confirm__title{color:#cb3b48;text-transform:capitalize}.confirm__body{color:#f2f2f2;padding:16px}.confirm__text{color:inherit;font-size:18px;padding:10px}.confirm .navigation-buttons{display:flex;justify-content:center;gap:8px;margin:16px 0 8px}.confirm .navigation-buttons__btn{border:none;border-radius:16px;padding:8px 16px;color:#f2f2f2;background:#3d79d0;box-shadow:0 3px #26559b;font-size:20px;font-weight:500;text-transform:capitalize;cursor:pointer}.confirm .navigation-buttons__btn:hover{background:#4982d3}.confirm .navigation-buttons__btn svg{width:18px;height:18px}*,*:before,*:after{margin:0;padding:0;list-style:none;outline:none;user-select:none;box-sizing:border-box}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}button{cursor:pointer}svg{width:1rem;height:1rem;fill:#f2f2f2}a{text-decoration:none}.popup-overlay{background-color:#6b728080;transition:all 3s ease-in-out;animation:appear .3s ease}.popup-content{transition-duration:.15s;transition-property:all;animation:anvil .3s forwards}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes anvil{0%{visibility:hidden;opacity:0;transform:scale(.8)}65.5%{transform:scale(1.03)}to{visibility:visible;opacity:1;transform:scale(1)}}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}#root{display:grid;grid-template-columns:1fr;grid-template-rows:50px 1fr;background-color:#232332;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='1800px' height='1200px' viewBox='0 0 1800 1200' enable-background='new 0 0 1800 1200' xml:space='preserve'%3E%3Crect x='-24.273' y='-21.243' fill='%23232332' stroke='none' stroke-miterlimit='10' width='1842.184' height='1233.123'/%3E%3Ccircle opacity='0' fill='none' stroke='%23F7941E' stroke-width='2' stroke-miterlimit='10' cx='127.754' cy='113.781' r='13'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='0s' dur='3s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%23F15A29' stroke-width='2' stroke-miterlimit='10' cx='365' cy='249.997' r='22'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='.2s' dur='2s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%2300AEEF' stroke-width='2' stroke-miterlimit='10' cx='547' cy='387.997' r='18'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='.4s' dur='4s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%23F15A29' stroke-width='2' stroke-miterlimit='10' cx='125' cy='509.997' r='18'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='.6s' dur='5s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%238DC63F' stroke-width='2' stroke-miterlimit='10' cx='663.754' cy='125.781' r='14'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='.8s' dur='3s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%238DC63F' stroke-width='2' stroke-miterlimit='10' cx='505.754' cy='595.781' r='10'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='1s' dur='6s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%23F15A29' stroke-width='2' stroke-miterlimit='10' cx='521.754' cy='909.781' r='12'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='1.2s' dur='5s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%23F15A29' stroke-width='2' stroke-miterlimit='10' cx='219.754' cy='1063.781' r='19'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='1.4s' dur='4s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%23F7941E' stroke-width='2' stroke-miterlimit='10' cx='851' cy='531.997' r='23'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='1.6s' dur='5s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%2300AEEF' stroke-width='2' stroke-miterlimit='10' cx='941' cy='791.997' r='17'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='1.8s' dur='3s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%23F7941E' stroke-width='2' stroke-miterlimit='10' cx='959.754' cy='235.781' r='16'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='2s' dur='2s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%23F15A29' stroke-width='2' stroke-miterlimit='10' cx='1303.754' cy='151.781' r='22'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='2.2s' dur='4s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%23C49A6C' stroke-width='2' stroke-miterlimit='10' cx='1229.754' cy='521.781' r='16'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='2.4s' dur='5s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%23F15A29' stroke-width='2' stroke-miterlimit='10' cx='1561.997' cy='497' r='20'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='2.6s' dur='4s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%2300AEEF' stroke-width='2' stroke-miterlimit='10' cx='1635.754' cy='147.781' r='18'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='2.8s' dur='5s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%238DC63F' stroke-width='2' stroke-miterlimit='10' cx='763' cy='1083.997' r='10'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='3s' dur='3s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%23F15A29' stroke-width='2' stroke-miterlimit='10' cx='1203.754' cy='1035.781' r='15'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='3.2s' dur='5s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%23DA1C5C' stroke-width='2' stroke-miterlimit='10' cx='1409.754' cy='821.781' r='20'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='3.4s' dur='3s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%2300AEEF' stroke-width='2' stroke-miterlimit='10' cx='1661.754' cy='709.781' r='18'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='3.6s' dur='2s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%238DC63F' stroke-width='2' stroke-miterlimit='10' cx='1591.754' cy='1017.781' r='10'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='3.8s' dur='5s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle opacity='0' fill='none' stroke='%2300AEEF' stroke-width='2' stroke-miterlimit='10' cx='163.754' cy='827.781' r='15'%3E%3Canimate attributeName='opacity' values='0;.6;0' begin='4s' dur='3s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/svg%3E");background-size:cover;height:100vh;overflow:hidden}main{overflow-y:auto}main::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#232332}main::-webkit-scrollbar{width:6px;background-color:#f5f5f5}main::-webkit-scrollbar-thumb{border-radius:8px;background-color:#f2f2f280}