h1{margin-top:0;font-size:22px}h2{margin-top:0;font-size:20px}h3{margin-top:0;font-size:18px}h4{margin-top:0;font-size:16px}h5{margin-top:0;font-size:14px}h6{margin-top:0;font-size:12px}code{font-size:1.2em}ul{padding-inline-start:20px}*{box-sizing:border-box}body{font-family:sans-serif;margin:20px;padding:0}.square{background:#fff;border:1px solid #999;float:left;font-size:24px;font-weight:700;line-height:34px;height:34px;margin-right:-1px;margin-top:-1px;padding:0;text-align:center;width:34px}.board-row:after{clear:both;content:"";display:table}.board-grid{background:#fafafa;border:2px solid #ddd;border-radius:8px;overflow:hidden;padding:8px;box-sizing:border-box}.board-grid.X{box-shadow:0 0 10px 4px #7fffd4;border-color:#7fffd4}.board-grid.O{box-shadow:0 0 10px 4px #f0f;border-color:#f0f}.board-grid.selected{box-shadow:0 0 10px 4px orange;border-color:orange}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:400px;margin:0 auto}.status-bar{background-color:#f0f0f0;padding:10px 20px;border-radius:8px;text-align:center;margin:20px auto;max-width:300px;box-shadow:0 2px 4px #0000001a}.status-bar.x-turn{background-color:#e8fff8;border:2px solid aquamarine}.status-bar.o-turn{background-color:#fff0fb;border:2px solid fuchsia}.status-bar.game-over{background-color:gold;border:2px solid orange;font-weight:700}
