*{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth}body{font-size:1.6rem;font-family:Inter,sans-serif;color:#0a0a0a}body{display:flex;flex-direction:column;justify-content:center;align-items:center}h1{font-size:3.2rem;font-weight:700;text-align:center;margin:2rem 0}h2{font-size:2.4rem;font-weight:400;text-align:center;margin:2rem 0}.game-container{width:100%;max-width:600px;margin:0 auto;max-height:100vh}.game-status{width:100%;padding:2rem 1rem}.game-controls{display:flex;justify-content:center;gap:1rem}.game-btn{border:2px solid;padding:.75rem 1.5rem;border-radius:5px;font-size:1.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;background-color:#fff}.game-btn:hover{transform:translateY(-2px)}.game-btn:active{transform:translateY(0)}.board{width:600px;height:600px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border:3px solid #0a0a0a}.square{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.square.valid-move{position:relative;cursor:pointer}.square.valid-move:after{content:"";position:absolute;width:35%;height:35%;border-radius:999px;background-color:#000;opacity:30%;pointer-events:none}.tower{width:80%;height:80%;display:flex;align-items:center;justify-content:center;font-size:3.2rem;font-weight:600;border-radius:999px;cursor:default;-webkit-user-select:none;user-select:none;transition:all .3s ease}.tower.player-1{background-color:#000}.tower.player-2{background-color:#fff}.tower.selected{transform:scale(1.1)}