*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}@font-face{font-family:Elite;src:url(/fonts/SpecialElite-Regular.ttf)}:root{font-family:Elite;font-size:1em;--dark-color: #25232F;--light-color: #6883BA}html,body{height:100vh;margin:0;display:flex;justify-content:center;align-items:center;background-color:#faf8f6}#game{flex:1}#ui{position:absolute;width:800px;height:600px}.overlay{position:absolute;top:50%;left:50%;width:800px;height:600px;transform:translate(-50%,-50%);background-color:#00000080;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-in-out}.menu-container{--border-radius: .5rem;--gap-size: 1em;background-color:var(--dark-color);width:400px;height:600px;color:var(--light-color);display:flex;flex-direction:column;align-items:center;gap:var(--gap-size);padding:5rem 0;border-radius:calc(var(--border-radius)*2);background:url(/assets/menu-bg.png);background-size:400px 600px;background-repeat:no-repeat;animation:fadeIn .3s ease;transition:opacity .3s ease}.menu-title{font-size:2em;font-variant:small-caps}button{font-family:inherit;border:none;color:var(--dark-color);font-weight:900;background-color:var(--light-color)}.menu-btn{width:200px;aspect-ratio:4 / 1;border-radius:var(--border-radius);transition:background-color .5s ease}.menu-btn:active,.menu-btn:hover{outline:currentColor solid 2px;background-color:var(--dark-color);color:currentColor;cursor:pointer}.pause-btn{position:absolute;width:40px;aspect-ratio:1 / 1;top:20px;right:20px;border-radius:.5rem;outline-offset:-5px;outline:var(--dark-color) solid 2px;transition:background-color .4s ease}.pause-btn:active,.pause-btn:hover{background-color:var(--dark-color);color:var(--light-color);outline-color:var(--light-color);cursor:pointer}.share-container{display:flex;justify-content:center;align-items:center;gap:20px}.share-btn{width:100px;aspect-ratio:4 / 1;border-radius:var(--border-radius);transition:background-color .5s ease}.share-btn:active,.share-btn:hover{outline:currentColor solid 2px;background-color:var(--dark-color);color:currentColor;cursor:pointer}.share-input{font-family:Elite;font-weight:900;background-color:var(--light-color);border:none;text-align:center;border-radius:var(--border-radius);padding:8px;color:var(--dark-color)}.share-input::placeholder{color:var(--dark-color)}.leaderboard-table{border-collapse:collapse;text-align:center}thead{text-transform:capitalize}th{padding:.2rem 1.5rem}td{padding:.2rem}tr:nth-child(2n){background-color:var(--light-color);color:var(--dark-color)}.local-player{font-weight:bolder;text-decoration:solid underline 3px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}