*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{color:#f1f5f9;background:#0f172a;flex-direction:column;align-items:center;width:100%;min-height:100%;font-family:Segoe UI,system-ui,sans-serif;display:flex}#home-btn{z-index:200;color:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;text-decoration:none;transition:background .2s,color .2s;display:flex;position:fixed;top:14px;left:14px}#home-btn:hover{color:#fff;background:#ffffff2e}#home-btn svg{flex-shrink:0;width:15px;height:15px}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:600px;padding:70px 20px 16px;display:flex}h1{background:linear-gradient(135deg,#a78bfa,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.stats{gap:16px;display:flex}.stat{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;min-width:64px;padding:6px 14px}.stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.stat-value{color:#e2e8f0;font-size:1.2rem;font-weight:700}#difficulty{gap:8px;margin-bottom:16px;display:flex}.diff-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;padding:7px 18px;font-size:13px;font-weight:600;transition:all .2s}.diff-btn:hover{color:#e2e8f0;background:#ffffff1f}.diff-btn.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#0ea5e9);border-color:#0000;box-shadow:0 0 14px #7c3aed66}#grid{gap:10px;width:100%;max-width:560px;padding:0 12px 32px;display:grid}.card{aspect-ratio:1;perspective:600px;cursor:pointer}.card-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:12px;transition:transform .38s cubic-bezier(.4,0,.2,1);position:relative}.card.flipped .card-inner,.card.matched .card-inner{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border-radius:12px;justify-content:center;align-items:center;font-size:clamp(1.4rem,5vw,2.2rem);display:flex;position:absolute;inset:0}.card-back{background:linear-gradient(135deg,#1e1b4b,#312e81);border:1px solid #8b5cf64d;box-shadow:inset 0 0 18px #8b5cf614}.card-back:after{content:"";background:repeating-linear-gradient(45deg,#0000,#0000 4px,#8b5cf60d 4px 5px);border:1px solid #8b5cf633;border-radius:7px;position:absolute;inset:6px}.card-front{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #ffffff1a;padding:8%;font-size:clamp(1.6rem,6vw,2.6rem);transform:rotateY(180deg)}.card-img{object-fit:contain;border-radius:6px;width:100%;height:100%;display:block}.card-front[data-fallback="1"]{background:linear-gradient(135deg,#1e3a5f,#0f172a)}.card-front[data-fallback="1"]:after{content:"?";color:#ffffff4d;font-size:clamp(1.6rem,6vw,2.6rem)}.card.matched .card-front{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#34d39966;animation:.4s forwards matchPop;box-shadow:0 0 16px #34d39940}@keyframes matchPop{0%{transform:rotateY(180deg)scale(1)}40%{transform:rotateY(180deg)scale(1.12)}to{transform:rotateY(180deg)scale(1)}}#win-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#000000bf;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#win-overlay.show{display:flex}.win-box{text-align:center;background:linear-gradient(135deg,#1e1b4b,#0f172a);border:1px solid #8b5cf666;border-radius:20px;width:90%;max-width:320px;padding:36px 40px;animation:.35s cubic-bezier(.4,0,.2,1) popIn;box-shadow:0 0 60px #7c3aed4d}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.win-emoji{margin-bottom:12px;font-size:3.5rem}.win-title{color:#a78bfa;margin-bottom:8px;font-size:1.8rem;font-weight:800}.win-stats{color:#94a3b8;margin-bottom:24px;font-size:.95rem;line-height:1.7}.win-stats strong{color:#e2e8f0}.btn-play-again{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#0ea5e9);border:none;border-radius:12px;padding:12px 28px;font-size:1rem;font-weight:700;transition:opacity .2s,transform .1s}.btn-play-again:active{transform:scale(.96)}.btn-play-again:hover{opacity:.9}#timer-bar-wrap{width:100%;max-width:560px;padding:0 12px 10px}#timer-bar-bg{background:#ffffff14;border-radius:4px;height:4px;overflow:hidden}#timer-bar{background:linear-gradient(90deg,#7c3aed,#38bdf8);border-radius:4px;width:100%;height:100%;transition:width 1s linear,background .5s}