*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--card: 112px;--gap: 10px;--gpad: 18px}body{min-height:100vh;background:#fff5ec;display:flex;align-items:center;justify-content:center;font-family:PingFang SC,Noto Sans SC,Segoe UI,sans-serif;color:#3e2010;-webkit-user-select:none;user-select:none}.app{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 20px}header{text-align:center}.title{font-size:2.1rem;font-weight:900;color:#d96c38;letter-spacing:4px}.subtitle{margin-top:4px;font-size:.72rem;color:#b08060;letter-spacing:.5px}.hud{display:flex;align-items:center;background:#fff;border:1.5px solid #EDD5C0;border-radius:18px;padding:8px 0;box-shadow:0 2px 10px #3e20100f}.hud-block{display:flex;flex-direction:column;align-items:center;padding:2px 16px;gap:1px}.hud-divider{width:1px;height:28px;background:#edd5c0}.hud-label{font-size:.6rem;color:#b89a80;text-transform:uppercase;letter-spacing:.8px}.hud-val{font-size:1rem;font-weight:700;line-height:1.1;color:#3e2010}.round-val{color:#c86530;font-size:1.2rem}.score-val{color:#d96c38;font-size:1.3rem}.lives-rows{display:flex;flex-direction:column;gap:2px;line-height:1}.lives-row{font-size:.78rem;letter-spacing:.5px}.hi-val{color:#a07858}.score-block{position:relative;overflow:visible}.score-popup{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:.82rem;font-weight:800;color:#d96c38;pointer-events:none;white-space:nowrap;animation:scoreFloat .9s ease-out forwards}@keyframes scoreFloat{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-36px);opacity:0}}.grid{display:grid;grid-template-columns:repeat(4,var(--card));grid-template-rows:repeat(4,var(--card));gap:var(--gap);padding:var(--gpad);background:#fff;border:1.5px solid #EDD5C0;border-radius:24px;box-shadow:0 4px 20px #3e201012}.card-wrap{width:var(--card);height:var(--card);aspect-ratio:1 / 1;touch-action:manipulation;perspective:700px;cursor:pointer;border-radius:14px;transition:transform .15s ease}.card-wrap:not(.is-matched):hover{transform:translateY(-3px)}.card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.4,0,.2,1);border-radius:14px}.card.show-front{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-back{background:#fdeadf;border:1.5px solid #ECC8B0}.card-front{transform:rotateY(180deg);background:#fff;border:2px solid #EDD5C0;display:flex;flex-direction:column;align-items:stretch}.card-front img{flex:1;min-height:0;width:100%;object-fit:cover;display:block}.cat-label{flex-shrink:0;height:20px;display:flex;align-items:center;justify-content:center;font-size:.58rem;color:#a07858;font-weight:700;letter-spacing:.8px}.card-wrap.is-matched .card{box-shadow:0 0 14px #d96c3859}.card-wrap.is-matched .card-front{border-color:#e8a070}.card-wrap.is-peeking .card{animation:peekGlow 1.8s ease forwards}@keyframes peekGlow{0%{box-shadow:0 0 #6eb96e00}25%{box-shadow:0 0 18px #6eb96eb3}to{box-shadow:0 0 7px #6eb96e40}}.card-wrap.pop{animation:cardPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes cardPop{0%{transform:scale(1)}45%{transform:scale(1.14)}70%{transform:scale(.95)}to{transform:scale(1)}}.card-wrap.shake{animation:cardShake .48s ease}@keyframes cardShake{0%,to{transform:translate(0)}14%{transform:translate(-7px)}30%{transform:translate(6px)}46%{transform:translate(-4px)}62%{transform:translate(3px)}78%{transform:translate(-2px)}92%{transform:translate(1px)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:200}.clear-overlay{background:#fff5ece0;animation:fadeIn .2s ease}.clear-panel{text-align:center;animation:clearBurst .4s cubic-bezier(.34,1.56,.64,1)}.clear-title{font-size:2.5rem;font-weight:900;color:#d96c38;letter-spacing:2px}.clear-bonus{margin-top:8px;font-size:1.4rem;font-weight:700;color:#c86530}@keyframes clearBurst{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.gameover-overlay{background:#fff5eceb;animation:fadeIn .3s ease}.gameover-panel{background:#fff;border:1.5px solid #EDD5C0;border-radius:26px;padding:40px 56px;display:flex;flex-direction:column;align-items:center;gap:14px;animation:slideUp .38s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #3e20101a}.gameover-title{font-size:2rem;font-weight:900;color:#d96c38;letter-spacing:2px}.new-record{font-size:.95rem;font-weight:700;color:#c86530}.score-row{display:flex;align-items:baseline;gap:10px;font-size:.9rem;color:#a07858}.final-score{font-size:2.4rem;color:#d96c38;font-weight:900;line-height:1}.score-row strong{font-size:1.1rem;color:#3e2010}.restart-btn{margin-top:8px;padding:12px 38px;background:#d96c38;color:#fff;border:none;border-radius:999px;font-size:1rem;font-weight:800;letter-spacing:1px;cursor:pointer;box-shadow:0 3px 12px #d96c3852;transition:transform .15s,background .15s,box-shadow .15s}.restart-btn:hover{background:#c05a28;transform:translateY(-2px);box-shadow:0 6px 20px #d96c386b}.restart-btn:active{transform:translateY(1px);box-shadow:0 2px 6px #d96c3840}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 540px){:root{--gap: 8px;--gpad: 12px;--card: min(112px, calc((100vw - 76px)/4) )}body{align-items:flex-start}.app{padding:14px 14px 24px;gap:12px}.title{font-size:1.65rem;letter-spacing:3px}.subtitle{font-size:.65rem}.hud{border-radius:14px}.hud-block{padding:2px 9px}.hud-label{font-size:.52rem}.hud-val{font-size:.88rem}.round-val{font-size:1rem}.score-val{font-size:1.05rem}.lives-row{font-size:.68rem}.hi-val{font-size:.82rem}.grid{border-radius:18px}.card-wrap:not(.is-matched):hover{transform:none}.cat-label{height:18px;font-size:.52rem}.clear-title{font-size:2rem}.clear-bonus{font-size:1.2rem}.gameover-panel{padding:30px 28px;border-radius:20px;gap:12px}.gameover-title{font-size:1.7rem}.final-score{font-size:2rem}.restart-btn{padding:11px 32px;font-size:.95rem}}