/* theme: cards, mirrors the site's existing .game-card look */
 @import url('https://fonts.cdnfonts.com/css/jetbrains-mono');
.wall-theme-cards .wall-heading h2 { font-family: "JetBrains Mono", monospace; font-size: 2.6rem; letter-spacing: 0.05em; color: #fff; margin: 0; }
.wall-theme-cards .wall-heading p { color: #aaa; font-size: 0.9rem; }
.wall-theme-cards { color: #ddd; }

.wall-theme-cards .wall-controls { border-bottom: 1px solid #333; padding-bottom: 10px; }
.wall-theme-cards .wall-count { font-family: "Ubuntu Mono", monospace; font-size: 0.75rem; color: #888; }
.wall-theme-cards .wall-sort button { font-family: "Ubuntu Mono", monospace; font-size: 0.72rem; background: none; border: 1px solid #444; color: #999; padding: 4px 10px; border-radius: 6px; cursor: pointer; }
.wall-theme-cards .wall-sort button.active { color: #fff; background: #262626; border-color: #555; }

.wall-theme-cards .wall-authbar { color: #999; }
.wall-theme-cards .wall-authbar .switch { color: #4a9eff; }
.wall-theme-cards .wall-authform input { font-family: system-ui, sans-serif; font-size: 0.85rem; color: #eee; background: #111; border: 1px solid #333; border-radius: 6px; padding: 8px 10px; }
.wall-theme-cards .wall-authform button { font-family: "Ubuntu Mono", monospace; font-size: 0.8rem; background: #333; color: #fff; border: 1px solid #555; padding: 8px 14px; border-radius: 6px; cursor: pointer; }
.wall-theme-cards .wall-authform .err { color: #e69b9b; }

.wall-theme-cards .wall-compose { background: #1a1a1a; border-radius: 10px; border: 1px solid #444; padding: 16px 18px; }
.wall-theme-cards .wall-compose label { display: block; font-size: 0.75rem; color: #888; margin-bottom: 8px; }
.wall-theme-cards .wall-compose textarea { font-family: system-ui, sans-serif; font-size: 0.95rem; color: #eee; background: #111; border: 1px solid #333; border-radius: 6px; padding: 10px; }
.wall-theme-cards .wall-compose-file { color: #999; }
.wall-theme-cards .wall-filelabel { color: #4a9eff; }
.wall-theme-cards .wall-compose-foot input[type=text] { font-family: "Ubuntu Mono", monospace; font-size: 0.8rem; background: #111; border: 1px solid #333; border-radius: 6px; color: #eee; padding: 6px 8px; }
.wall-theme-cards .wall-compose-foot button { font-family: system-ui, sans-serif; font-weight: 600; font-size: 0.8rem; letter-spacing: 0.06em; background: #333; color: #fff; border: 1px solid #555; padding: 10px 16px; border-radius: 6px; cursor: pointer; }
.wall-theme-cards .wall-compose-foot button:hover { background: #444; }

.wall-theme-cards .wall-post { background: #1a1a1a; border: 1px solid #444; border-left: 4px solid var(--note-accent, #666); border-radius: 10px; }
.wall-theme-cards .wall-post-name { font-weight: 600; font-size: 0.9rem; color: var(--note-accent, #fff); }
.wall-theme-cards .wall-post-time { font-family: "Ubuntu Mono", monospace; font-size: 0.68rem; color: #777; white-space: nowrap; }
.wall-theme-cards .wall-post-body { font-size: 0.85rem; color: #ddd; }
.wall-theme-cards .wall-reacts button { font-family: "Ubuntu Mono", monospace; font-size: 0.7rem; color: #999; }
.wall-theme-cards .wall-reacts button:hover { color: #eee; }
.wall-theme-cards .wall-replylink { font-family: "Ubuntu Mono", monospace; font-size: 0.7rem; color: #777; }
.wall-theme-cards .wall-replylink:hover { color: #eee; }

.wall-theme-cards .wall-thread { border-left: 1px dashed #333; }
.wall-theme-cards .wall-reply { background: #151515; border-radius: 6px; }
.wall-theme-cards .wall-reply-name { font-weight: 600; font-size: 0.78rem; color: #ccc; }
.wall-theme-cards .wall-reply-time { font-family: "Ubuntu Mono", monospace; font-size: 0.64rem; color: #666; }
.wall-theme-cards .wall-reply-body { font-size: 0.78rem; color: #ccc; }
.wall-theme-cards .wall-reply .wall-reacts button { font-size: 0.65rem; }
.wall-theme-cards .wall-reply .wall-replylink { font-size: 0.65rem; }
.wall-theme-cards .wall-reply .wall-thread { margin-top: 8px; }

.wall-theme-cards .wall-attachment-file { color: #4a9eff; font-size: 0.78rem; }
.wall-theme-cards .wall-attachment-file span { color: #777; }
.wall-theme-cards .wall-replybox input[type=text] { font-family: system-ui, sans-serif; font-size: 0.78rem; color: #eee; background: #111; border: 1px solid #333; border-radius: 6px; padding: 6px 8px; }
.wall-theme-cards .wall-replybox button { font-family: "Ubuntu Mono", monospace; font-size: 0.68rem; background: #262626; color: #eee; border: 1px solid #444; padding: 0 12px; border-radius: 6px; cursor: pointer; }

.wall-theme-cards .wall-loadmore { font-family: "Ubuntu Mono", monospace; font-size: 0.72rem; background: none; border: 1px solid #444; color: #999; padding: 9px 18px; border-radius: 6px; cursor: pointer; }
.wall-theme-cards .wall-loadmore:hover { color: #eee; border-color: #666; }
.wall-theme-cards .wall-annot { font-family: "Ubuntu Mono", monospace; color: #666; }
.wall-theme-cards .wall-empty { color: #888; font-family: "Ubuntu Mono", monospace; }

.wall-theme-cards .wall-post.author-0 { --note-accent: #ffcf5c; }
.wall-theme-cards .wall-post.author-1 { --note-accent: #b8e46c; }
.wall-theme-cards .wall-post.author-2 { --note-accent: #fff3b0; }
.wall-theme-cards .wall-post.author-3 { --note-accent: #ff8a73; }