.title{text-align:center;color:#f60;text-shadow:2px 2px 6px #0003;justify-content:center;width:100%;margin-bottom:35px;font-size:42px;font-weight:700;display:flex}body{background:linear-gradient(-45deg,#eaf6ff,#dff7ff,#fff6cc,#ffe4f2) 0 0/400% 400%;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Arial,sans-serif;animation:18s infinite gradientMove;display:flex}#app{flex-direction:column;align-items:center;width:100%;display:flex}.game-board{grid-template-columns:repeat(4,140px);gap:15px;padding:20px;display:grid}.card{cursor:pointer;width:140px;height:140px;transform-style:preserve-3d;background:linear-gradient(135deg,#4a90e2,#87cefa);border-radius:15px;justify-content:center;align-items:center;transition:transform .5s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 6px 12px #0003}.card:hover{transform:scale(1.05)}.card img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .3s,transform .5s;transform:rotateY(180deg)}.card img.show{opacity:1;transform:rotateY(0)}.match-message{text-align:center;color:#333;z-index:1000;background:gold;border-radius:20px;padding:15px 30px;font-size:28px;font-weight:700;animation:1s pop;position:fixed;top:190px;left:50%;transform:translate(-50%);box-shadow:0 6px 12px #0000004d}@media (width<=768px){.title{text-align:center;margin-bottom:10px;font-size:32px}.game-container{flex-direction:column;align-items:center}.game-board{grid-template-columns:repeat(3,1fr);justify-items:center;gap:8px;width:100%}.card{width:75px;height:75px}.dirtdog{width:120px;height:auto}.logo{width:90px;height:auto}.speech-bubble{max-width:250px;font-size:18px}.match-message{width:85%;padding:15px;font-size:20px}}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.5)}50%{opacity:1;transform:translate(-50%)scale(1.2)}to{opacity:0;transform:translate(-50%)scale(1)}}.logo{width:120px;position:absolute;top:20px;right:20px}.game-container{flex-direction:column;align-items:center;display:flex}.dirtdog-area{justify-content:center;width:100%;margin-top:25px;display:flex;position:relative}.dirtdog{width:180px}.speech-bubble{color:#f60;opacity:0;background:#fff;border-radius:30px;padding:15px 25px;font-size:28px;font-weight:700;transition:all .4s;position:absolute;top:-40px;left:160px;transform:scale(.5);box-shadow:0 4px 12px #0003}.show-bubble{opacity:1;transform:scale(1)}.star{pointer-events:none;z-index:9999;font-size:32px;animation:1.2s forwards sparkle;position:fixed}@keyframes sparkle{0%{opacity:0;transform:scale(.2)rotate(0)}40%{opacity:1;transform:scale(1.4)rotate(180deg)}to{opacity:0;transform:scale(.5)rotate(360deg)}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (width<=768px){.title{text-align:center;margin-top:10px;margin-bottom:10px;font-size:28px}.logo{width:70px;top:10px;right:30px}.card{width:80px;height:80px}.dirtdog{width:90px}.speech-bubble{max-width:220px;font-size:16px;left:50%;transform:translate(-50%)}}