*{box-sizing:border-box;margin:0;padding:0}#root{display:flex;flex-direction:column;justify-content:start}body{display:flex;min-height:100vh;margin:0 20%;justify-content:center;background:linear-gradient(135deg,#d3d3d3,#a18282)}.app{display:flex;flex-direction:column;flex:1;justify-content:center}.gameboard{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}.gameboard>div{cursor:pointer;border-radius:5px;box-shadow:0 0 10px #d3d3d3;padding:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#d3d3d3;font-weight:700}.gameboard img{width:100px;height:100px}.spinner{width:50px;height:50px;border:6px solid #ccc;border-top:6px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:50px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.gameboard>div img{max-width:50px;max-height:50px}.gameboard>div{width:60px;overflow:hidden}h2{font-size:15px}p{font-size:12px}.gameboard p{font-size:10px}.app{gap:10px}.scoreboard,.gameboard{gap:3px}}.scoreboard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center;background-color:#f5f5f5;padding:20px 30px;border-radius:10px;box-shadow:0 4px 12px #00000026;max-width:400px;margin:0 auto 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.scoreboard .explain{font-style:italic;color:#555;font-size:14px;line-height:1.4}.scoreboard h2{margin:5px 0;font-size:18px;color:#222;font-weight:600}