:root{font-family:Inter,PingFang SC,Microsoft Yahei,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#1a1f2c;background:#f7f9ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}#root{width:100%}.app{max-width:920px;margin:0 auto;padding:1.5rem 1rem 2rem;color:#1a1f2c}.app__header{display:grid;gap:.75rem;margin-bottom:1rem}.app__header h1{margin:0;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.1;color:#1e335f}.info-bar{display:flex;flex-wrap:wrap;gap:.75rem}.info-bar span{background:#eef3ff;border:1px solid #d8e4ff;border-radius:999px;padding:.35rem .8rem;font-weight:700;font-size:.95rem}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.memory-card{position:relative;border:none;border-radius:12px;aspect-ratio:1 / 1;transform-style:preserve-3d;transition:transform .22s ease;box-shadow:0 4px 16px #1a335f1f;cursor:pointer;padding:0;background:none}.memory-card.is-open{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;border-radius:12px;backface-visibility:hidden;text-align:center;padding:.6rem;font-weight:700}.card-face--back{background:linear-gradient(140deg,#2e4f95,#1d2f58);color:#fff;letter-spacing:.08em;font-size:clamp(1.1rem,2.6vw,1.5rem)}.card-face--front{transform:rotateY(180deg);background:#fff;border:1px solid #cfdaf2;color:#1b2b4f;font-size:clamp(.82rem,2.1vw,1rem);padding:0;overflow:hidden}.card-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.memory-card.is-matched .card-face--front{border-color:#ffc107;box-shadow:0 0 8px #ffc10766}.memory-card:disabled{cursor:default}.app__footer{margin-top:1rem;display:grid;gap:.75rem}.restart-btn{justify-self:start;border:none;border-radius:10px;background:#2e4f95;color:#fff;font-weight:700;padding:.6rem 1rem}.restart-btn:hover{background:#253f78}.status-message{margin:0;min-height:1.5rem;color:#31426a;font-weight:600}.status-message.is-win{color:#1f8a4c}@media(max-width:560px){.app{padding:1rem .75rem 1.5rem}.board{gap:.55rem}.info-bar span{font-size:.88rem}}.victory-modal-overlay,.leaderboard-overlay{position:fixed;inset:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.victory-modal,.leaderboard-container{background:#fff;padding:2rem;border-radius:16px;max-width:500px;width:90%;text-align:center;box-shadow:0 10px 40px #0003;animation:popIn .3s cubic-bezier(.18,.89,.32,1.28)}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.stats-summary{display:flex;justify-content:center;gap:1.5rem;margin:1.5rem 0;font-size:1.1rem}.score-form{display:flex;flex-direction:column;gap:1rem;text-align:left}.score-form input{padding:.8rem;font-size:1rem;border:1px solid #ccc;border-radius:8px}.modal-actions{display:flex;gap:1rem;margin-top:1rem}.modal-actions button{flex:1;padding:.8rem;font-weight:700;border-radius:8px;border:none;cursor:pointer;background:#2e4f95;color:#fff}.modal-actions button.secondary{background:#eef3ff;color:#2e4f95}.leaderboard-table{width:100%;margin:1rem 0;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{padding:.75rem;text-align:left;border-bottom:1px solid #f0f0f0}.leaderboard-table th{font-weight:600;color:#666}.leaderboard-actions{margin-top:1.5rem;display:flex;justify-content:center;gap:1rem}.leaderboard-actions button{padding:.6rem 1.2rem;border-radius:6px;background:#2e4f95;color:#fff;border:none;cursor:pointer}.leaderboard-actions button.secondary{background:#666}.icon-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.4rem;border-radius:4px}.icon-btn:hover{background:#0000000d}.header-top{display:flex;justify-content:space-between;align-items:center}