html,body{margin:0;padding:0;background:#f4f1e8;color:#172033;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-text-size-adjust:100%}*{box-sizing:border-box}.wrap{width:100%}header{background:#172033;color:#fff;text-align:center;padding:28px 15px}header h1{margin:0;letter-spacing:2px;font-size:26px}header p{margin:7px 0 0;color:#cbd5e1}main{width:92%;max-width:760px;margin:0 auto;padding:28px 0}.card{display:block;background:#fff;border:1px solid #d7d2c7;border-radius:18px;padding:20px;margin-bottom:18px;text-decoration:none;color:#172033;overflow:hidden}.icon{float:left;width:105px;height:105px;margin-right:20px;border-radius:18px;background:#172033;color:#fff;text-align:center;font-size:31px;line-height:42px;padding-top:10px}.card h2{margin:8px 0 6px;font-size:28px}.card p{color:#667085;margin:0 0 12px}footer{text-align:center;color:#7b7f87;font-size:12px;padding:15px 10px 30px}nav{display:table;width:100%;background:#172033;color:#fff;padding:16px 18px}nav a,nav strong{display:table-cell;width:50%;color:#fff;text-decoration:none}nav strong{text-align:right;letter-spacing:1px}.game{text-align:center}.game h1{font-size:38px;margin:8px 0}.status{font-size:20px;font-weight:bold}.score{background:#fff;border:1px solid #d7d2c7;border-radius:13px;padding:12px;margin:12px auto 18px;max-width:520px}.ttt,.memory{max-width:520px;margin:0 auto;font-size:0}.cell,.mcard{display:inline-block;vertical-align:top;width:33.333%;height:0;padding-bottom:31.5%;position:relative;border:4px solid #f4f1e8;border-radius:14px;background:#fff;-webkit-appearance:none;appearance:none}.cell span,.mcard span{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);font-size:64px;font-weight:bold;text-align:center}.cell.win{background:#fde68a}.memory{max-width:620px}.mcard{width:25%;padding-bottom:24%;background:#1f2937;color:#fff}.mcard span{font-size:38px}.mcard.hidden span{color:transparent}.mcard.hidden span:after{content:"?";color:#fff}.mcard.matched{background:#d1fae5;color:#065f46}.buttons{margin-top:20px}.buttons button{font-size:16px;font-weight:bold;border:1px solid #172033;border-radius:999px;background:#172033;color:#fff;padding:12px 18px;margin:5px;-webkit-appearance:none}@media(max-width:560px){.icon{float:none;margin:0 auto 14px}.card{text-align:center}.cell span{font-size:50px}.mcard span{font-size:30px}}