::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:var(--main-color)}::-webkit-scrollbar-thumb:hover{background:var(--main-color-hovered)}.splash-screen{--cursor-x:50dvw;--cursor-y:50dvh;--logo-hue:0deg;z-index:9999999;color:#fff;background:#000;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex;position:absolute;top:0;left:0}.splash-screen:after{user-select:none;content:"";pointer-events:none;background:radial-gradient(circle 20vh at var(--cursor-x) var(--cursor-y), #0000 0%, #00000080 80%, #000000f2 100%);width:100%;height:100%;display:block;position:fixed}.splash-screen .logo{width:100%;height:100%;filter:hue-rotate(var(--logo-hue));background:url(./freak-games-AKCco_vx.png) 50% no-repeat;animation:2s ease-in-out fade-in}.splash-screen.destroy-animation{animation:.5s ease-in-out fade-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}:root{--main-color:#2196f3;--main-color-hovered:#45a4f0}*{box-sizing:border-box;margin:0}body{color:#fff;background-color:#000;height:100dvh;font-family:Comic Sans MS,Chalkboard SE,Comic Neue,Arial,sans-serif;overflow:hidden}#app{flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;display:flex}.background{background:url(./stars-DxEvRYJ9.png) top}.container{flex-direction:column;justify-content:space-between;align-items:stretch;gap:1rem;width:100%;height:100%;padding:1rem;display:flex}.title{text-align:center;font-weight:700}.grid{grid-template-columns:repeat(5,1fr);gap:1rem;width:100%;padding-right:1rem;display:grid;overflow:auto}@media (width<=1024px){.grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.grid{grid-template-columns:repeat(1,1fr)}}.grid-item{justify-content:center;width:100%;display:flex;position:relative}.progress{background-color:#fff;border-radius:8px;min-height:2em;position:relative;overflow:hidden}.progress-fill{background-color:var(--main-color);height:100%;transition:all .5s}.progress-counter{color:#000;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;font-weight:600;line-height:2rem;display:flex;position:absolute;top:0}.input{color:#fff;outline-offset:2px;appearance:none;border-style:solid;border-width:2px;border-image:initial;border-color:inherit;background:inherit;border-radius:8px;outline:2px solid #0000;width:100%;min-width:0;height:2.5rem;margin:2px;padding-inline:1rem 2.5rem;font-family:inherit;font-size:1rem;font-weight:700;position:relative}.input::placeholder{font-weight:700}.input:focus{z-index:1;border-color:#63b3ed;box-shadow:0 0 0 1px #63b3ed}.play-button{cursor:pointer;z-index:1;background:0 0;border:none;align-items:center;width:38px;height:100%;display:flex;position:absolute;right:0}.solved{background:var(--main-color);color:#fff}.credits{text-wrap:nowrap;justify-content:center;gap:4px;display:flex}.link{color:var(--main-color)}.link:hover{color:var(--main-color);opacity:.8;text-decoration:underline}.heart{animation:1s infinite heartbeat;display:inline-block}@keyframes heartbeat{0%,to,40%,80%{transform:scale(.8)}20%,60%{transform:scale(1.1)}}.header{justify-content:space-between;align-items:center;display:flex}.volume-label{flex-direction:column;display:flex}.volume-range{accent-color:var(--main-color);border:1px solid red}.controls{gap:1rem;display:flex}.reset-button{background:var(--main-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:0 8px;font-family:inherit;font-weight:600}.reset-button:hover{background:var(--main-color-hovered)}