: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;padding:0}html,body,#root{min-height:100vh;background:#1a1033;color:#f0e6ff}.game{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;gap:1.5rem}.header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.header h1{font-size:2rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#f5a6ff,#7dd3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats{display:flex;gap:1.5rem;font-size:1rem}.stat{background:#ffffff12;padding:.35rem 1rem;border-radius:999px;font-weight:500}.btn{padding:.55rem 1.6rem;border:none;border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf673}.btn:active{transform:translateY(0)}.win-banner{font-size:1.25rem;font-weight:600;padding:.75rem 2rem;border-radius:1rem;background:linear-gradient(135deg,#a855f740,#6366f140);border:1px solid rgba(168,85,247,.4);animation:pop .4s ease}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;max-width:420px;width:100%}.card-slot{aspect-ratio:1;border:none;background:none;cursor:pointer;perspective:600px;padding:0}.card-slot:disabled{cursor:default}.card-inner{width:100%;height:100%;position:relative;transition:transform .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.card-slot.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:.85rem;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-front{background:linear-gradient(145deg,#3b2a6b,#2a1d50);border:2px solid rgba(168,85,247,.3);font-size:1.5rem;font-weight:700;color:#a855f799;transition:border-color .2s,box-shadow .2s}.card-slot:not(.flipped):not(:disabled) .card-front:hover{border-color:#a855f7b3;box-shadow:0 0 16px #a855f740}.card-back{background:linear-gradient(145deg,#4c2d8a,#372068);border:2px solid rgba(125,211,252,.4);font-size:2.2rem;transform:rotateY(180deg)}.card-slot.matched .card-back{border-color:#34d39999;box-shadow:0 0 14px #34d3994d;animation:matchPulse .45s ease}@keyframes matchPulse{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.12)}to{transform:rotateY(180deg) scale(1)}}@media(max-width:480px){.grid{gap:.5rem;max-width:320px}.card-back{font-size:1.6rem}.header h1{font-size:1.5rem}}