*{margin:0;padding:0;box-sizing:border-box}body{background:#0f1419;color:#fff;font-family:system-ui}#app{padding:10px;max-width:640px;margin:0 auto}.grid{display:flex;flex-wrap:wrap;gap:6px}.btn{background:#182433;border:1px solid #3a4d63;color:#fff;padding:8px 10px;border-radius:8px;cursor:pointer}.bar{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.board{width:min(95vw,560px);aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border:4px solid #000}.sq{display:flex;align-items:center;justify-content:center;font-size:clamp(24px,5vw,40px)}.light{background:#f0d9b5}.dark{background:#b58863}.hl{outline:3px solid #3fb984;outline-offset:-3px}.last{box-shadow:inset 0 0 0 3px #3fb98480}.atk{background:radial-gradient(circle,rgba(63,185,132,.45) 30%,transparent 70%)}.pc{cursor:grab}.hidden{display:none}#hist{max-height:160px;overflow:auto;background:#111;padding:6px;border-radius:8px;margin-top:8px}