body { font-family: sans-serif; margin: 0; padding: 0; color: #222; }
header { background: #2d4a2b; color: white; padding: 0.5rem 1rem; display: flex; justify-content: space-between; align-items: center; }
header a { color: white; text-decoration: none; }
main { padding: 1rem; max-width: 960px; margin: 0 auto; }
.error { color: #b00020; }
.search-form div { margin-bottom: 0.5rem; }
table { border-collapse: collapse; width: 100%; margin-top: 1rem; }
th, td { border: 1px solid #ccc; padding: 0.4rem 0.6rem; text-align: left; }
.disabled { color: #999; }
.pagination { margin-top: 1rem; display: flex; gap: 1rem; }
.board-wrap { max-width: 600px; }
#goBoard { max-width: 100%; height: auto; display: block; border: 1px solid #999; }
.board-controls { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.5rem; flex-wrap: wrap; }
.board-controls input[type="range"] { flex: 1; min-width: 150px; }