:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa}.game{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;gap:1.25rem}h1{font-size:2rem;font-weight:700;letter-spacing:-.03em}.stats{display:flex;align-items:center;gap:1.5rem;font-size:1rem;color:#ffffffb3}.btn{background:#ffffff14;color:#fafafa;border:1px solid rgba(255,255,255,.15);padding:.45rem 1rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:background .15s}.btn:hover{background:#ffffff26}.banner{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:.75rem;background:#4ade801a;border:1px solid rgba(74,222,128,.25);color:#4ade80;font-size:1.1rem;font-weight:600;animation:pop .3s ease}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;max-width:26rem;width:100%}.tile{aspect-ratio:1;display:grid;place-items:center;font-size:2.25rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffff59;font-size:1.5rem;cursor:pointer;transition:transform .15s,background .15s,border-color .15s;-webkit-user-select:none;user-select:none}.tile:hover:not(:disabled){background:#ffffff14;border-color:#fff3}.tile.flipped{background:#ffffff0f;border-color:#fff3;color:#fafafa;font-size:2.25rem;transform:scale(1.04)}.tile.matched{background:#4ade8014;border-color:#4ade8040;cursor:default}@media(max-width:500px){.grid{grid-template-columns:repeat(4,1fr);gap:.5rem;max-width:100%}.tile{font-size:1.25rem}.tile.flipped{font-size:1.75rem}}