/* Hides from IE5-mac and Mozilla \*/
* html #contentmsg .message { height: 1%; }
* html #contentmsg .rightpanel { width:580px; }
/* End hide from IE5-mac and Mozilla */
#contentmsg .message { text-align: left; border: 2px solid #382418; margin-bottom: 15px; background-color: #1c1610; }
#contentmsg .leftpanel { vertical-align: top; width: 20%; padding: 10px 0; background-color: #261d14;}
#contentmsg .rightpanel { margin-right: 10px; padding-left: 3%; word-wrap: break-word; overflow:hidden;  }
*:first-child+html #contentmsg .msgcontents { display: block; width: 580px; } /* IE7 only */
#contentmsg .msgcontents { padding: 10px 10px 2em 0; word-wrap: break-word; overflow:hidden; width:570px; }
#contentmsg .msgtime { color: #888; text-align: right; margin-right: 5px; }
#contentmsg .hiddenmsg { color: #888; }
#contentmsg .msgcommands { text-align: center; margin-top: 5px; }
#contentmsg .modtype, #content .msgcommands { font-size: 8pt; text-align: center; }
#contentmsg .msgcreator { text-align: center; }
#contentmsg .msgcreator A { color: white; }
/* Forum Moderator (green M crown) — matches StaffBadge::wrap('forum_mod')
 * which paints the author name #5fcf5f. The container is a dark green
 * with a brighter green accent border so the post reads as a forum-mod
 * post at a glance. */
#contentmsg .mod { background-color: #0a2410; border-color: #2e6b35; }
#contentmsg .mod .leftpanel { background-color: #0d2c14; }
#contentmsg .mod .modtype { color: #6cd06c; font-weight: bold; }

/* Player Moderator (silver M crown) — game mods use the silver palette so
 * they don't get visually conflated with forum mods (green) or admins
 * (gold). Author name colour from StaffBadge::wrap is #c8c8c8 (silver). */
#contentmsg .pmod { background-color: #1c1c1c; border-color: #5e5e5e; }
#contentmsg .pmod .leftpanel { background-color: #232323; }
#contentmsg .pmod .modtype { color: #c8c8c8; font-weight: bold; }
#contentmsg .moved { background-color: #050525; border-color: #16164a; }
#contentmsg .moved .leftpanel { background-color: #050530; }
#contentmsg .jmod .leftpanel { background-color: #4c4205; }
#contentmsg .jmod { background-color: #3e3605; border-color: #8c7a16; }
#contentmsg .jmod .modtype { color: #ffe000; font-weight: bold; }
#contentmsg .hid .leftpanel { background-color: #270909; }
#contentmsg .hid { background-color: #200909; border-color: #472929; }
#contentmsg .msghighlight { border: 2px solid yellow; color: white; }
#contentmsg .russian .leftpanel { background-color: #780000;}
#contentmsg .russian{ background-color: #680000; border-color: #580000; }
#contentmsg .donator .leftpanel { background-color: var(--cs-donator-left, #2d143f); }
#contentmsg .donator { background-color: var(--cs-donator-bg, #221031); border-color: var(--cs-donator-border, #b35cff); }
#contentmsg .donator .modtype { color: var(--cs-donator-color, #b35cff); font-weight: bold; }
#contentmsg .donator .cs-forum-avatar { border-color: var(--cs-donator-border, #b35cff); }

#contentmsg .halloween .leftpanel { background-color: #E56616; color:black; }
#contentmsg .halloween { background-color: #B75112; border-color: black; color:black; }

/* Forum byline avatar — 64×64 head crop sourced from the author's
 * profile 3D render (96×96 native; rendered smaller so the picture
 * stays crisp). Square card with brown border, sits above the username
 * in the leftpanel. Direction and zoom are baked into the generated PNG. */
#contentmsg .cs-forum-avatar-link {
  display: block;
  margin: 0 auto 4px;
  width: 64px;
  height: 64px;
  text-decoration: none;
}
#contentmsg .cs-forum-avatar {
  display: block;
  width: 64px;
  height: 64px;
  border: 1px solid #5a3a14;
  background: #1a120a;
  image-rendering: auto;
}
#contentmsg .jmod .cs-forum-avatar { border-color: #8c7a16; }
#contentmsg .mod  .cs-forum-avatar { border-color: #2e6b35; }
#contentmsg .pmod .cs-forum-avatar { border-color: #5e5e5e; }