:root{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}body{color:#f9fafb;background:radial-gradient(circle at top,#1f2937,#020617);justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}#root{padding:2rem}.app{background:#0f172af2;border:1px solid #94a3b866;border-radius:1.5rem;width:420px;max-width:100%;padding:1.75rem 1.75rem 2rem;box-shadow:0 40px 80px #0f172acc,0 0 0 1px #0f172ae6}.app-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.title{letter-spacing:.03em;margin:0;font-size:1.7rem;font-weight:700}.score{color:#a5f3fc;text-align:center;font-feature-settings:"tnum" 1;background:#0f766e33;border:1px solid #2dd4bf99;border-radius:999px;min-width:110px;padding:.4rem .9rem;font-size:.95rem;font-weight:600}.board{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.card{aspect-ratio:3/4;cursor:pointer;perspective:1000px;background:0 0;border:none;width:100%;padding:0;position:relative}.card:focus,.card:focus-visible{outline:none}.card:disabled{cursor:default}.card-inner{border:1px solid #94a3b880;border-radius:1rem;width:100%;height:100%;transition:box-shadow .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 14px 30px #0f172acc}.card:not(.card--flipped):hover .card-inner{border-color:#38bdf8cc;box-shadow:0 20px 40px #0f172ae6}.card--matched .card-inner{border-color:#22c55ee6}.card-face{border-radius:inherit;-webkit-user-select:none;user-select:none;opacity:1;justify-content:center;align-items:center;font-size:2.5rem;transition:opacity .25s;display:flex;position:absolute;inset:0}.card-face--front{color:#e5e7eb;opacity:1;background:radial-gradient(circle at 20% 0,#38bdf8,#0f172a);font-size:2.2rem;font-weight:700}.card-face--back{opacity:0;background:radial-gradient(circle at 80% 0,#22c55e,#0f172a);font-family:Segoe UI Emoji,Noto Color Emoji,Apple Color Emoji,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2.6rem;line-height:1}.card--flipped .card-face--front{opacity:0}.card--flipped .card-face--back{opacity:1}.card-emoji{justify-content:center;align-items:center;width:1.8em;display:flex}.controls{flex-direction:column;align-items:flex-start;gap:.75rem;min-height:3.2rem;display:flex}.reset-button{letter-spacing:.02em;cursor:pointer;color:#022c22;background:linear-gradient(135deg,#22c55e,#22d3ee);border:none;border-radius:999px;padding:.5rem 1.3rem;font-size:.95rem;font-weight:600;transition:transform .12s,box-shadow .12s,filter .15s;box-shadow:0 12px 24px #22d3ee73}.reset-button:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 16px 30px #22d3ee8c}.reset-button:active{transform:translateY(1px);box-shadow:0 8px 16px #22d3ee66}.message{color:#e5e7eb;white-space:normal;word-break:break-word;max-width:100%;margin:0;font-size:.95rem}.message--hidden{opacity:0;visibility:hidden}.message--visible{opacity:1;visibility:visible}@media (width<=600px){.app{padding:1.3rem 1.2rem 1.6rem}.title{font-size:1.4rem}.board{gap:.75rem}.card-face{font-size:2.1rem}}