:root{color-scheme:light;font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:linear-gradient(135deg,#fce4ec,#e8f5e9,#e3f2fd);color:#37474f}.shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;gap:1.25rem}.game-header{text-align:center}.game-header h1{font-size:2rem;margin:0;color:#e91e63;text-shadow:1px 1px 0 #fff}.game-header .subtitle{font-size:1rem;color:#8e99a4;margin:.25rem 0 0}.stats-bar{display:flex;gap:1.5rem;font-size:1rem;font-weight:600;color:#546e7a;background:#ffffffb3;padding:.5rem 1.5rem;border-radius:2rem;box-shadow:0 2px 8px #0000000f}.stats-bar span{display:flex;align-items:center;gap:.35rem}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;max-width:26rem;width:100%;perspective:800px}.card-slot{aspect-ratio:1;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .4s ease;border:none;background:none;padding:0;outline:none}.card-slot.flipped,.card-slot.matched{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1rem;display:grid;place-items:center;font-size:2.5rem;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 4px 12px #0000001a;transition:box-shadow .2s}.card-front{background:linear-gradient(135deg,#fff,#f5f5f5);border:3px solid #e0e0e0;transform:rotateY(180deg)}.card-back{background:linear-gradient(135deg,#f48fb1,#ce93d8,#90caf9);border:3px solid rgba(255,255,255,.5)}.card-back:after{content:"?";font-size:2rem;font-weight:700;color:#fffc}.card-slot:hover:not(.flipped):not(.matched){transform:scale(1.06)}.card-slot:hover:not(.flipped):not(.matched) .card-back{box-shadow:0 6px 20px #f48fb166}.card-slot.matched .card-front{border-color:#81c784;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);box-shadow:0 4px 16px #81c7844d}.btn-row{display:flex;gap:.75rem}.btn{padding:.6rem 1.5rem;border:none;border-radius:2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 3px 10px #0000001a}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 16px #00000026}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#e91e63,#f06292);color:#fff}.btn-secondary{background:#fff;color:#546e7a;border:2px solid #e0e0e0}.win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;animation:fadeIn .4s ease}.win-card{text-align:center;background:#fff;padding:2.5rem 3rem;border-radius:1.5rem;box-shadow:0 12px 40px #0000001f;animation:popIn .4s ease .15s both}.win-card h2{font-size:1.75rem;margin:0 0 .5rem;color:#e91e63}.win-card p{margin:0 0 1.25rem;color:#78909c;font-size:1.05rem}.win-animals{font-size:2.5rem;margin-bottom:1rem;letter-spacing:.25rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}