/* стили писал по ходу, не трогать таблицу, она и так еле держится */
body { margin: 0; padding: 8px; background: #2a0f0a; color: #f0dfc0; font-family: Verdana, Tahoma, sans-serif; font-size: 13px; }
a { color: #ffc34d; }
a:visited { color: #e8a33d; }
.top { padding: 14px 18px 10px; border: 3px ridge #b5651d; background: #5a1a10; background: linear-gradient(#7c2414, #3a120b); }
h1 { margin: 0; font-family: Impact, "Arial Narrow", sans-serif; font-size: 44px; letter-spacing: 3px; color: #ffcf40; text-shadow: 3px 3px 0 #000; transform: rotate(-1deg); }
.slogan { margin-left: 31px; font-style: italic; color: #e7b98a; }
.menu { margin: 6px 0; padding: 5px 9px; background: #000; font-family: "Courier New", monospace; font-weight: bold; }
h2 { margin: 12px 0 4px; color: #ff8a3d; font-family: Georgia, serif; font-size: 20px; border-bottom: 1px dashed #b5651d; }
h2.pad { margin-left: 7px; }
.layout { width: 100%; border-collapse: collapse; }
.layout td { vertical-align: top; padding: 0; }
.left { padding-right: 11px !important; }
.right { width: 230px; }
.small { margin: 3px 0 7px; color: #c9a77f; font-size: 11px; }
.stats { border-collapse: collapse; background: #1b0906; width: 100%; }
.stats.wide { margin-left: 3px; width: 98%; }
.stats th { padding: 4px 7px; background: #8a3a12; color: #fff3cf; border: 1px solid #000; text-align: left; cursor: pointer; }
.stats td { padding: 3px 7px; border: 1px solid #5c2c17; }
.stats tbody tr:nth-child(even) { background: #2e120b; }
.stats tbody tr:hover { background: #55240f; }
.good { color: #7be36b; font-weight: bold; }
.bad { color: #ff6a5a; font-weight: bold; }
.box { margin-bottom: 9px; padding: 7px 9px; border: 2px solid #b5651d; background: #3a160d; line-height: 1.5; }
.box.yellow { background: #ffd24d; color: #301000; border-color: #000; transform: rotate(.7deg); }
.player { max-width: 470px; margin-left: 7px; }
.player:nth-of-type(even) { margin-left: 26px; }
.foot { clear: both; margin-top: 16px; padding: 5px; font-size: 11px; color: #a98560; border-top: 1px solid #5c2c17; text-align: center; }
@media (max-width: 620px) {
  .layout, .layout tbody, .layout tr, .layout td { display: block; width: auto; }
  .left { padding-right: 0 !important; margin-bottom: 11px; }
  h1 { font-size: 32px; }
  .stats { font-size: 11px; }
  .stats td, .stats th { padding: 3px; }
}