*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lucida Sans,Arial,sans-serif;background:url(./background-images/forest.jpg) no-repeat center center fixed;background-size:cover;color:#111;min-height:100vh}#root{max-width:100%;height:100%;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}p{font-size:1.2rem;color:#222;margin-bottom:1rem}button{padding:.8rem 1.2rem;font-size:1rem;border:none;border-radius:10px;cursor:pointer;background-color:#d5ad0c;color:#2a75bb;font-weight:700;transition:background-color .2s ease,transform .2s ease;box-shadow:0 3px 6px #0003}button:hover{background-color:#166fb2;color:#fff;transform:scale(1.05)}.screen-container{width:100%;height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.start-screen{position:absolute;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Lucida Sans,serif;z-index:10}.content{color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.6)}.content h1{font-size:3rem;margin:.3rem 0;color:#2b0253}.content p{margin-top:.8rem;font-size:1.9rem;color:#000}.content button{margin-top:1.5rem;padding:.8rem 1.5rem;font-size:1.6rem;border:none;border-radius:12px;background-color:#ffcb05;color:#0667b0;font-weight:700;cursor:pointer;transition:.2s;box-shadow:0 2px 6px #000c}.content button:hover{background-color:#2a75bb;color:#fff;transform:scale(1.05)}.card{width:140px;height:195px;margin:10px;perspective:1000px;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(145deg,#0eb2f3,#18f71c);padding:4px;box-shadow:0 6px 12px #0000004d,inset 0 1px 2px #ffffff80;transition:transform .25s ease}.card:hover{transform:scale(1.05)}.card-content{position:relative;height:100%;width:100%}.card-front,.card-back{width:100%;height:100%;border-radius:12px;box-sizing:border-box;border:2px solid #2a75bb;box-shadow:0 4px 8px #0003;background-color:#fff;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;transition:transform .5s;overflow:hidden}.card-front{transform:rotateY(0);background-color:#fff;background:linear-gradient(180deg,#fff,#f8f8f8,#e6e6e6);border:2px solid #2a75bb;border-radius:12px;box-shadow:0 4px 8px #00000040,inset 0 1px 2px #ffffff80;overflow:hidden;position:relative;justify-content:flex-start}.card-front img,.card-back img{width:100%;height:100%;object-fit:contain;display:block}.card-back{background-color:#e9f603;color:#2a75bb;font-size:1.5rem;transform:rotateY(180deg)}.card-name{text-transform:capitalize;font-size:1rem;font-weight:700;color:#080909;text-align:center;background:#3aa9dc;border:4px solid #13045c;border-radius:8px;box-sizing:border-box;box-shadow:inset 0 2px 5px #0000001a;padding:6px 0;width:100%;position:absolute;bottom:0;left:0;transform:none;margin:0;line-height:1.2}body{margin:0;padding:0;background-image:url(/background-images/forest.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;font-family:Lucida Sans,sans-serif}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#ffffff1a,#0000004d);z-index:0}.game-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:40px;justify-items:center;align-items:center;margin:25px auto;padding:50px;width:95vw;max-width:1200px;min-height:85vh;box-sizing:border-box;border:5px solid #240345;border-radius:16px;background:linear-gradient(135deg,#efef09,#1ceeaf);box-shadow:0 8px 20px #0003;transition:transform .3s ease,box-shadow .3s ease}.game-info{text-align:right;font-size:1.4rem;font-weight:700;color:#fff;margin:15px auto;padding:10px 20px;text-shadow:3px 3px 8px rgba(0,0,0,.9)}@media (max-width:500px){.game-board{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:20px;gap:15px;width:95vw}}.game-over{position:absolute;width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Lucida Sans,sans-serif;color:#2b0253;text-shadow:2px 2px 6px rgba(0,0,0,.6)}.game-over h1{font-size:3rem;margin:.5rem 0;color:#2b0253}.game-over p{margin-top:.8rem;font-size:1.9rem;font-weight:700;color:#000}.game-over button{margin-top:1.5rem;padding:.8rem 1.5rem;font-size:1.6rem;border:none;border-radius:12px;background-color:#ffcb05;color:#0667b0;font-weight:700;cursor:pointer;transition:.2s;box-shadow:0 2px 6px #000c}.game-over button:hover{background-color:#2a75bb;color:#fff;transform:scale(1.05)}