#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.custom-border{border-width:4px;border-style:solid;border-image:linear-gradient(to right,#10b981,#3b82f6) 1}@keyframes win-animation{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.win-animation{animation:win-animation .5s ease-in-out}.matched-card{animation:pulse .6s;box-shadow:0 0 15px #3b82f6cc}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.card:hover .card-front{box-shadow:0 0 10px #ffffff80}.game-completed{transition:all .3s ease}.game-completed h2{animation:win-animation 1s ease-in-out}.perspective{perspective:1000px;cursor:pointer;transition:transform .2s}.perspective:hover{transform:translateY(-5px)}.card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);padding:0}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:0 4px 8px #0003}.card-front{background-size:cover;background-position:center;transform:rotateY(0)}@media (max-width: 768px){#root{padding:1rem}.card-back{font-size:1.5rem!important}}@media (max-width: 480px){#root{padding:.5rem}h1{font-size:2rem!important}.card-back{font-size:1.2rem!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.neon-text{color:#ff69b4;text-shadow:0 0 5px #ff69b4,0 0 10px #ff69b4,0 0 15px #ff69b4,0 0 20px #ff1493,0 0 35px #ff1493,0 0 40px #ff1493;animation:neon-pulse 2s infinite alternate}@keyframes neon-pulse{0%{text-shadow:0 0 5px #ff69b4,0 0 10px #ff69b4,0 0 15px #ff69b4,0 0 20px #ff1493,0 0 35px #ff1493,0 0 40px #ff1493}to{text-shadow:0 0 5px #ff69b4,0 0 15px #ff69b4,0 0 25px #ff69b4,0 0 30px #ff1493,0 0 45px #ff1493,0 0 60px #ff1493}}button{position:relative;overflow:hidden;z-index:1}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s;z-index:-1}button:hover:before{left:100%}@media (max-width: 768px){#root{padding:1rem}.neon-text{font-size:3.5rem}}@media (max-width: 480px){#root{padding:.5rem}.neon-text{font-size:2.5rem}}@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 221.2 83.2% 53.3%;--radius: .5rem}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 217.2 91.2% 59.8%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 224.3 76.3% 48%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;}}.board-cell{cursor:pointer;transition:all .2s ease-in-out}.board-cell:hover{cursor:crosshair}.board-cell:active{cursor:grabbing;transform:scale(.95)}.board-cell:disabled{cursor:not-allowed}.custom-cursor{position:fixed;width:24px;height:24px;border-radius:50%;background-color:#fff;mix-blend-mode:difference;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s,height .2s,transform .1s}.custom-cursor.hover{width:40px;height:40px}.custom-cursor.clicking{transform:translate(-50%,-50%) scale(.9)}.cursor-none{cursor:none}.perspective{perspective:1000px;height:150px}.card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;border-radius:8px;box-shadow:0 4px 8px #0000004d}.card.flipped{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px}.card-back{transform:rotateY(180deg)}