:root{--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--bg-dark:#5a2dcd;--bg-light:#7752d4;--bg-dark-2:#137bde;--bg-light-2:#238bee;--bg-vivid:#eaebfd;--button-green:#28a745;--border-black:#2d2d2d;--bg-black:#29292a;--bg-grey:#d8d8df;--bg-white:#fefefe;--bg-white-2:#ededef;--text-light:#fff;--text-light-2:#ededef;--mic-compare:#fdfdfd;--logo-height:100px;--header-height:100px;--aside-width:225px;--footer-height:40px;--shadow:0 2px 23px 0 rgba(0,0,0,.1),0 2px 49px 0 rgba(0,0,0,.6);--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0;--primary-glow:radial-gradient(rgba(1,65,255,.4),rgba(1,65,255,0));--secondary-glow:linear-gradient(to bottom right,rgba(1,65,255,0),rgba(1,65,255,0),rgba(1,65,255,.3));--tile-start-rgb:2,13,46;--tile-end-rgb:2,5,19;--tile-border:conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80);--callout-rgb:41,41,42;--callout-border-rgb:108,108,108;--card-rgb:100,100,100;--card-border-rgb:200,200,200}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background:linear-gradient(180deg,#202020,#111119)}.gears-color{position:fixed;background-color:var(--bg-white);color:var(--bg-black);border-radius:4px;cursor:pointer;padding:0 12px;top:0;left:0;z-index:10}a{color:inherit;text-decoration:none!important}.loading{position:absolute;z-index:2000;background-color:rgba(4,7,10,.6);color:var(--bg-white);left:0;top:0;width:100%;height:100vh}.loading,.main{display:flex;justify-content:center;align-items:center}.main{flex-direction:column;padding:20px 0}.main h3{color:var(--bg-white-2)}.linker{z-index:10;cursor:pointer;position:relative}.game-images{position:relative;left:0;top:0;width:100%;height:100vh;background-size:100% 100%;background-repeat:no-repeat;background-position:50%;-webkit-mask-image:radial-gradient(circle,#000 0,transparent 70%);mask-image:radial-gradient(circle,#000 0,transparent 70%)}h4{color:var(--bg-white)}.back-top{position:fixed;right:20px;bottom:40px;background-color:transparent;color:transparent;padding:8px;border-radius:4px;border:none;transition:all 1s ease}.on-top{background-color:var(--bg-white);color:var(--bg-dark)}.picture{position:relative;text-align:center;margin:auto;z-index:10;overflow-x:scroll;overflow-y:hidden;background-color:var(--bg-black)}.carrosel-item:hover,.picture div:hover{z-index:10;opacity:.7;transform:scale(1.1);cursor:pointer;box-shadow:inset 0 0 3px 3px var(--bg-dark)}.picture-hold div:not(.picture-selected):hover:before{content:"2"}.picture-hold div.picture-selected:hover:before,.picture-hold div:not(.picture-selected):hover:before{font-weight:700;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:var(--bg-white)}.picture-hold div.picture-selected:hover:before{content:"x"}.picture-selected:before{box-shadow:inset 0 0 3px 3px var(--bg-dark);font-weight:700;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:var(--bg-white);content:"1"}.carrosel-choose{width:400px;height:600px;background-color:#137bde}.carrosel-pictures{margin-top:20px;max-width:600px;display:flex;align-items:center}.carrosel-item,.carrosel-pictures{z-index:10;background-color:var(--bg-grey)}.carrosel-item{cursor:pointer;flex:1 1;opacity:.5;margin:2px;width:80px;height:80px}.carrosel-item img{width:100%;height:100%}.carrosel-item-active{opacity:1;box-shadow:0 0 2px 2px var(--bg-dark)}.gears{max-width:600px;min-height:40px;z-index:10;position:relative;background-color:var(--bg-white);display:flex;border-right:3px solid var(--bg-grey);border-left:3px solid var(--bg-grey)}.action-icon{margin:0 6px;text-align:center;cursor:pointer;display:flex;flex:1 1;justify-content:center;align-items:center}.action-icon,.action-icon a{color:var(--bg-white);background-color:var(--bg-dark);opacity:.6}.timer{padding-left:4px;display:flex;align-items:center;justify-content:center;color:var(--bg-dark)}.action-icon a:hover,.action-icon:hover{opacity:1;color:var(--bg-white);background-color:var(--bg-light)}.difficulty-active{color:var(--bg-white);background-color:var(--bg-dark)}.difficulty-items{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.difficulty-items input[type=color]{width:30px;margin:8px}.difficulty-items i.fa-volume-up{border:2px solid var(--bg-light);cursor:pointer;padding:5px;border-radius:2px}.difficulty-items span{cursor:pointer;font-size:.87rem;padding:5px;opacity:.8}.difficulty-items span:hover{color:var(--bg-black);background-color:var(--bg-white-2)}.difficulty-items i.fa-remove{cursor:pointer;padding:5px;border-radius:2px;margin-left:4px}.difficulty-items i.fa-remove:hover{background-color:red;color:var(--bg-white)}.hidden{display:none}.oppacle{opacity:.4}.external-links{position:relative;z-index:10}#external-links{background:linear-gradient(transparent,var(--bg-black))}#external-links h2,#external-links h6,.about{color:var(--bg-white)}.about{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.about ul li{display:inline}.detail ul li a{border:2px solid var(--bg-dark);border-radius:4px;padding:0 8px;margin:0 4px;text-align:center;color:var(--bg-white)}.links ul{list-style:none;margin:0;padding:0;background:transparent}.links a{display:flex;align-items:center;border:2px solid var(--bg-dark);color:var(--bg-white);border-radius:20px;text-align:left;width:300px;height:40px;padding:0 8px;margin:8px}.links a span{flex:1 1;text-align:center}.about a:hover,.links a:hover{background-color:var(--bg-dark);color:var(--bg-white)}.footer{padding:20px 0;text-align:center;background-color:var(--bg-dark);color:var(--text-light);font-size:10px}.footer ul{list-style:none;margin:auto 0;padding:0;background:transparent}.footer a{font-size:12px;text-decoration:none}.footer a,.footer a:hover{color:var(--bg-white)}.puzzle-details{display:flex;max-width:600px;justify-content:space-between}.puzzle-label{color:var(--bg-black);background:var(--bg-grey);padding:0 4px;border-radius:2px;margin:0 4px}.blink{animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:0}}@media screen and (max-width:280px){.main h4{font-size:1rem}.links a{font-size:8px}.about img{width:100px;height:100px}.about h3{font-size:.9rem}.about span{font-size:.65rem}}@media screen and (max-width:650px){.about,.about .detail{display:flex;flex-direction:column}.about .detail{width:80%;word-wrap:break-word;align-items:center}.footer{justify-content:center;align-items:center}.links a{width:100%}}.rain{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:0}.rain.back-row{display:none;z-index:1;bottom:60px;opacity:.5}.txt-rain.back-row-toggle .rain.back-row{display:block}.drop{position:absolute;bottom:100%;width:15px;height:120px;pointer-events:none;animation:drop .5s linear infinite}@keyframes drop{0%{transform:translateY(0)}75%{transform:translateY(90vh)}to{transform:translateY(90vh)}}.stem{width:1px;height:60%;margin-left:7px;background:linear-gradient(180deg,rgba(138,104,224,.5),rgba(19,123,222,.25));animation:stem .5s linear infinite}@keyframes stem{0%{opacity:1}65%{opacity:1}75%{opacity:0}to{opacity:0}}.splat{width:15px;height:10px;border-top:2px dotted hsla(0,0%,100%,.5);border-radius:50%;opacity:1;transform:scale(0);animation:splat .5s linear infinite;display:none}.txt-rain.splat-toggle .splat{display:block}@keyframes splat{0%{opacity:1;transform:scale(0)}80%{opacity:1;transform:scale(0)}90%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.games-grid{margin:2rem auto;max-width:1000px;display:flex;align-items:center}.game-card{z-index:10;cursor:pointer;flex:1 1;margin:6px;height:250px;background-color:var(--bg-grey);position:relative}.game-card img{width:100%;height:100%}.game-card:hover{opacity:1;box-shadow:0 0 2px 2px var(--bg-dark)}.game-card i{color:var(--text-light-2);position:absolute;left:10px;bottom:10px}@media (max-width:1200px){.games-grid{flex-direction:column}}