.keeper-strip { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; padding: 16px; border: 1px solid #008b8b; background: #071b20; color: #d9ffff; }
.keeper-strip label { display: grid; gap: 6px; min-width: 180px; flex: 1; }
.keeper-strip input { min-width: 0; padding: 8px; border: 1px solid #008b8b; background: #071215; color: #e4ffff; font: inherit; }
.keeper-strip button, .site-save-controls button, #saveConflict button, #retryRecord { padding: 8px 12px; border: 1px solid #008b8b; background: #102e31; color: #e4ffff; font: inherit; }
.keeper-strip button, .site-save-controls button, #saveConflict button, #retryRecord, .preservation-bar button { cursor: url('/images/cursors/hover.cur') 11 0, url('/images/cursors/hover.png') 11 0, pointer; }
.keeper-strip button:hover, .site-save-controls button:hover, .preservation-bar button:hover { background: #17434a; }
.site-save-controls { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
#cloudStatus, #boardStatus { color: #bfe9e5; font: 14px/1.5 Arial, sans-serif; overflow-wrap: anywhere; }
#saveConflict { margin: 12px 0; padding: 16px; border: 1px solid #d6b56c; background: #211b0c; color: #fff0cc; }
#saveConflict p { margin-top: 0; }
.game-stage, .game-stage * { text-shadow: none; letter-spacing: normal; text-transform: none; }
.game-stage input, .game-stage textarea { border-radius: 0; }
.game-stage button { box-shadow: none; }
.west-cabinet { color: var(--west-ink); }
.leaderboard { margin-top: 28px; padding-top: 16px; border-top: 1px solid #008b8b; }
#lbTable { width: 100%; border-collapse: collapse; border: 1px solid #008b8b; }
#lbTable th, #lbTable td { padding: 10px; border: 1px solid #008b8b; text-align: left; }
#lbTable th { background: rgba(0,204,204,.14); color: #aefefe; }
#lbTable .empty-cell { font-style: italic; color: #a0c9c9; text-align: center; }
.preservation-note { color: #d9ffff; }
.preservation-note summary { color: #80eeee; cursor: url('/images/cursors/hover.cur') 11 0, url('/images/cursors/hover.png') 11 0, pointer; }
.preservation-note summary:hover { color: #fff; }
.preservation-note summary:focus-visible { outline: 2px solid #00cccc; outline-offset: 5px; }
@media (max-width: 600px) { .keeper-strip { align-items: stretch; flex-direction: column; } .site-save-controls button { flex: 1 1 auto; } }

.keeper-strip a { color: #80eeee; }