*{margin:0;padding:0;box-sizing:border-box}
body{background:#0f0f1a;color:#e0e0e0;font-family:'Segoe UI',system-ui,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;user-select:none}
.screen{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:500px;padding:20px}
.screen.active{display:flex}
h1{font-size:2.4em;margin-bottom:10px;background:linear-gradient(135deg,#ff6b9d,#c44dff,#6e8efb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.subtitle{color:#888;font-size:1.1em;margin-bottom:30px}
.btn{background:linear-gradient(135deg,#c44dff,#6e8efb);border:none;color:#fff;padding:16px 48px;font-size:1.2em;border-radius:50px;cursor:pointer;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:scale(1.05);box-shadow:0 0 30px rgba(196,77,255,.4)}
.stats{display:flex;gap:30px;margin-bottom:20px;font-size:1.1em}
.stats span{color:#aaa}
.stats strong{color:#c44dff}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:400px;perspective:800px}
.card{aspect-ratio:1;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,.0,.2,1)}
.card.flipped,.card.matched{transform:rotateY(180deg)}
.card-face{position:absolute;inset:0;border-radius:12px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;font-size:2.2em}
.card-back{background:linear-gradient(135deg,#2a1f4e,#1a2a5e);border:2px solid #3a2f6e;box-shadow:0 2px 12px rgba(0,0,0,.3)}
.card-back::after{content:'?';font-size:1.4em;color:#6e5ebf;opacity:.5}
.card-front{background:#1a1a2e;border:2px solid #444;transform:rotateY(180deg)}
.card.matched .card-front{border-color:#4ade80;background:#1a2e1a;box-shadow:0 0 15px rgba(74,222,128,.2)}
.card:not(.flipped):not(.matched):hover .card-back{border-color:#6e8efb;box-shadow:0 0 20px rgba(110,142,251,.3)}
#confetti{position:fixed;inset:0;pointer-events:none;z-index:99}
.win-score{font-size:1.3em;color:#aaa;margin:15px 0 25px}
.win-score strong{color:#4ade80}
.stars{font-size:2em;margin-bottom:10px}