@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--primary-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--primary-color:#667eea;--primary-dark:#764ba2;--card-back-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--success-gradient:linear-gradient(135deg,#34d399 0%,#059669 100%);--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--bg-primary:#f9fafb;--bg-secondary:#fff;--bg-card:#fff;--border-light:#e5e7eb;--border-medium:#d1d5db;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--transition-flip:.5s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);color:var(--text-primary);height:100dvh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden}main{flex-direction:column;height:100dvh;padding:clamp(.5rem,2vw,1rem);display:flex}.game-container{flex-direction:column;flex:1;gap:clamp(.5rem,1.5vw,1rem);min-height:0;display:flex}.game-title{text-align:center;color:var(--text-primary);letter-spacing:-.02em;margin:0;padding:clamp(.25rem,1vw,.5rem) 0;font-size:clamp(1.25rem,3vw,2rem);font-weight:800}.game-header{background:var(--bg-secondary);box-shadow:var(--shadow-md);border-radius:clamp(.5rem,1.5vw,1rem);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(.5rem,1.5vw,1rem);padding:clamp(.5rem,1.5vw,1rem) clamp(.75rem,2vw,1.5rem);display:flex}.stats{gap:var(--space-xl);color:var(--text-secondary);letter-spacing:-.01em;flex-wrap:wrap;align-items:center;font-size:clamp(.95rem,2vw,1.125rem);font-weight:700;display:flex}.stats span{white-space:nowrap;align-items:center;gap:.25rem;display:flex}.restart-btn{padding:var(--space-md)var(--space-xl);background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);white-space:nowrap;border:none;font-size:clamp(.875rem,1.5vw,1rem);font-weight:600}.restart-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.restart-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.restart-btn:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.grid-container{perspective:1000px;flex:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(6,1fr);gap:clamp(.25rem,1vw,.75rem);width:100%;height:100%;display:grid}.card{cursor:pointer;width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--transition-flip);will-change:transform;position:relative}.card:hover:not(.flipped):not(.matched){transform:scale(1.05)translateY(-4px)}.card:active:not(.flipped):not(.matched){transform:scale(.98)}.card:focus-visible{outline:3px solid var(--primary-color);outline-offset:3px;border-radius:var(--radius-lg)}.card.flipped{cursor:default;pointer-events:none;transform:rotateY(180deg)}.card.matched{cursor:default;pointer-events:none;animation:.6s ease-out matchSuccess;transform:rotateY(180deg)}@keyframes matchSuccess{0%{transform:rotateY(180deg)scale(1)}50%{transform:rotateY(180deg)scale(1.1)}to{transform:rotateY(180deg)scale(1)}}.card-inner{width:100%;height:100%;transform-style:preserve-3d;position:absolute}.card-front,.card-back{backface-visibility:hidden;border-radius:var(--radius-lg);width:100%;height:100%;box-shadow:var(--shadow-lg);padding:var(--space-md);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.card-front{background:var(--card-back-gradient);overflow:hidden}.card-pattern{border-radius:var(--radius-lg);background-image:radial-gradient(#ffffff26 2px,#0000 2px);background-size:20px 20px;width:100%;height:100%}.card-back{background:var(--bg-card);border:3px solid var(--border-light);transform:rotateY(180deg)}.card-icon{color:var(--primary-color);margin-bottom:var(--space-sm);stroke-width:2px;width:clamp(2rem,6vw,3.5rem);height:clamp(2rem,6vw,3.5rem);transition:transform var(--transition-base)}.card:hover:not(.flipped):not(.matched) .card-icon{transform:scale(1.1)}.card-label{color:var(--text-secondary);text-align:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;width:100%;font-size:clamp(.7rem,1.8vw,1rem);font-weight:600;line-height:1.2}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-secondary);padding:var(--space-2xl);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-xl);width:100%;max-width:500px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal h2{background:var(--success-gradient);-webkit-text-fill-color:transparent;margin-bottom:var(--space-lg);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,2.5rem);font-weight:800}.modal p{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:clamp(1rem,3vw,1.25rem);line-height:1.6}.play-again-btn{padding:var(--space-lg)var(--space-2xl);background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-lg);border:none;width:100%;max-width:300px;font-size:clamp(1rem,2.5vw,1.125rem);font-weight:600}.play-again-btn:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.play-again-btn:active{box-shadow:var(--shadow-md);transform:translateY(0)}.modal input[type=text]{border-radius:var(--radius-md);border:2px solid var(--border-light);width:100%;transition:border-color var(--transition-base);outline:none;padding:.75rem;font-family:inherit;font-size:1rem}.modal input[type=text]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}@media (max-width:768px){.grid-container{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(3,1fr)}.game-header{flex-direction:column;align-items:stretch}.stats{justify-content:center}.restart-btn{width:100%}}