body { font-family: Georgia, serif; background: #f6f0e1; color: #3b2f1e; margin: 0; }
header { background: #6b4a2b; color: #fff8e8; padding: .5rem 1rem; }
header h1 { margin: 0; font-size: 1.4rem; }
main { padding: 1rem; max-width: 1100px; margin: 0 auto; }
.login form { display: grid; gap: .6rem; max-width: 320px; }
.login label { display: grid; gap: .2rem; }
.error { color: #9b1c1c; }
.players a, .players strong { margin-right: .8rem; }
.logout { float: right; }
.horses { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1rem; }
.horse { background: #fffaf0; border: 1px solid #d8c9a8; padding: .5rem; display: grid; }
.horse img { width: 100%; height: auto; background: #efe6d2; }
.horse .name { font-weight: bold; }
.horse .breed { font-size: .9rem; color: #6b5a3e; }
.pager { margin-top: 1rem; }