:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}button:hover{filter:brightness(.8)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;cursor:default}.hidden{display:none}.card-container{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem;padding-bottom:2rem}.card{width:350px;height:450px;border-radius:10px;background-color:#333;color:#fff;text-align:center;box-shadow:0 4px 8px #0000004d;position:relative;flex-shrink:0;transition:transform .3s ease,box-shadow .3s ease}.card img{width:100%;height:300px;object-fit:cover;border-radius:10px 10px 0 0}.card h3{padding:0;margin:5px;font-size:1.5rem}.card:hover{transform:scale(1.05);box-shadow:0 6px 12px #0006}.play-button{height:8%;width:50%;background-color:#40a337;color:#fff;font-size:1rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.game-button{height:50px;width:200px;font-size:20px;cursor:pointer;border-radius:5px;color:#fff;transition:background-color .3s ease;margin-top:20px}.restart-button{background-color:#e99332}.menu-button{background-color:#868686}#mainMenu{width:100%;min-height:100%;background:#000;text-align:center;cursor:default;z-index:10}#mainMenu h1{margin:0;padding:100px 0 20px;font-size:5rem;font-size:clamp(3rem,4vw,4.1vw)}#hud{position:absolute;top:10px;left:10px;color:#fff;font-size:20px;font-family:sans-serif;z-index:5;display:none}#countdownTimer{text-align:center}#gameOverScreen h2{font-size:4rem;margin:20px 0}#gameOverScreen p{font-size:1.5rem;margin:20px 0}#app{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}@media (max-width: 1100px){.carousel-container{overflow-x:auto;scroll-snap-type:x mandatory}.carousel-container{justify-content:flex-start}}@media screen and (max-width: 400px){.card{width:250px;height:350px}.card img{height:220px}.card h3{font-size:1.3rem}.card p{font-size:.8rem}#mainMenu h1{padding:50px 0 10px}}@media screen and (max-width: 295px),screen and (max-height: 295px){body,canvas{visibility:hidden}}