:root{--font-family:"Oxanium";font-family:var(--font-family)}*{box-sizing:border-box}body{padding:0;margin:0}#root{min-height:100vh}.start-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-image:url(/assets/background1-Bwy1TWIh.png);background-position:center;background-repeat:no-repeat;background-size:cover;min-height:100vh;padding:1rem}.start-container h1{color:#f7cf06;font-size:clamp(3rem,10vw,6rem);z-index:1;text-align:center}.play-btn,.back-btn{padding:10px 40px;font-family:var(--font-family);font-size:1rem;font-weight:700;border:none;border-radius:5px;transition:all .2s ease;cursor:pointer}.back-btn{padding:10px 30px}.play-btn:hover,.back-btn:hover{box-shadow:0 0 10px 10px #ffffff71;transition:all .2s ease}.play-btn:active,.back-btn:active{box-shadow:0 0 10px 2px #ffffff9b;background-color:#b0b0b0;transform:scale(.9)}.game-container{display:flex;flex-direction:column;align-items:center;background:#b6b685;background-repeat:no-repeat;background-position:center;background-size:cover;color:#fff;min-height:100vh;padding:1rem}.game-container :first-child{width:100%;max-width:1200px;display:flex;align-items:center;justify-content:space-between;font-size:clamp(1rem,4vw,1.5rem)}.game-container :first-child>button{width:auto}.card-container{perspective:1000px;width:100%;max-width:1200px;display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:1rem}.card{display:flex;justify-content:center;align-items:center;aspect-ratio:1 / 1;cursor:pointer;background:#00000049;border-radius:15px;transition:transform .1s ease;transform-style:preserve-3d}@media (max-width: 900px){.card-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 500px){.game-container{padding:.5rem}.card-container{grid-template-columns:repeat(2,1fr);gap:.5rem}}.score-text,.result-text{font-size:clamp(2rem,5vh,4rem)}
