@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";:root{color-scheme:light;--bg-gradient: radial-gradient(circle at 10% 20%, #b3e5fc 0%, #5fa8f7 45%, #2f80ed 100%);--bg-accent: radial-gradient(circle at 85% 15%, rgba(255, 255, 255, .45), transparent 55%);--surface: rgba(255, 255, 255, .82);--surface-strong: rgba(255, 255, 255, .92);--surface-card: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--accent: #2f80ed;--accent-strong: #1c64d1;--accent-soft: rgba(47, 128, 237, .16);--shadow-strong: 0 28px 70px rgba(37, 56, 88, .18);--shadow-soft: 0 16px 36px rgba(37, 56, 88, .12);--card-shadow: 0 10px 24px rgba(37, 56, 88, .18);--card-front-bg: rgba(255, 255, 255, .85);--card-back-bg: #ffffff;--success: #0ea5e9;--border-subtle: rgba(15, 23, 42, .08)}:root[data-theme=dark]{color-scheme:dark;--bg-gradient: radial-gradient(circle at 10% 20%, #0f172a 0%, #1f2937 55%, #0b1120 100%);--bg-accent: radial-gradient(circle at 80% 15%, rgba(255, 255, 255, .08), transparent 60%);--surface: rgba(13, 23, 42, .7);--surface-strong: rgba(13, 23, 42, .82);--surface-card: rgba(17, 25, 40, .85);--text-primary: #f8fafc;--text-secondary: #cbd5f5;--accent: #60a5fa;--accent-strong: #3b82f6;--accent-soft: rgba(96, 165, 250, .18);--shadow-strong: 0 35px 80px rgba(2, 6, 23, .65);--shadow-soft: 0 24px 40px rgba(2, 6, 23, .45);--card-shadow: 0 14px 28px rgba(2, 6, 23, .55);--card-front-bg: rgba(255, 255, 255, .05);--card-back-bg: rgba(15, 23, 42, .95);--success: #34d399;--border-subtle: rgba(148, 163, 184, .18)}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:clamp(1.25rem,2.8vw,2.5rem);margin:0;font-family:Poppins,sans-serif;background:var(--bg-gradient);color:var(--text-primary);position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:0;inset:auto}body:before{width:min(950px,140vw);height:min(950px,140vw);top:-40vh;left:-25vw;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);filter:blur(120px)}body:after{width:min(720px,100vw);height:min(720px,100vw);bottom:-45vh;right:-25vw;background:var(--bg-accent);filter:blur(140px)}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;gap:2rem;padding:1rem 0}.app{position:relative;width:min(560px,100%);background:var(--surface);padding:clamp(1.5rem,2.4vw,2.25rem);border-radius:24px;box-shadow:var(--shadow-strong);display:flex;flex-direction:column;gap:clamp(1.25rem,2.4vw,1.75rem);z-index:1;border:1px solid var(--border-subtle)}@supports (backdrop-filter: blur(12px)){.app{-webkit-backdrop-filter:blur(22px) saturate(120%);backdrop-filter:blur(22px) saturate(120%)}}.app:before{content:"";position:absolute;inset:10% 12% auto auto;width:140px;height:140px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.25),transparent 70%);filter:blur(40px);opacity:.9;z-index:-1}.app-footer{margin-top:auto;padding:1.5rem 0;text-align:center;color:var(--text-secondary);width:100%;max-width:560px}.footer-content{display:flex;flex-direction:column;gap:1rem;align-items:center}.footer-text{font-size:.9rem;font-weight:500;margin:0}.footer-links{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;justify-content:center}.footer-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);text-decoration:none;font-size:.85rem;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease;background:var(--surface);border:1px solid var(--border-subtle)}.footer-link:hover,.footer-link:focus-visible{background:var(--accent-soft);transform:translateY(-2px);box-shadow:var(--shadow-soft);color:var(--accent-strong);text-decoration:none}.footer-link .material-icons{font-size:1.1rem}.app__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.app__title{font-size:clamp(1.65rem,3.5vw,2.2rem);font-weight:700;letter-spacing:-.02em}.app__actions{display:flex;gap:.65rem;align-items:center}button{font:inherit}.reset-button,.theme-toggle{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.4rem;border:none;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.theme-toggle{width:2.75rem;height:2.75rem;padding:0;justify-content:center;background:var(--surface-strong);color:var(--accent);box-shadow:var(--shadow-soft)}.reset-button .material-icons{font-size:1.35rem}.theme-toggle .material-icons{font-size:1.45rem}.reset-button:hover,.reset-button:focus-visible{background:var(--accent-strong);box-shadow:0 14px 30px var(--accent-soft)}.theme-toggle:hover,.theme-toggle:focus-visible{transform:translateY(-1px);box-shadow:0 16px 30px var(--accent-soft)}.reset-button:active,.theme-toggle:active{transform:translateY(0);box-shadow:none}.reset-button:focus-visible,.theme-toggle:focus-visible{outline:none}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.85rem}.metric{background:var(--surface-strong);border-radius:18px;padding:.9rem 1.1rem;box-shadow:var(--shadow-soft);text-align:center;border:1px solid var(--border-subtle);transition:transform .18s ease}.metric:hover{transform:translateY(-4px)}.metric__label{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.metric__value{font-size:1.45rem;font-weight:700;color:var(--text-primary);margin-top:.35rem}.status-message{font-size:1rem;text-align:center;min-height:1.5rem;color:var(--text-secondary)}.progress{position:relative;height:12px;border-radius:999px;background:#ffffff26;overflow:hidden;border:1px solid var(--border-subtle)}.progress__bar{position:absolute;inset:0;width:0;border-radius:inherit;background:linear-gradient(135deg,var(--accent) 0%,var(--success) 100%);box-shadow:0 6px 18px #0f223a33;transition:width .4s ease}.progress__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.cards{display:grid;grid-template-columns:repeat(var(--grid-columns, 4),minmax(0,1fr));gap:clamp(.75rem,2vw,1rem);list-style:none;padding:0;margin:0}.card{aspect-ratio:1 / 1;perspective:1000px}.card-button{width:100%;height:100%;position:relative;border:none;padding:0;cursor:pointer;background:transparent;transform-style:preserve-3d;border-radius:18px;transition:transform .25s ease,box-shadow .25s ease}.card-button:focus-visible{outline:3px solid rgba(0,198,255,.55);outline-offset:4px}.card-button[disabled]{cursor:default}.card-button.flip .back-view{transform:rotateY(0)}.card-button.flip .front-view{transform:rotateY(180deg)}.card-button.shake{animation:shake .45s ease-in-out}.card-button.matched .back-view{box-shadow:0 16px 28px #0ea5e959;background:linear-gradient(135deg,#0ea5e933,#0ea5e900)}.view{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:18px;background:var(--card-front-bg);backface-visibility:hidden;transition:transform .45s ease,box-shadow .3s ease,background .3s ease;box-shadow:var(--card-shadow)}.front-view{background:var(--card-front-bg)}.front-view span{color:var(--accent);font-size:clamp(1.8rem,4.5vw,2.6rem);font-weight:600;text-shadow:0 4px 12px rgba(0,0,0,.25)}.back-view{transform:rotateY(-180deg);background:var(--card-back-bg);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(.65rem,2vw,1rem)}.back-view img{width:100%;height:100%;object-fit:contain}.back-view .card-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1.85rem,4vw,2.6rem);font-weight:700;color:var(--accent);opacity:0;transition:opacity .18s ease}.back-view .card-label.is-visible{opacity:1}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-12px)}40%{transform:translate(12px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@media(max-width:640px){.app{padding:1.6rem;gap:1.35rem}.metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.footer-links{gap:1rem}.footer-link{padding:.4rem .8rem;font-size:.8rem}}@media(max-width:540px){.app__header{flex-direction:column;align-items:stretch}.app__actions{width:100%;justify-content:space-between}.reset-button{flex:1;justify-content:center}.cards{gap:.65rem}.footer-content{gap:.75rem}.footer-links{flex-direction:column;gap:.5rem}}@media(max-width:400px){.cards{gap:.55rem}.app{padding:1.4rem}.app-container{gap:1.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}