*{margin:0;padding:0;box-sizing:border-box}#root{display:flex;flex-direction:column;gap:8px}body{font-family:sans-serif;background:#f6f6f6;display:flex;justify-content:center;align-items:center;height:100svh}h1{text-align:center}.game{display:grid;grid-template-columns:repeat(4,80px);gap:12px;justify-content:center}.card{position:relative;width:80px;height:80px;background:#fff;border-radius:10px;box-shadow:0 0 3px #0000004d;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:2rem}.card:hover{transform:scale(1.05);transition:transform .2s ease}.symbol{position:relative;z-index:1}.cover{position:absolute;inset:0;background:#ddd;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;transition:opacity .3s;z-index:2}.controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:10px}button{background:#444;color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;font-weight:600;transition:background .3s}button:hover{background:#666}.win{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#d2ffd2;color:#222;font-weight:700;padding:16px 24px;border-radius:10px;box-shadow:0 0 8px #0000004d;text-align:center;font-size:1.1rem;z-index:100;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}