.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:.6rem;flex:none}.bar nav{gap:.5rem}
.card img,.card .placeholder{aspect-ratio:2/1}
.card-body{padding:.75rem .85rem .25rem}.card-body h2{font-size:1.05rem}
.card-description{padding:0 .85rem;font-size:.9rem}.card-description>p{margin:.25rem 0 .6rem}
.card-meta{padding:.25rem .85rem .85rem}.card{min-width:0}
.preview,.placeholder.large{width:min(100%,480px);aspect-ratio:8/5}
.prose{min-width:0}.prose pre{overflow:auto;padding:.75rem;background:var(--soft);border-radius:.4rem}
.prose code{font-size:.9em;background:var(--soft);padding:.1rem .25rem;border-radius:.2rem}
.prose pre code{padding:0}.prose blockquote{margin:1rem 0;padding-left:1rem;border-left:3px solid var(--line)}
.prose ul,.prose ol{padding-left:1.4rem}.prose h1,.prose h2{font-size:1.2rem;letter-spacing:normal}
.markdown-editor{margin:1rem 0}.markdown-editor textarea{display:block}
.markdown-preview{margin-top:.5rem;border:1px solid var(--line);border-radius:.4rem;padding:.75rem;background:var(--surface)}
.markdown-preview .prose>:first-child{margin-top:0}.markdown-preview .prose>:last-child{margin-bottom:0}
.game-overview{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}
.game-preview-link{display:block;flex:1;min-width:0;max-width:480px}
.game-overview .preview,.game-overview .placeholder{width:100%}
.game-summary{flex:1;min-width:0}.game-summary .prose>:first-child{margin-top:0}
.game-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}
.game-actions .actions{gap:.5rem;justify-content:flex-end;margin-left:auto}
.game-tool{display:inline-flex;align-items:center;gap:.4rem}
.active-table-row{flex-wrap:nowrap;gap:.75rem}
.table-thumbnail{display:block;width:96px;height:60px;object-fit:cover;border-radius:.4rem;flex:none;background:var(--soft)}
@media(max-width:520px){.table-thumbnail{width:64px;height:40px}.active-table-row{gap:.5rem}.active-table-row .button{padding:.5rem .65rem}}
@media(max-width:700px){.game-overview{flex-direction:column;align-items:stretch;gap:1rem}.game-preview-link{width:100%;max-width:none}}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.grid{grid-template-columns:minmax(0,1fr)}}