body{margin:0;background:#fff9ec;color:#2a1f00;font-family:system-ui}#top{padding:10px;display:flex;gap:8px;align-items:center;max-width:720px;margin:0 auto}#board{width:720px;height:720px;display:grid;grid-template:repeat(8,90px)/repeat(8,90px);border:6px solid #2A1F00;margin:10px auto;background:#2a1f00;gap:0}.sq{width:90px;height:90px;display:flex;align-items:center;justify-content:center;position:relative}.l{background:#f5e7c6}.d{background:#b8813a}.hl{outline:3px solid #3fb984;outline-offset:-3px}.last{box-shadow:inset 0 0 0 4px #3fb98480}.atk{background:radial-gradient(circle,rgba(63,185,132,.45) 30%,transparent 70%)}.pc{display:flex;align-items:center;justify-content:center;width:90px;height:90px;cursor:grab}.pc svg{width:99px;height:99px;pointer-events:none}#info,#hist{max-width:720px;margin:0 auto;padding:8px}#hist{max-height:160px;overflow:auto;background:#f5f1e3;border-radius:8px}input,button{background:#182433;border:1px solid #3a4d63;color:#fff;padding:6px 8px;border-radius:8px}.hidden{display:none}