/* ==========================================================================
   nuxtirius — Legacy interface
   Table layouts, no flexbox/grid, no CSS variables, no transitions.
   Targets IE8+/old Android/old Safari. Loaded INSTEAD of style.css + nx.css.
   ========================================================================== */

* { margin: 0; padding: 0; }

body {
  background: #e9ebee;
  color: #1a1a1a;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 1.45;
}

a { color: #2b5f34; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; }

table.lg-layout { width: 100%; border-collapse: collapse; }
td { vertical-align: top; }

.lg-page { width: 980px; margin: 0 auto; }

/* -------------------------------------------------------------- topbar */
.lg-top {
  background: #1b4222;
  border-bottom: 2px solid #12301a;
}

.lg-top-inner { width: 980px; margin: 0 auto; padding: 8px 0; }
.lg-top td { vertical-align: middle; }

.lg-brand { color: #fff; font-size: 20px; font-weight: bold; text-decoration: none; }
.lg-brand:hover { text-decoration: none; }
.lg-brand span { display: block; font-size: 10px; color: #9dc4a6; font-weight: normal; }

.lg-search input.lg-q {
  width: 220px;
  padding: 3px 5px;
  border: 1px solid #0f2a15;
  font-size: 12px;
  font-family: Tahoma, Arial, sans-serif;
}

.lg-top-links { text-align: right; color: #c7ddcc; font-size: 11px; }
.lg-top-links a { color: #eaf3ec; margin-left: 10px; }
.lg-top-links b { color: #ffe9a8; }

/* tabs */
.lg-tabs { background: #12301a; }
.lg-tabs-inner { width: 980px; margin: 0 auto; }
.lg-tabs a {
  display: inline-block;
  padding: 7px 12px;
  color: #cfe0d3;
  font-size: 12px;
  text-decoration: none;
}
.lg-tabs a:hover { background: #1d4527; color: #fff; text-decoration: none; }
.lg-tabs a.on { background: #2f6d38; color: #fff; font-weight: bold; }

/* -------------------------------------------------------------- blocks */
.lg-block {
  background: #fff;
  border: 1px solid #c6ccd2;
  margin-bottom: 10px;
}

.lg-block-head {
  padding: 6px 10px;
  background: #f2f4f6;
  border-bottom: 1px solid #d8dde2;
  font-weight: bold;
  font-size: 12px;
  color: #2b3843;
}

.lg-block-head a { float: right; font-weight: normal; font-size: 11px; }
.lg-block-body { padding: 10px; }
.lg-block-foot { padding: 7px 10px; background: #f7f8f9; border-top: 1px solid #e3e7ea; }

.lg-empty { padding: 18px 10px; text-align: center; color: #77828e; }

/* menu */
.lg-menu a {
  display: block;
  padding: 6px 10px;
  border-bottom: 1px solid #eceff1;
  color: #33414d;
  text-decoration: none;
}
.lg-menu a:hover { background: #f2f6f3; text-decoration: none; }
.lg-menu a.on { background: #eaf3ec; font-weight: bold; color: #1c4523; }

/* -------------------------------------------------------------- buttons */
.lg-btn {
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid #b9c0c7;
  background: #f4f6f8;
  color: #26313b;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
}
.lg-btn:hover { background: #e9edf1; text-decoration: none; }
.lg-btn-main { background: #2f6d38; border-color: #1c4523; color: #fff; font-weight: bold; }
.lg-btn-main:hover { background: #255a2d; color: #fff; }
.lg-btn-small { padding: 2px 8px; font-size: 11px; }

input.lg-input, textarea.lg-textarea, select.lg-select {
  width: 100%;
  padding: 4px 6px;
  border: 1px solid #b9c0c7;
  background: #fff;
  color: #1a1a1a;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
}
textarea.lg-textarea { height: 60px; }
.lg-field { margin-bottom: 8px; }
.lg-field label { display: block; margin-bottom: 3px; color: #55616d; }

/* -------------------------------------------------------------- avatars */
.lg-ava { display: block; border: 1px solid #c6ccd2; background: #dfe3e6; }
.lg-ava-32 { width: 32px; height: 32px; }
.lg-ava-50 { width: 50px; height: 50px; }
.lg-ava-80 { width: 80px; height: 80px; }
.lg-ava-fallback {
  background: #4c8a57;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
}
.lg-ava-fallback.lg-ava-32 { line-height: 32px; font-size: 13px; }
.lg-ava-fallback.lg-ava-50 { line-height: 50px; }
.lg-ava-fallback.lg-ava-80 { line-height: 80px; font-size: 28px; }

/* -------------------------------------------------------------- posts */
.lg-post { border-bottom: 1px solid #e3e7ea; padding: 10px; }
.lg-post-head td { vertical-align: top; }
.lg-post-author { font-weight: bold; font-size: 12px; }
.lg-post-time { color: #77828e; font-size: 11px; }
.lg-post-text { padding: 6px 0; font-size: 12px; }
.lg-post-photo { display: block; max-width: 500px; margin: 5px 0; border: 1px solid #c6ccd2; }
.lg-post-actions { padding-top: 6px; border-top: 1px solid #f0f2f4; margin-top: 6px; color: #77828e; font-size: 11px; }
.lg-post-actions form { display: inline; }

.lg-comments { background: #f6f7f9; border-top: 1px solid #e3e7ea; padding: 8px 10px; }
.lg-comment { padding: 5px 0; border-bottom: 1px solid #ebeef0; }
.lg-comment-reply { padding-left: 34px; background: #fbfcfd; }
.lg-comment-author { font-weight: bold; }
.lg-comment-time { color: #8a939c; font-size: 10px; }

/* -------------------------------------------------------------- chat */
.lg-msg { padding: 5px 8px; border-bottom: 1px solid #eceff1; }
.lg-msg-out { background: #eef5ef; }
.lg-msg-name { font-weight: bold; font-size: 11px; color: #2b5f34; }
.lg-msg-time { color: #8a939c; font-size: 10px; }
.lg-chat-scroll { height: 380px; overflow: auto; border: 1px solid #d8dde2; background: #fff; }

/* -------------------------------------------------------------- misc */
.lg-badge { color: #2f8cd8; font-weight: bold; }
.lg-badge-gold { color: #c98c10; }
.lg-badge-red { color: #cf3b2e; }
.lg-badge-green { color: #35994a; }
.lg-badge-rainbow { color: #8a4fd3; }
.lg-pill { background: #2f6d38; color: #fff; padding: 0 5px; font-size: 10px; }
.lg-muted { color: #77828e; }
.lg-small { font-size: 11px; }
.lg-right { text-align: right; }
.lg-center { text-align: center; }
.lg-note { padding: 8px 10px; border: 1px solid #cfe3d4; background: #eaf3ec; margin-bottom: 10px; }
.lg-note-err { border-color: #e7b7b2; background: #fdeceb; color: #8d2a20; }
.lg-hr { height: 1px; background: #e3e7ea; font-size: 0; line-height: 0; margin: 8px 0; }
.lg-track { padding: 5px 8px; border-bottom: 1px solid #eceff1; }
.lg-online { color: #2f8c3f; font-size: 10px; }
.lg-foot { padding: 10px 0 24px; color: #77828e; font-size: 11px; text-align: center; }
.lg-foot a { margin: 0 5px; }

/* ------------------------------------------------ документы (правила и т.д.)
   Текст правил, условий и «о проекте» лежит в общих партиалах вместе с
   современной версией. Разметка там рассчитана на новый дизайн, поэтому здесь
   мы просто приводим её к читаемому виду: блочные span/em, отступы у списков. */
.lg-doc { line-height: 1.5; color: #232b33; }
.lg-doc h1 { font-size: 16px; margin: 0 0 8px; color: #2c4a30; }
.lg-doc h2 { font-size: 14px; margin: 14px 0 6px; padding-bottom: 3px; border-bottom: 1px solid #dfe5e9; color: #2c4a30; }
.lg-doc h3 { font-size: 12px; margin: 12px 0 5px; color: #3b4a55; }
.lg-doc p { margin: 0 0 8px; }
.lg-doc ul { margin: 0 0 10px; padding-left: 20px; }
.lg-doc li { margin-bottom: 4px; }
.lg-doc span, .lg-doc em { display: block; }
.lg-doc em { font-style: normal; color: #77828e; }
.lg-doc strong { display: block; margin-top: 6px; color: #2c4a30; }
.lg-doc p strong, .lg-doc li strong { display: inline; margin-top: 0; }

/* --------------------------------------------------------- простая таблица */
.lg-table { border-collapse: collapse; }
.lg-table th { padding: 4px 8px; background: #eef2f4; border: 1px solid #dde3e8;
               text-align: left; font-size: 11px; color: #4a5560; }
.lg-table td { padding: 4px 8px; border: 1px solid #eceff1; font-size: 11px; }

/* Номер раздела в правилах — в строку с заголовком, а не отдельной строкой */
.lg-doc .rules-panel-head { margin: 14px 0 6px; padding-bottom: 3px; border-bottom: 1px solid #dfe5e9; }
.lg-doc .rules-panel-head h2 { display: inline; margin: 0; padding: 0; border: 0; }
.lg-doc .rules-panel-num { display: inline; margin-right: 5px; color: #8b96a1; }
.lg-doc .rules-hero-kicker { color: #8b96a1; }
.lg-doc .rules-summary-item, .lg-doc .rules-mini-card,
.lg-doc .rules-punishment-card, .lg-doc .rules-quote-box,
.lg-doc .rules-admin-note, .lg-doc .rules-hero-badge {
  margin-bottom: 8px; padding: 6px 8px; border: 1px solid #e2e8ec; background: #fafbfc;
}