.game-library, .game-library-admin { min-width: 0; }
.game-controls, .game-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: 1rem; margin: 1rem 0; }
.game-controls label, .game-form label { display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.game-library input, .game-library select, .game-library-admin input:not([type=checkbox]), .game-library-admin select, .game-library-admin textarea { width: 100%; max-width: 100%; box-sizing: border-box; min-width: 0; }
.game-span { grid-column: 1 / -1; }
.game-entry { margin: .6rem 0; padding: .65rem; border: 1px solid currentColor; border-radius: .3rem; overflow-wrap: anywhere; }
.game-entry summary { cursor: pointer; }
.game-entry summary span { display: block; padding-top: .3rem; }
.game-entry dl { display: grid; grid-template-columns: minmax(6rem, 1fr) 3fr; gap: .3rem .8rem; }
.game-entry dd { margin: 0; }
.game-photo { display: block; width: auto; max-width: min(100%, 24rem); height: auto; max-height: 28rem; object-fit: contain; margin: 1rem 0; }
.game-notes { white-space: pre-wrap; }
.game-preview { max-width: 100%; overflow-x: auto; }
.game-preview td, .game-preview th { overflow-wrap: anywhere; }
@media (max-width: 480px) { .game-entry dl { grid-template-columns: 1fr; } .game-entry dt { font-weight: bold; } .game-entry dd { margin-bottom: .5rem; } }