/* tagboard.css — minimal retro style (theme in your main CSS if preferred) */
.tb-wrap { font-family: monospace; background:#000; border:2px solid lime; box-shadow:0 0 12px lime; padding:8px; width: 400px; max-width: 92vw; }
.tb-messages { height: 220px; overflow-y: auto; background:#000; border:1px solid #0f0; padding:6px; color:#0f0; }
.tb-row { padding:2px 0; }
.tb-time { color:#888; margin-right:6px; font-size:11px; }
.tb-name { color:#afffaf; }
.tb-text { color:#0f0; }
.tb-empty { color:#666; font-style:italic; padding:6px; }
.tb-form { display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; align-items:center; }
.tb-form input[type="text"] { flex:1 1 140px; min-width:0; background:#000; color:#0f0; border:1px solid #0f0; padding:4px; }
#tb-name { flex: 0 1 120px; min-width:72px; }
#tb-msg { flex: 2 1 180px; }
#tb-send { flex: 0 0 auto; background:#111; color:#0f0; border:1px solid #0f0; padding:4px 8px; cursor:pointer; }
@media (max-width: 420px) {
  #tb-name, #tb-msg { flex: 1 1 100%; }
  #tb-send { width: 100%; }
}
.tb-hp { position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }
.tb-tiny { color:#888; margin-top:4px; font-size:10px; }
.tb-tiny.tb-error { color:#f66; }