@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";*,:before,:after{padding:0;margin:0;box-sizing:border-box}body{font-family:JetBrains Mono,monospace;font-weight:500;font-style:normal;font-optical-sizing:auto;overflow:auto;color:#c5c5c5;text-shadow:#FC0 1px 1px 10px}button{font-family:inherit;font-weight:inherit;font-style:inherit;text-shadow:inherit;text-transform:uppercase;padding:.2em .4em}h1{font-size:2.4rem;text-transform:uppercase;text-align:center}:modal>p{text-transform:uppercase;font-size:2rem;padding:.5rem;text-align:center}a{color:#c5c5c5;font-size:1.8rem;text-decoration:none;text-transform:uppercase}body:before,:modal:before{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#0006 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 3px,3px 100%;z-index:2;pointer-events:none;overflow:hidden}body{background-color:#181818}#root{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.typewriter-animation,.typewriter-animation-modal{position:relative}.typewriter-animation:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#181818;animation:typewriter .5s steps(13) forwards}.typewriter-animation-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;animation:typewriter .5s steps(13) forwards}@keyframes typewriter{to{left:100%}}@keyframes fadeIn{to{opacity:1}}button{cursor:pointer;color:inherit;background-color:inherit;transition:color .1s ease-in}button:active{transform:translateY(4px);outline:none}.btn-standard{font-size:1.65em;min-width:13.5rem;margin:.8rem 0;box-shadow:#000 1px 3px 15px;border:#c5c5c5 2px solid}.btn-control{font-size:2rem;border:none}.btn-start{font-size:2.4rem;border:none;margin-bottom:1.2rem}@media (hover: hover){button:hover{color:#fbfbfb}}:modal{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.2rem;background-color:#000;color:#c5c5c5;box-shadow:#000 2px 2px 15px;margin:auto;border:none}.nav{position:relative;top:0;width:100%;padding:.7rem;margin-bottom:1.5rem}.nav__list{list-style:none;display:flex;justify-content:center;gap:1.8rem}.nav__list>li>a{opacity:.7}.nav__list .active-link{opacity:1}.game-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:70svh}.game-content .game-modes{display:flex;flex-direction:column;justify-content:center;align-items:center}.game-content .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:85%;max-width:25rem}.game-content .container .outputs{width:100%;margin-top:1rem}.game-content .container .outputs .stats{font-size:2.2rem;width:max-content;padding:.5rem}.game-content .container .loadout-container{display:flex;gap:.8rem;margin:1.4rem 0}.game-content .container .loadout-container .shell{height:26px;aspect-ratio:1;border-radius:50%;margin:0 .2rem;display:inline-block;box-shadow:#fc0 0 0 10px;opacity:0;animation:fadeIn .5s ease .5s forwards}.game-content .container .loadout-container .live{background-color:#c5c5c5}.game-content .container .loadout-container .blank{background-color:#181818}.game-content .container .controls-container{margin-top:.6rem;width:90%;display:flex;justify-content:space-around;align-items:baseline}.leaderboard-content{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:100%;min-height:50svh}.leaderboard-content table{border-collapse:collapse;width:85%;max-width:45rem;font-size:1.5rem;text-transform:uppercase;margin-bottom:2.5rem}.leaderboard-content table thead{border-bottom:3px dotted #c5c5c5}.leaderboard-content table thead th{padding:.3rem .5rem .6rem}.leaderboard-content table tbody{text-align:center;border-bottom:3px dotted #c5c5c5}.leaderboard-content table tbody td:nth-child(1){text-align:left;display:flex;align-items:center;flex-direction:row;gap:1rem}.leaderboard-content table tbody td{padding:.4rem}.leaderboard-content table tbody td>img{width:2.5rem;filter:sepia(.6) brightness(.9) saturate(1.7) hue-rotate(12deg)}.leaderboard-content .leaderboard__link{margin:1rem 0}.leaderboard-content .loading{font-size:2rem;text-transform:uppercase}.leaderboard-content .error-msg{font-size:2rem;text-transform:uppercase;text-align:center}