.game-container{flex-direction:column;gap:2.4rem;width:100%;max-width:800px;margin:0 auto;display:flex}.game-header{align-items:center;gap:1.6rem;width:100%;display:flex}.stat-box{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:0 0 20px #a855f70d, var(--shadow-sm);flex-direction:column;flex:1;align-items:center;padding:1.2rem 2rem;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:1.2rem;font-weight:600}.stat-value{font-size:2.4rem;font-family:var(--font-display);color:var(--text-primary);font-weight:700}.game-layout-frame{border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-color);width:100%;padding:3rem;box-shadow:0 10px 40px #0000000d}.grid-wrapper{position:relative}.memory-grid{perspective:1000px;grid-template-columns:repeat(4,1fr);gap:1.6rem;display:grid}.card{aspect-ratio:3/4;cursor:pointer;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);position:relative}.card.flipped{transform:rotateY(180deg)}.card.matched{transform:rotateY(180deg)scale(.95)}.card.found{pointer-events:none;transform:rotateY(0)scale(.95)}.card-face{backface-visibility:hidden;border-radius:var(--radius-lg);border:1px solid var(--border-color);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;box-shadow:0 4px 15px #0000000d}.card-back{background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card-hover) 100%);color:var(--text-muted);opacity:.7;font-size:3rem;transition:box-shadow .2s,border-color .2s}.card-back:after{content:"";border:2px dashed var(--border-color);border-radius:calc(var(--radius-lg) - 4px);opacity:.5;position:absolute;inset:4px}.card:hover .card-back{border-color:var(--accent-purple);color:var(--accent-purple);box-shadow:0 0 20px #a855f71a}.card-front{background:var(--bg-card-hover);color:var(--accent-cyan);border-color:var(--accent-cyan);font-size:4rem;transform:rotateY(180deg);box-shadow:inset 0 0 20px #22d3ee0d}.card.matched .card-front{animation:1.5s ease-out pulse-match;border-color:var(--cat-developer)!important;color:var(--cat-developer)!important;background-color:#3ddc9726!important;box-shadow:0 0 30px #3ddc9799,inset 0 0 20px #3ddc974d!important}.animated-check{z-index:10;width:6rem;height:6rem;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.animated-check .check-circle{stroke:#3ddc97;stroke-width:3px;stroke-dasharray:160;stroke-dashoffset:160px;fill:#0000;filter:drop-shadow(0 0 8px #3ddc9780)}.animated-check .check-path{stroke:#3ddc97;stroke-width:4px;stroke-dasharray:48;stroke-dashoffset:48px;stroke-linecap:round;stroke-linejoin:round;fill:none;filter:drop-shadow(0 0 8px #3ddc97cc)}.card.found .animated-check{display:block}.card.found .animated-check .check-circle{animation:.6s cubic-bezier(.65,0,.45,1) forwards draw-circle}.card.found .animated-check .check-path{animation:.4s cubic-bezier(.65,0,.45,1) .4s forwards draw-check}@keyframes draw-circle{to{stroke-dashoffset:0;fill:#3ddc971a}}@keyframes draw-check{to{stroke-dashoffset:0}}.card.found .ph-brain{opacity:.1;transition:opacity .3s}.particle{background:var(--cat-developer);pointer-events:none;opacity:0;border-radius:50%;width:8px;height:8px;position:absolute}@keyframes pop-in-center{0%{transform:translate(-50%,-50%)scale(0)}to{transform:translate(-50%,-50%)scale(1)}}.mega-particle{pointer-events:none;z-index:999;border-radius:2px;width:10px;height:10px;position:absolute}@keyframes pulse-match{0%{box-shadow:0 0 40px #3ddc97cc,inset 0 0 30px #3ddc9780}to{box-shadow:0 0 30px #3ddc9799,inset 0 0 20px #3ddc974d}}.victory-screen{z-index:10;backdrop-filter:blur(12px);text-align:center;border:1px solid var(--cat-developer);border-radius:var(--radius-xl);background:#0a0c10d9;flex-direction:column;justify-content:center;align-items:center;animation:2s infinite alternate victory-glow;display:flex;position:absolute;inset:-1rem;box-shadow:0 0 100px #3ddc974d,inset 0 0 50px #3ddc9733}@keyframes victory-glow{0%{box-shadow:0 0 80px #3ddc9733,inset 0 0 30px #3ddc971a}to{box-shadow:0 0 120px #3ddc9780,inset 0 0 60px #3ddc974d}}.victory-screen h2{background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:4rem}@media (width<=600px){.memory-grid{gap:1rem}.game-header{flex-wrap:wrap}.stat-box{padding:.8rem 1rem}.stat-value{font-size:2rem}.card-front{font-size:3rem}}