.centered{display:flex;align-items:center;justify-content:center}.vcentered{display:flex;flex-direction:column;align-items:center;justify-content:center}.home{display:flex}.home>div{flex:1;display:flex;flex-direction:column;overflow-x:auto;padding:20px}.home .right{background-color:var(--dark-opaque);border-left:1px solid var(--light);text-align:center}.home .right h1{margin-bottom:20px}.home .right .info{flex:1;flex-direction:column}.home .left{justify-content:space-between}.home .title{height:30%;margin-top:20px}.settings>*:not(hr){padding:10px}.settings>div>h3{margin-bottom:10px}.right .game button{width:48%;font-size:20px;padding:14px}.right .game{display:flex;justify-content:space-between;flex-wrap:wrap;padding:30px 80px;width:100%}#findlevel{width:100%;margin-bottom:4%}.keys input{font-size:38px;width:64px;aspect-ratio:1/1;text-align:center;font-weight:700;background-color:var(--light)}.keys input:focus{outline:none}.options{justify-content:space-between}.theme{display:flex;flex-direction:column}.theme label{font-size:20px;margin:14px 0 8px}#gameplay .container{width:100%;height:100%;flex-direction:column;justify-content:space-between}#gameplay .container .top{width:100%;flex:1}#gameplay .container .top .content{flex:1;flex-direction:column;justify-content:space-between;height:100%;padding:30px}#gameplay .container .fail{color:red}#gameplay .container .clear{color:green}#gameplay .container .results{width:100%;height:200px;justify-content:space-evenly;align-items:flex-start}#gameplay .container .results>*{background-color:var(--dark-opaque);border:3px solid var(--borders);border-radius:10px;height:100%;width:35%}#gameplay .container .results label{margin-right:4px}#gameplay .container .notes *{text-align:center}#gameplay .container .notes p{font-size:18px;margin-top:30px;max-width:60%;background-color:var(--dark);border:2px solid var(--borders);padding:14px;border-radius:10px}#gameplay .container .overlay{flex-direction:column;position:absolute;right:0%}#gameplay .container .overlay button{font-size:26px;text-align:center;width:76px;aspect-ratio:1/1;padding:20px;font-weight:700;margin:10px;transition-duration:20ms}#gameplay .container .buttons{width:100%;padding:20px 10%;justify-content:space-between}#gameplay .container .buttons>*{flex:1}#gameplay .container .buttons button{font-size:22px;width:40%;margin:0 10px}#gameplay .container .progress{--size: 18px;width:100%;height:var(--size);-webkit-user-select:none;user-select:none;background-color:var(--light);justify-content:flex-start;overflow:hidden;visibility:hidden}#gameplay .container .progress .indicator{height:inherit;background-color:var(--accent);opacity:.8;width:0%}#gameplay .container .info{flex-direction:column;margin-top:40px}#gameplay .container .leveln label{margin-left:.7ch}#gameplay .container .leveln span{font-size:20px;padding:4px 8px;margin-left:20px;border:2px solid var(--text)}#gameplay .container .levelinfo{font-size:22px;margin-top:20px}#gameplay .container .pressed{opacity:.7;scale:.93}#leaderboard{height:fit-content!important;padding:30px 10%}#leaderboard table{width:100%;border:2px solid var(--light);border-radius:7px;padding:2px;margin:20px}#leaderboard table th,#leaderboard table td{padding:4px;text-align:start}#leaderboard table tr.me{background-color:var(--accent-hover)}#leaderboard table th{border-bottom:2px solid var(--light)}#leaderboard .lbloading{text-align:center;padding:20px}#leaderboard .buttons{width:100%}#leaderboard .buttons button{width:24%;margin:10px}*{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}:root{color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;--wall-blur: .8rem;--wall-brightness: 20%}*{padding:0;margin:0;box-sizing:border-box}body{width:100vw;height:100vh;background-color:#0a0a0a}#wallpaper{display:block;position:absolute;width:100%;height:100%;background-color:#101010;background-image:url(https://raw.githubusercontent.com/yukiisen/wallpapers/refs/heads/main/abyss.jpg);background-position:center center;background-size:cover;filter:brightness(var(--wall-brightness)) blur(var(--wall-blur));z-index:1}h1{font-size:64px}h2{font-size:48px}h3{font-size:32px}#app{position:absolute;width:100%;height:100%;overflow-x:auto;z-index:2}#app>div{width:100%;height:100%;overflow:hidden}button,input{padding:8px;font-size:16px;border:2px solid var(--borders);border-radius:7px}button{background-color:var(--accent);color:var(--text)}button:hover{background-color:var(--accent-hover)}.toggle{display:flex;align-items:center;-webkit-user-select:none;user-select:none;--size: 24px}.toggle .outer{width:var(--size);height:var(--size);background-color:var(--light);padding:calc(var(--size) / 9);margin:5px 5px 5px 0}.toggle .inner{width:100%;height:100%;background-color:var(--accent);visibility:hidden}.toggle div{border-radius:5px}.toggle[enabled] .inner{visibility:visible}.range{--size: 14px;margin:5px 0;width:100%;height:var(--size);-webkit-user-select:none;user-select:none;background-color:var(--light);border-radius:10px;justify-content:flex-start;border:solid 2px var(--borders)}.range .indicator{height:inherit;background-color:var(--accent);border-radius:10px;opacity:.8}.range .hold{height:inherit;background-color:var(--accent);width:30px;transform:scale(1.8);border-radius:10px;border:solid 1px var(--borders)}footer{text-align:center;padding:15px;font-size:14px}footer a{color:var(--text)}