*,:before,:after{box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,sans-serif}body{background:linear-gradient(160deg,#fdf4ff 0%,#eff6ff 50%,#f0fdf4 100%);min-height:100svh;margin:0}#root{min-height:100svh}.card-wrapper,.card-placeholder{aspect-ratio:3/4;width:100%}.card{perspective:800px;cursor:pointer;width:100%;height:100%}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1);position:relative}.card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;border:3px solid #fff9;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;box-shadow:0 4px 12px #00000026}.card-front{background:linear-gradient(135deg,#fffbe6,#fff0f6);transform:rotateY(180deg)}.card-back{background:linear-gradient(135deg,#a78bfa,#818cf8)}.card-emoji{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 4px #0000001a);font-size:clamp(2.5rem,8vw,4.5rem)}.card-back-icon{opacity:.7;-webkit-user-select:none;user-select:none;font-size:clamp(2rem,6vw,3.5rem)}.card:hover:not(.flipped) .card-inner{transform:rotateY(15deg)scale(1.04)}.card:active .card-inner{transform:rotateY(180deg)scale(.96)}.card.flipped:hover .card-inner{transform:rotateY(180deg)scale(1.02)}.game-board{grid-template-columns:repeat(var(--cols), 1fr);gap:clamp(10px,2.5vw,20px);width:100%;max-width:560px;margin:0 auto;display:grid}.win-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confetti-container{pointer-events:none;z-index:99;position:fixed;inset:0;overflow:hidden}.confetti-piece{font-size:clamp(1.5rem,4vw,2.5rem);position:absolute;top:0}.win-card{text-align:center;z-index:101;background:linear-gradient(135deg,#fff7ed,#fdf4ff);border:3px solid #fffc;border-radius:28px;padding:clamp(2rem,6vw,3.5rem) clamp(2.5rem,8vw,5rem);box-shadow:0 20px 60px #00000040}.win-emoji{margin-bottom:.5rem;font-size:clamp(3rem,10vw,5rem)}.win-title{background:linear-gradient(135deg,#f59e0b,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-size:clamp(2rem,7vw,3.5rem);font-weight:800}.win-subtitle{color:#6b7280;margin:0 0 2rem;font-size:clamp(1rem,3vw,1.4rem)}.play-again-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#818cf8,#a78bfa);border:none;border-radius:50px;padding:.85em 2.5em;font-family:inherit;font-size:clamp(1rem,3vw,1.3rem);font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 15px #818cf880}.play-again-btn:hover{transform:scale(1.06);box-shadow:0 6px 20px #818cf899}.play-again-btn:active{transform:scale(.97)}.app{box-sizing:border-box;flex-direction:column;align-items:center;gap:1.5rem;min-height:100svh;padding:clamp(1rem,3vw,2rem) clamp(1rem,4vw,2rem);display:flex}.app-header{text-align:center}.app-title{background:linear-gradient(135deg,#f59e0b,#ec4899,#818cf8);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.8rem,6vw,3rem);font-weight:800}.app-main{flex:1;justify-content:center;align-items:center;width:100%;display:flex}