@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}body{font-family:var(--font-main), sans-serif;background-image:url(/assets/website%20bg-CR8JrwLE.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.navbar-horizontal{background-color:red;flex-shrink:0;width:100%;height:50px;display:none}.navbar-horizontal ul{flex-direction:row;justify-content:space-evenly;margin:0;padding:0;list-style-type:none;display:flex}.navbar{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);background-color:#000;flex-shrink:0;width:250px;height:100vh;margin-left:20px;display:block}.navbar ul{flex-direction:column;justify-content:space-evenly;margin: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{border-color:orange #00f purple red;transform:scale(1.1)}.navbar ul li{color:#c1c1c1;text-align:center;border:2px dashed #70707080;margin-bottom:30px;margin-left:25px;margin-right:25px;padding:10px;display:block}#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:100dvh;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{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)}
