html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,select,input{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:bold;src:url(./Montserrat-ExtraBold-6366ef8e.ttf)}@font-face{font-family:regular;src:url(./Montserrat-Medium-20ebfd65.ttf)}@font-face{font-family:light;src:url(./Montserrat-Light-e3a4d568.ttf)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}html,body{-webkit-user-select:none;-ms-user-select:none;user-select:none;font-size:16px;font-family:regular;width:100%;height:100%;color:#eee;background-color:#14171e;overflow:hidden}@media screen and (min-height: 1025px){html,body{font-size:18px}}@media screen and (max-height: 800px){html,body{font-size:14px}}:root{--background-color: #303541;--text-color: #000000;--active-color: #00daff;--vertex-color: #cdcdcd;--secondary-color: #ff9700;--vertex-radius: 2.4rem;--vertex-diameter: 4.8rem}.theme-dark{--background-color: #000000;--text-color: #ffffff}#root{height:100%;width:100%;text-align:left;margin:0 auto;display:flex;justify-content:center;align-items:center}#mehmoh{height:100%;width:100%;max-width:50vh;max-height:200vw;margin:0 auto;background-color:#303541;overflow:hidden}@font-face{font-family:bold;src:url(./Montserrat-ExtraBold-6366ef8e.ttf)}@font-face{font-family:regular;src:url(./Montserrat-Medium-20ebfd65.ttf)}@font-face{font-family:light;src:url(./Montserrat-Light-e3a4d568.ttf)}.simon-game{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%;padding:1em}.simon-game .header-container{position:absolute;top:3em;left:auto;display:flex;justify-content:center;align-items:center;padding:0 3rem;transition:filter .2s ease-in-out;filter:drop-shadow(0 0 0px transparent)}.simon-game .header-container .shield-icon,.simon-game .header-container .shield-icon-clip{display:block;position:absolute;right:0;font-size:1.8rem;color:#00000040}.simon-game .header-container .shield-icon.is-on-fire,.simon-game .header-container .shield-icon-clip.is-on-fire{color:#baf4ff;filter:drop-shadow(0 0 15px rgba(0,218,255,.5)) drop-shadow(0 0 2px #00daff)}.simon-game .header-container .shield-icon.shield-icon-clip,.simon-game .header-container .shield-icon-clip.shield-icon-clip{color:transparent;transition:clip-path .2s ease-in-out}.simon-game .header-container .shield-icon.shield-icon-clip.streak-0,.simon-game .header-container .shield-icon-clip.shield-icon-clip.streak-0{clip-path:polygon(100% 100%,100% 100%,100% 100%,0% 100%)}.simon-game .header-container .shield-icon.shield-icon-clip.streak-1,.simon-game .header-container .shield-icon-clip.shield-icon-clip.streak-1{color:#fff;clip-path:polygon(0% 66%,100% 66%,100% 100%,0% 100%)}.simon-game .header-container .shield-icon.shield-icon-clip.streak-2,.simon-game .header-container .shield-icon-clip.shield-icon-clip.streak-2{color:#fff;clip-path:polygon(0% 33%,100% 33%,100% 100%,0% 100%)}.simon-game .game-container{flex:1;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.simon-game .round-tracker{position:absolute;bottom:0;left:0;padding:1em;width:100%}.simon-game.round-reset .round-tracker{transform:translateY(200px)}@font-face{font-family:bold;src:url(./Montserrat-ExtraBold-6366ef8e.ttf)}@font-face{font-family:regular;src:url(./Montserrat-Medium-20ebfd65.ttf)}@font-face{font-family:light;src:url(./Montserrat-Light-e3a4d568.ttf)}.vertex-polygon{max-width:calc(5 * var(--vertex-diameter));width:100%}.vertex-polygon .vertex-polygon-inner{position:relative;padding-top:100%;width:100%;animation:rotation2 .4s ease-out}.vertex-polygon .vertex{position:absolute;cursor:pointer}.vertex-polygon.vp-count-3 .vp-vertex-0{top:0;left:calc(50% - var(--vertex-radius))}.vertex-polygon.vp-count-3 .vp-vertex-1{top:calc(100% - var(--vertex-diameter));left:calc(100% - var(--vertex-diameter))}.vertex-polygon.vp-count-3 .vp-vertex-2{top:calc(100% - var(--vertex-diameter));left:0}.vertex-polygon.vp-count-4 .vp-vertex-0{top:0;left:0}.vertex-polygon.vp-count-4 .vp-vertex-1{top:0;left:calc(100% - var(--vertex-diameter))}.vertex-polygon.vp-count-4 .vp-vertex-2{top:calc(100% - var(--vertex-diameter));left:calc(100% - var(--vertex-diameter))}.vertex-polygon.vp-count-4 .vp-vertex-3{top:calc(100% - var(--vertex-diameter));left:0}.vertex-polygon.vp-count-5 .vp-vertex-0{top:0;left:calc(50% - var(--vertex-radius))}.vertex-polygon.vp-count-5 .vp-vertex-1{top:calc(45% - var(--vertex-radius));left:calc(100% - var(--vertex-diameter))}.vertex-polygon.vp-count-5 .vp-vertex-2{top:calc(100% - var(--vertex-diameter));left:calc(75% - var(--vertex-radius))}.vertex-polygon.vp-count-5 .vp-vertex-3{top:calc(100% - var(--vertex-diameter));left:calc(25% - var(--vertex-radius))}.vertex-polygon.vp-count-5 .vp-vertex-4{top:calc(45% - var(--vertex-radius));left:0}.vertex-polygon.vp-count-6 .vp-vertex-0,.vertex-polygon.vp-count-7 .vp-vertex-0,.vertex-polygon.vp-count-8 .vp-vertex-0{top:0;left:calc(25% - var(--vertex-radius))}.vertex-polygon.vp-count-6 .vp-vertex-1,.vertex-polygon.vp-count-7 .vp-vertex-1,.vertex-polygon.vp-count-8 .vp-vertex-1{top:0;left:calc(75% - var(--vertex-radius))}.vertex-polygon.vp-count-6 .vp-vertex-2,.vertex-polygon.vp-count-7 .vp-vertex-2,.vertex-polygon.vp-count-8 .vp-vertex-2{top:calc(50% - var(--vertex-radius));left:calc(100% - var(--vertex-diameter))}.vertex-polygon.vp-count-6 .vp-vertex-3,.vertex-polygon.vp-count-7 .vp-vertex-3,.vertex-polygon.vp-count-8 .vp-vertex-3{top:calc(100% - var(--vertex-diameter));left:calc(75% - var(--vertex-radius))}.vertex-polygon.vp-count-6 .vp-vertex-4,.vertex-polygon.vp-count-7 .vp-vertex-4,.vertex-polygon.vp-count-8 .vp-vertex-4{top:calc(100% - var(--vertex-diameter));left:calc(25% - var(--vertex-radius))}.vertex-polygon.vp-count-6 .vp-vertex-5,.vertex-polygon.vp-count-7 .vp-vertex-5,.vertex-polygon.vp-count-8 .vp-vertex-5{top:calc(50% - var(--vertex-radius));left:0}.vertex-polygon.vp-count-6 .vp-vertex-6,.vertex-polygon.vp-count-7 .vp-vertex-6,.vertex-polygon.vp-count-8 .vp-vertex-6{top:calc(50% - var(--vertex-radius));left:calc(50% - var(--vertex-radius))}.vertex-polygon.vp-count-8 .vp-vertex-6{top:calc(30% - var(--vertex-radius));left:calc(50% - var(--vertex-radius))}.vertex-polygon.vp-count-8 .vp-vertex-7{top:calc(70% - var(--vertex-radius));left:calc(50% - var(--vertex-radius))}.vertex-polygon.collapsed .vertex-polygon-inner{animation:rotation1 .4s ease-out}.vertex-polygon.collapsed .vertex{top:calc(50% - .5em);left:calc(50% - .5em);height:1em;width:1em;box-shadow:none}.vertex-polygon.collapsed .vertex:after,.vertex-polygon.collapsed .vertex:before{opacity:0}@keyframes rotation1{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes rotation2{0%{transform:rotate(180deg)}to{transform:rotate(359deg)}}@font-face{font-family:bold;src:url(./Montserrat-ExtraBold-6366ef8e.ttf)}@font-face{font-family:regular;src:url(./Montserrat-Medium-20ebfd65.ttf)}@font-face{font-family:light;src:url(./Montserrat-Light-e3a4d568.ttf)}.vertex{box-shadow:0 0 .5em #00000040;width:var(--vertex-diameter);height:var(--vertex-diameter);border-radius:50%;background-color:var(--vertex-color);position:relative;overflow:hidden;transition:all .4s ease-out,background-color .2s ease-in-out}.vertex:before,.vertex:after{content:"";position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;transition:opacity .2s ease-in-out;opacity:1}.vertex:before{background-image:radial-gradient(rgba(255,255,255,.5) 0%,transparent 60%)}.vertex:after{background-image:radial-gradient(transparent 20%,rgba(0,0,0,.25) 100%)}.vertex.active{box-shadow:0 0 .5em #00daff;background-color:var(--active-color)}.vertex.active:after{opacity:0}.vertex.active.secondary{box-shadow:0 0 .5em #ff9700;background-color:var(--secondary-color)}.vertex.disabled{cursor:not-allowed;box-shadow:0 0 .5em 0 transparent;background-color:#00000040;background-image:none}.vertex.disabled:before{opacity:0}@font-face{font-family:bold;src:url(./Montserrat-ExtraBold-6366ef8e.ttf)}@font-face{font-family:regular;src:url(./Montserrat-Medium-20ebfd65.ttf)}@font-face{font-family:light;src:url(./Montserrat-Light-e3a4d568.ttf)}.round-tracker{width:100%;transition:transform .2s ease-in-out;transition-delay:.5s;font-size:.8rem}.round-tracker.hidden{transform:translateY(150%)}.round-tracker .round-line{margin:.5em 0;display:flex;justify-content:space-between;background-color:transparent;height:.8em;animation:grow .2s linear;width:100%;transition:height .4s ease-out}.round-tracker .round-line.revealed .point-block{background-color:#ff9700!important}.round-tracker .round-line .point-block{display:block;height:100%;width:4em;border-radius:.2em;background-color:#1aff00}.round-tracker .round-line .point-block.point-value-1{background-color:#00daff}.round-tracker .round-line .point-block.max-point{background-color:#ff00fb}.round-tracker .round-line .point-block.empty{background-color:#00000040}.round-tracker .round-line .point-block.hidden{visibility:hidden}.round-tracker .round-step-container{display:flex;align-items:center;justify-content:space-between}.round-tracker .round-step{display:block;height:2.5em;width:4em;line-height:2.5em;text-align:center;border-radius:.2em;opacity:1;background-color:#00000040;position:relative;box-shadow:0 0 .5em #303541}.round-tracker .round-step:before{visibility:hidden;content:"+2";position:absolute;font-size:1.2rem;top:0;left:0;width:100%;color:#1aff00;opacity:1;font-family:bold}.round-tracker .round-step.not-visible{opacity:0}.round-tracker .round-step.is-tip{box-shadow:0 0 .5em #1aff00;transition:box-shadow .2s ease-in-out}.round-tracker .round-step.revealed{transition:opacity .2s ease-in-out;background-color:#ff9700;color:#333;box-shadow:0 0 .5em #00000040}.round-tracker .round-step.completed{background-color:#1aff00;box-shadow:0 0 .5em #00000040}.round-tracker .round-step.completed:before{visibility:visible;top:-100%;transition:top .2s ease-in-out;animation:disappear .5s ease-in-out forwards;animation-delay:.5s}.round-tracker .round-step.point-value-1:before{content:"+1";color:#00daff}.round-tracker .round-step.point-value-1.completed{background-color:#00daff}.round-tracker .round-step.point-value-1.is-tip{box-shadow:0 0 .5em #00daff}.round-tracker .round-step.max-point:before{color:#ff00fb}.round-tracker .round-step.max-point.completed{background-color:#ff00fb}.round-tracker .round-step.max-point.is-tip{box-shadow:0 0 .5em #ff00fb}.round-tracker .round-step.point-value-3:before{content:"+3"}.round-tracker .round-step.point-value-4:before{content:"+4"}.round-tracker .round-step.point-value-5:before{content:"+5"}.round-tracker .round-step.point-value-6:before{content:"+6"}.round-tracker .round-step.point-value-7:before{content:"+7"}.round-tracker .round-step.point-value-8:before{content:"+8"}.round-tracker .round-step.point-value-9:before{content:"+9"}@keyframes grow{0%{height:0}to{height:.8em}}@font-face{font-family:bold;src:url(./Montserrat-ExtraBold-6366ef8e.ttf)}@font-face{font-family:regular;src:url(./Montserrat-Medium-20ebfd65.ttf)}@font-face{font-family:light;src:url(./Montserrat-Light-e3a4d568.ttf)}.icon-container.has-click-handler{cursor:pointer;transition:opacity .2s ease-in-out}.icon-container.spin{animation:rotation 2s infinite linear}@font-face{font-family:bold;src:url(./Montserrat-ExtraBold-6366ef8e.ttf)}@font-face{font-family:regular;src:url(./Montserrat-Medium-20ebfd65.ttf)}@font-face{font-family:light;src:url(./Montserrat-Light-e3a4d568.ttf)}.score{font-family:light;font-size:4.5rem;text-align:center;color:#eee;transition:color .2s ease-in-out}.score.ticking-up{color:#00daff}.score.ticking-down{color:#ff9700}@font-face{font-family:bold;src:url(./Montserrat-ExtraBold-6366ef8e.ttf)}@font-face{font-family:regular;src:url(./Montserrat-Medium-20ebfd65.ttf)}@font-face{font-family:light;src:url(./Montserrat-Light-e3a4d568.ttf)}.game-over-results-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;background-color:#14171e;z-index:20}.game-over-results-container .game-over-section{padding:1em;flex-grow:0}.game-over-results-container .game-over-section h1{font-size:3rem}.game-over-results-container .round-tracker-container{max-height:25vh;height:auto;overflow-y:auto;flex-shrink:0}.game-over-results-container .round-tracker-container .round-tracker{position:static}.game-over-results-container .score-container{display:flex;align-items:center;justify-content:center;flex-grow:1;height:100%;text-align:center;margin-bottom:1em}.game-over-results-container .score-container h3{font-size:1.2rem;position:relative;z-index:2}.game-over-results-container .score-container p{position:relative;z-index:2}.game-over-results-container .score-container h3,.game-over-results-container .score-container p,.game-over-results-container .score-container .score{text-shadow:0 2px 2px rgba(0,0,0,.25),0 0 5px rgba(0,0,0,.25)}.game-over-results-container .score-container .score-container-inner{position:relative}.game-over-results-container .score-container .score-container-inner .fire-effect-container{font-size:6em;position:absolute;bottom:.8em;left:50%;z-index:1}.game-over-results-container .score-container .score{position:relative;z-index:2;margin:.25em 0;display:block}.game-over-results-container .back-button{position:absolute;z-index:100;bottom:1em;text-align:center;width:100%}.game-over-results-container .back-button button{font-size:1.8rem;padding:.25em 1em;border:none;color:#fff;border-radius:.2em;cursor:pointer;text-shadow:0 2px 2px rgba(0,0,0,.25);letter-spacing:.05em;transition:all .2s ease-in-out;animation:pulse 2s infinite alternate linear;display:block;margin:0 auto}.game-over-results-container .score-unit{margin-top:.5em;display:flex;align-items:center;justify-content:space-between}.game-over-results-container .score-unit span:first-child{font-size:1.2rem;margin-bottom:.5em}.game-over-results-container .score-unit span:last-child{font-size:1.8rem}.game-over-results-container .score-unit.ticking span:last-child{color:#00daff}@font-face{font-family:bold;src:url(./Montserrat-ExtraBold-6366ef8e.ttf)}@font-face{font-family:regular;src:url(./Montserrat-Medium-20ebfd65.ttf)}@font-face{font-family:light;src:url(./Montserrat-Light-e3a4d568.ttf)}.fire-effect-container{opacity:0;font-size:3rem;position:relative}.fire-effect-container:before{content:"";display:none;position:absolute;height:0;width:0;border-radius:50%;z-index:10}.fire-effect-container.active{opacity:1}.fire-effect-container.active:before{display:block;animation:explode .7s ease-out;z-index:10}.fire-effect-container .flame{position:absolute;left:-.5em;width:100%}.fire-effect-container .flame svg{opacity:0;animation:flame-out 1s linear infinite}.fire-effect-container .flame:nth-child(2) svg{animation-delay:.25s}.fire-effect-container .flame:nth-child(3) svg{animation-delay:.5s}.fire-effect-container .flame:nth-child(4) svg{animation-delay:.75s}@keyframes flame-out{0%{color:#baf4ff;transform:scale(1) translateY(0);transform-origin:0 100%;opacity:0}20%{opacity:1}50%{color:#00daff}to{color:#00daff;transform:scale(3) translateY(-30%);opacity:0}}@keyframes explode{0%{width:1em;height:1em;left:-.5em;bottom:-.5em;background:radial-gradient(circle at center,transparent 25%,#ffffff 25.5%);background-size:100% 100%;background-position:center center}to{width:8em;height:8em;left:-4em;bottom:-4em;background-size:500% 500%;background-position:center center}}@font-face{font-family:bold;src:url(./Montserrat-ExtraBold-6366ef8e.ttf)}@font-face{font-family:regular;src:url(./Montserrat-Medium-20ebfd65.ttf)}@font-face{font-family:light;src:url(./Montserrat-Light-e3a4d568.ttf)}.shield-effect-container{position:absolute;top:0;left:0;width:100%;height:100%}.shield-effect-container .shimmer-effect{position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden;transform:translateY(-50%)}.shield-effect-container .shimmer-effect:before{content:"";display:block;height:15%;background-color:#fff}.shield-effect-container .shimmer-effect:after{content:"";display:block;height:5%;margin-top:8%;background-color:#fff}.shield-effect-container.active{box-shadow:inset 0 0 5px 2px #baf4ff,inset 0 0 50px #00daff80}.shield-effect-container.active .shimmer-effect{z-index:10;animation:shimmer .3s linear forwards}.shield-effect-container.cracked:after{position:absolute;z-index:10;content:"";top:0;left:0;width:100%;height:100%;animation:disappear .5s linear forwards;background-color:#ff9700}@keyframes shimmer{0%{visibility:visible;transform:translateY(-50%)}to{transform:translateY(150%)}}@font-face{font-family:bold;src:url(./Montserrat-ExtraBold-6366ef8e.ttf)}@font-face{font-family:regular;src:url(./Montserrat-Medium-20ebfd65.ttf)}@font-face{font-family:light;src:url(./Montserrat-Light-e3a4d568.ttf)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes disappear{0%{opacity:1}to{opacity:0}}.menu-container{width:100%;height:100%;text-align:center;display:flex;flex-direction:column;justify-content:space-between;padding:3em 1em}.menu-container .controls-container{opacity:0;transition:opacity .5s ease-out}.menu-container .controls-container.ready{opacity:1}.menu-container .menu-vertex-wrapper{margin:3em auto;position:relative;width:100%;padding-top:50%}.menu-container .menu-vertex-wrapper .menu-vertex-wrapper-inner{top:0;left:0;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.menu-container .vertex-polygon{width:50%;transform:scale(.6);transition:width .2s ease-in-out}.menu-container .vertex-polygon.vp-count-5,.menu-container .vertex-polygon.vp-count-6,.menu-container .vertex-polygon.vp-count-7,.menu-container .vertex-polygon.vp-count-8{width:70%}.menu-container .vertex-polygon .vertex-polygon-inner{animation:rotation 2s infinite linear}.menu-container .play-button button{font-size:1.8rem;padding:.25em 1em;border:none;color:#fff;border-radius:.2em;cursor:pointer;text-shadow:0 2px 2px rgba(0,0,0,.25);letter-spacing:.05em;transition:all .2s ease-in-out;animation:pulse 2s infinite alternate linear;margin-bottom:1em}@keyframes pulse{0%{background-color:#14171e;box-shadow:0 0 .5em #00daff}to{box-shadow:0 0 .5em #14171e;background-color:#00daff}}.menu-container .settings-container .select-vertex-count-container{margin-bottom:2em}.menu-container .settings-container h4 span{display:inline-block;padding:.25em .5em;font-size:1.2rem;vertical-align:middle}.menu-container.navigating h1{transform:translateY(-100%);opacity:0;transition:all .5s ease-out}.menu-container.navigating .menu-vertex-wrapper{padding-top:100%;transition:all .5s ease-out}.menu-container.navigating .menu-vertex-wrapper .vertex-polygon{transition:all .5s ease-out;transform:scale(1)}.menu-container.navigating .play-button,.menu-container.navigating .settings-container{transform:translateY(100%);opacity:0;transition:all .5s ease-out}@font-face{font-family:bold;src:url(./Montserrat-ExtraBold-6366ef8e.ttf)}@font-face{font-family:regular;src:url(./Montserrat-Medium-20ebfd65.ttf)}@font-face{font-family:light;src:url(./Montserrat-Light-e3a4d568.ttf)}.select-vertex-count-container{display:flex;align-items:center;justify-content:center}.select-vertex-count-container h3{font-size:4.5rem;text-align:center;width:4.5rem}.select-vertex-count-container .vertex-count-controls{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.select-vertex-count-container .vertex-count-controls .icon-container{font-size:1.8rem;transition:all .2s ease-in-out}.select-vertex-count-container .vertex-count-controls .icon-container.active{color:#00daff;opacity:1}.select-vertex-count-container .vertex-count-controls .icon-container.secondary{color:#ff9700;opacity:1}.select-vertex-count-container .vertex-count-controls .icon-container.disabled{color:#00000040;cursor:not-allowed}@font-face{font-family:bold;src:url(./Montserrat-ExtraBold-6366ef8e.ttf)}@font-face{font-family:regular;src:url(./Montserrat-Medium-20ebfd65.ttf)}@font-face{font-family:light;src:url(./Montserrat-Light-e3a4d568.ttf)}h1.title{text-align:left;font-size:4.5rem;font-family:light}h1.title span{color:#eee;opacity:0;transition:opacity .2s ease-in-out}h1.title span.visible{opacity:1}h1.title span.active{transition:color .2s ease-in-out;transition-delay:.5s;color:#00daff}h1.title span.secondary{transition:color .2s ease-in-out;transition-delay:.5s;color:#ff9700}@font-face{font-family:bold;src:url(./Montserrat-ExtraBold-6366ef8e.ttf)}@font-face{font-family:regular;src:url(./Montserrat-Medium-20ebfd65.ttf)}@font-face{font-family:light;src:url(./Montserrat-Light-e3a4d568.ttf)}.intro-container{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1em;height:100%;width:100%}.intro-container .round-tracker.pseudo .revealed .point-block{background-color:#00000040!important}