body{margin:0;background:#0f1419;color:#fff;font-family:system-ui}#top{padding:8px;display:flex;gap:8px;align-items:center}#board{width:min(98vw,600px);aspect-ratio:1;display:grid;grid-template:repeat(8,1fr)/repeat(8,1fr);border:4px solid #000;margin:8px auto}.sq{display:flex;align-items:center;justify-content:center;font-size:clamp(24px,5vw,44px)}.l{background:#f0d9b5}.d{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}#info,#hist{padding:8px;max-width:600px;margin:0 auto}#hist{max-height:160px;overflow:auto;background:#111;border-radius:8px}input,button{background:#182433;border:1px solid #3a4d63;color:#fff;padding:6px 8px;border-radius:8px}.hidden{display:none}