@font-face{font-family:m6x11medium;src:url(/assets/m6x11-webfont-DaqIkzrf.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:gravitybold8bold8;src:url(/assets/gravitybold8-webfont-BEnXGPGG.woff2)format("woff2");font-weight:400;font-style:normal}:root{--primary-color:#ff4757;--secondary-color:#2ed573;--bg-color:#f5f5dcd9;--text-color:#2f3542;--border-color:#575757;--stripe-color:#353520;--font-main:"m6x11medium", sans-serif;--font-bold:"gravitybold8bold8", monospace}html,body{height:100%;margin:0;padding:0}html{background-image:url(/assets/website%20bg-CR8JrwLE.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100%}body{min-height:100%;font-family:var(--font-main), sans-serif;background:0 0}.navbar-horizontal{box-sizing:border-box;border-bottom:1px solid var(--border-color);background-color:#000000f5;flex-shrink:0;width:100%;padding:10px;display:none}.navbar-horizontal ul{flex-direction:row;gap:10px;margin:0;padding:0;list-style-type:none;display:flex}.navbar-horizontal ul li{flex:1 1 0}.navbar{box-sizing:border-box;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);background-color:#000000f5;flex-shrink:0;width:250px;height:auto;min-height:100vh;margin-left:20px;padding:0 12px;display:block}.navbar ul{flex-direction:column;gap:10px;margin:32px 0 0;padding:0;list-style-type:none;display:flex}.navbar .logo img{justify-content:center;width:100%;margin-top:40px;padding-bottom:100px;transform:scale(1.2)}.navbar ul li:hover,.navbar-horizontal ul li:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 3px #000}.navbar ul li,.navbar-horizontal ul li{box-sizing:border-box;color:#f4f4f4;text-align:center;background-color:#08090a;border:2px solid #303136;justify-content:center;align-items:center;min-height:44px;padding:0;transition:transform 80ms steps(2,end),border-color 80ms steps(2,end),background-color 80ms steps(2,end),box-shadow 80ms steps(2,end);display:flex}.navbar-horizontal ul li:hover,.navbar ul li:hover{background-color:#111216}.navbar ul li:first-child,.navbar-horizontal ul li:first-child{border-color:#4a4637}.navbar ul li:nth-child(2),.navbar-horizontal ul li:nth-child(2){border-color:#4d3940}.navbar ul li:nth-child(3),.navbar-horizontal ul li:nth-child(3){border-color:#345844}.navbar ul li:nth-child(4),.navbar-horizontal ul li:nth-child(4){border-color:#59432f}.navbar ul li:nth-child(5),.navbar-horizontal ul li:nth-child(5){border-color:#443b59}.navbar ul li:first-child:hover,.navbar-horizontal ul li:first-child:hover,.navbar ul li:first-child.nav-active,.navbar-horizontal ul li:first-child.nav-active{border-color:gold}.navbar ul li:nth-child(2):hover,.navbar-horizontal ul li:nth-child(2):hover,.navbar ul li:nth-child(2).nav-active,.navbar-horizontal ul li:nth-child(2).nav-active{border-color:#ff3b68}.navbar ul li:nth-child(3):hover,.navbar-horizontal ul li:nth-child(3):hover,.navbar ul li:nth-child(3).nav-active,.navbar-horizontal ul li:nth-child(3).nav-active{border-color:#20df72}.navbar ul li:nth-child(4):hover,.navbar-horizontal ul li:nth-child(4):hover,.navbar ul li:nth-child(4).nav-active,.navbar-horizontal ul li:nth-child(4).nav-active{border-color:#ff922b}.navbar ul li:nth-child(5):hover,.navbar-horizontal ul li:nth-child(5):hover,.navbar ul li:nth-child(5).nav-active,.navbar-horizontal ul li:nth-child(5).nav-active{border-color:#9b6dff}.navbar a,.navbar-horizontal a{box-sizing:border-box;width:100%;min-height:40px;color:inherit;justify-content:center;align-items:center;padding:10px;text-decoration:none;display:flex}#game-container{z-index:999;display:flex;overflow:hidden!important}#game-canvas{background-color:#ff4757;width:100%;height:100%;top:0;left:0}.layout{width:100%;min-height:100vh;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:row;display:flex}.content{color:#fff;border-left:2px solid var(--border-color);border-right:2px solid var(--border-color);flex:1 1 0;width:auto;height:auto;min-height:0;margin-left:20px;margin-right:20px;padding-left:15px;padding-right:15px}.game{padding-left:0;padding-right:0}@media (aspect-ratio<=3/4),(width<=599px){.content{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.navbar{display:none}.navbar-horizontal{display:block}.layout{flex-direction:column}}.bannerImage{width:100%;max-height:500px;display:block}.bannerImage img{object-fit:cover;width:100%;height:clamp(350px,20%,400px);max-height:500px;display:block}.content h1{color:#fff;text-align:center;font-size:3rem;font-family:var(--font-bold), monospace;margin:1px}.content h2{color:#787878;text-align:center;font-size:2rem;font-family:var(--font-main), monospace;margin:1px}.counter-panel{background-color:#131313}.counter-panel ul{flex-wrap:wrap;justify-content:center;padding:20px;list-style-type:none;display:flex}.counter-panel ul li{width:300px;height:100px}.counter{font:bold 1rem var(--font-bold);text-align:center;font-size:2rem}.counter-description{font:bold 1rem var(--font-bold);text-align:center;color:#7a7a7a;padding:10px}.menuOptions ul{flex-wrap:wrap;justify-content:space-evenly;gap:16px;display:flex}.imageButton{background-image:repeating-linear-gradient(45deg, var(--stripe-color) , var(--stripe-color) 1px, black 4px, black 10px);outline:3px solid hsl(from var(--stripe-color) h 350% l);width:250px;height:270px;filter:drop-shadow(0 0 4px var(--stripe-color));border:5px solid #000;border-radius:8px;flex-direction:column;display:flex;position:relative}.imageButton:after{content:"";z-index:1;background:linear-gradient(#0000 50%,#000000b3 65%,#000000e6 80%,#000 100%);position:absolute;inset:0}.imageButton img{display:block;position:absolute;bottom:50px;transform:scale(1.2)}.imageButton button{z-index:2;background-color:hsl(from var(--stripe-color) h 100% l);outline-offset:3px;border-radius:1px;outline:1px solid #fff;height:60px;margin:auto 10px 10px;position:relative;box-shadow:0 0 0 3px #0000,0 0 0 4px #000}.imageButton button:after{content:"";background:hsl(from var(--stripe-color) h 400% l);border-radius:4px;transition:transform .1s ease-in-out;position:absolute;inset:0;overflow:visible;transform:translateY(-10px)}.imageButton button:hover:after{transform:translateY(-2px)}.imageButton button span{z-index:2;font:2.3rem var(--font-main);transition:transform .1s ease-in-out;display:block;position:relative;transform:translateY(-10px)}.imageButton button:hover span{transform:translateY(-2px)}.content h1{color:#fff;text-align:center;font-size:3rem;font-family:var(--font-bold), monospace;text-shadow:2px 2px #000;margin-top:40px;margin-bottom:10px}.difficulty-tabs{justify-content:center;gap:20px;margin-bottom:30px;display:flex}.difficulty-tabs button{color:#787878;font-family:var(--font-bold), monospace;cursor:pointer;background-color:#131313;border:2px dashed #70707080;padding:10px 20px;font-size:1.2rem;transition:all .2s}.difficulty-tabs button:hover,.difficulty-tabs button.active{color:#fff;border:2px solid var(--primary-color);transform:scale(1.05);box-shadow:0 0 10px #ff475780}.leaderboard-container{flex-direction:column;gap:12px;max-width:800px;margin:0 auto 50px;display:flex}.lb-row{border:2px solid var(--border-color);font-family:var(--font-bold), monospace;background-color:#131313;align-items:center;padding:15px 25px;font-size:1.5rem;transition:transform .1s;display:flex}.lb-row:hover{border-color:#fff;transform:scale(1.02)}.lb-rank{color:#787878;width:15%}.lb-player{text-align:left;color:#fff;width:55%}.lb-score-col{width:30%;color:var(--secondary-color);justify-content:flex-end;align-items:center;gap:10px;display:flex}.lb-score-icon{width:24px;height:24px;image-rendering:pixelated}.rank-1{background:linear-gradient(90deg,#ffd7001a 0%,#131313 50%);border-color:gold}.rank-1 .lb-rank{color:gold}.rank-2{background:linear-gradient(90deg,#c0c0c01a 0%,#131313 50%);border-color:silver}.rank-2 .lb-rank{color:silver}.rank-3{background:linear-gradient(90deg,#cd7f321a 0%,#131313 50%);border-color:#cd7f32}.rank-3 .lb-rank{color:#cd7f32}.loading-text{text-align:center;font-family:var(--font-main);color:#787878;padding:40px;font-size:2rem}