/* ЛЕНИНСКИЙ УГОЛОК — личная страница, свёрстано в 2008 и с тех пор дополнялось */
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;padding:8px 4px 18px;
  color:#1a1a1a;
  font:15px/1.5 "Times New Roman",Times,serif;
  background:#5c0000;
  background-image:
    repeating-linear-gradient(45deg,rgba(255,215,0,.045) 0 12px,rgba(0,0,0,0) 12px 24px),
    radial-gradient(circle at 50% 0,#7e0000,#3d0000 70%);
  background-attachment:fixed;
}
a{color:#0000cc}
a:visited{color:#660099}
a:hover{color:#cc0000;background:#ffff99}
img,svg{max-width:100%}
h1,h2,h3,h4{margin:0}
p{margin:0 0 .75em}
ul{margin:0 0 .75em;padding:0 0 0 1.3em}
td,th{vertical-align:top}

.page{
  max-width:860px;margin:0 auto;background:#fffdf0;
  border:3px outset #d4a017;box-shadow:0 0 14px #200;
}

/* ---------- шапка ---------- */
.hdr{
  position:relative;padding:12px 10px 10px;text-align:center;
  background:linear-gradient(180deg,#d40000 0%,#8f0000 55%,#5c0000 100%);
  border-bottom:3px ridge #ffd700;
}
.hdr .star{position:absolute;top:8px;width:52px;height:52px}
.hdr .star.l{left:12px}
.hdr .star.r{right:12px}
.wm{
  font:bold 34px/1.05 "Arial Black","Arial Bold",Impact,Arial,sans-serif;
  letter-spacing:.02em;color:#ffd700;text-shadow:2px 2px 0 #000,3px 3px 0 #7a0000;
  text-transform:uppercase;
}
.wm a{color:#ffd700;text-decoration:none}
.wm a:hover{background:none;color:#fff}
.sub{margin-top:5px;color:#ffe9a8;font:italic 14px/1.4 "Comic Sans MS","Trebuchet MS",cursive}
.sub b{color:#fff}
.hdr .since{margin-top:4px;color:#ffd0d0;font:11px/1.4 Verdana,Arial,sans-serif}

/* ---------- бегущая строка ---------- */
.crawl{
  overflow:hidden;white-space:nowrap;background:#ffe000;
  border-top:2px solid #000;border-bottom:2px solid #000;
  font:bold 13px/1.9 Verdana,Arial,sans-serif;color:#8f0000;
}
.crawl span{display:inline-block;padding-left:100%;animation:crawl 34s linear infinite}
@keyframes crawl{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.crawl span{animation:none;padding-left:8px}}

/* ---------- сетка ---------- */
.grid{display:grid;grid-template-columns:186px minmax(0,1fr) 178px;gap:0}
.col-l{background:#f2e6c8;border-right:2px groove #b58b1a;padding:8px 7px}
.col-m{padding:12px 14px;min-width:0}
.col-r{background:#f2e6c8;border-left:2px groove #b58b1a;padding:8px 7px}

/* ---------- меню ---------- */
.menu{list-style:none;margin:0 0 12px;padding:0}
.menu li{margin:0 0 4px}
.menu a{
  display:block;padding:5px 6px;text-decoration:none;color:#fff;
  background:linear-gradient(180deg,#c00000,#7a0000);
  border:2px outset #ff6a6a;
  font:bold 11px/1.3 Verdana,Arial,sans-serif;letter-spacing:.02em;text-transform:uppercase;
}
.menu a:visited{color:#fff}
.menu a:hover{background:linear-gradient(180deg,#ffd700,#c8a000);color:#5c0000;border-color:#fff3b0}
.menu a.here{background:linear-gradient(180deg,#ffd700,#c8a000);color:#5c0000;border-style:inset}

/* ---------- боковые блоки ---------- */
.box{background:#fffdf0;border:2px ridge #b58b1a;margin:0 0 10px}
.box .cap{
  padding:3px 6px;background:linear-gradient(180deg,#c00000,#8f0000);
  color:#ffd700;font:bold 11px/1.4 Verdana,Arial,sans-serif;text-transform:uppercase;
  text-shadow:1px 1px 0 #000;
}
.box .in{padding:7px 7px;font-size:13px;line-height:1.45}
.box .in p{margin:0 0 .55em}
.box .in p:last-child{margin:0}

/* ---------- заголовки разделов ---------- */
.sect{
  margin:0 0 9px;padding:4px 8px;
  background:linear-gradient(180deg,#c00000,#7a0000);
  color:#ffd700;font:bold 15px/1.35 Arial,Verdana,sans-serif;
  text-shadow:1px 1px 0 #000;border:1px solid #5c0000;
}
.sect small{font-weight:normal;color:#ffdede;font-size:11px}
h2.title{font:bold 22px/1.25 Georgia,"Times New Roman",serif;color:#8f0000;margin:0 0 8px}
h3.sub2{font:bold 16px/1.3 Georgia,serif;color:#8f0000;margin:16px 0 6px;
  border-bottom:1px dotted #b58b1a;padding-bottom:3px}

.blk{margin:0 0 18px}
.hr{height:0;border:0;border-top:2px dashed #b58b1a;margin:14px 0}
.stars{text-align:center;color:#c00000;letter-spacing:6px;margin:12px 0;font-size:14px}

/* ---------- мигалки и NEW ---------- */
.new{
  display:inline-block;margin-left:5px;padding:0 4px;background:#ffe000;color:#c00000;
  border:1px solid #c00000;font:bold 10px/1.5 Verdana,sans-serif;
  animation:blink 1.1s steps(1) infinite;
}
@keyframes blink{50%{background:#c00000;color:#ffe000}}
@media (prefers-reduced-motion:reduce){.new{animation:none}}
.upd{color:#c00000;font:bold 11px Verdana,sans-serif}

/* ---------- новости ---------- */
.news{list-style:none;margin:0;padding:0}
.news li{padding:7px 0;border-bottom:1px dotted #b58b1a}
.news li:last-child{border-bottom:0}
.news .dt{color:#8f0000;font:bold 11px Verdana,sans-serif;display:block;margin-bottom:2px}

/* ---------- таблицы ---------- */
table.t{width:100%;border-collapse:collapse;font-size:13px;margin:0 0 10px;background:#fff}
table.t th{background:#8f0000;color:#ffd700;text-align:left;padding:4px 6px;border:1px solid #5c0000;
  font:bold 11px/1.4 Verdana,sans-serif;text-transform:uppercase}
table.t td{padding:4px 6px;border:1px solid #d8c48a}
table.t tr:nth-child(even) td{background:#fbf5e2}
.wrapx{overflow-x:auto}
.ok{color:#0a6b1e;font-weight:bold}
.bad{color:#c00000;font-weight:bold}
.mid{color:#a06a00;font-weight:bold}

/* ---------- цитаты / врезки ---------- */
.quote{
  border-left:5px solid #c00000;background:#fff6d8;padding:9px 12px;margin:12px 0;
  font-style:italic;
}
.quote .src{display:block;margin-top:6px;font-style:normal;font-size:12px;color:#6a5300}
.warnbox{
  border:2px dashed #c00000;background:#fff0f0;padding:9px 12px;margin:12px 0;font-size:13.5px;
}
.warnbox b{color:#c00000}

/* ---------- гостевая ---------- */
.gb{margin:0 0 14px;border:2px ridge #b58b1a;background:#fff}
.gb .head{background:#e8dcb8;padding:4px 8px;font:bold 12px Verdana,sans-serif;color:#5c0000;
  border-bottom:1px solid #b58b1a}
.gb .head span{font-weight:normal;color:#6a5300}
.gb .body{padding:8px 10px;font-size:14px}
.gb .adm{margin-top:8px;padding:7px 9px;background:#fff2f2;border-left:4px solid #c00000;font-size:13.5px}
.gb .adm b{color:#c00000}

/* ---------- счётчик ---------- */
.counter{background:#000;border:2px inset #888;padding:5px;text-align:center}
.counter .d{font:bold 13px/1.2 "Courier New",Courier,monospace;letter-spacing:2px;color:#3aff3a;white-space:nowrap}
.counter .c{font:9px/1.6 Verdana,sans-serif;color:#8a8a8a;text-transform:uppercase}

/* ---------- опрос ---------- */
.poll{font-size:12.5px}
.poll .q{font-weight:bold;color:#5c0000;margin-bottom:6px;display:block}
.poll .row{margin:0 0 5px}
.poll .bar{height:11px;background:#e0d3ac;border:1px solid #b58b1a}
.poll .bar i{display:block;height:100%;background:linear-gradient(180deg,#e00000,#8f0000)}
.poll .n{font-size:11px;color:#6a5300}

/* ---------- баннеры 88x31 ---------- */
.bnr{display:block;margin:0 auto 7px;border:1px solid #000}
.code{background:#f4f4f4;border:1px solid #999;padding:6px;font:11px/1.4 "Courier New",monospace;
  white-space:pre-wrap;word-break:break-all;color:#333}

/* ---------- подвал ---------- */
.foot{
  border-top:3px ridge #ffd700;padding:10px 12px;text-align:center;
  background:linear-gradient(180deg,#5c0000,#8f0000);color:#ffe9a8;
  font:12px/1.7 Verdana,Arial,sans-serif;
}
.foot a{color:#ffd700}
.foot a:visited{color:#ffd700}
.foot a:hover{background:#ffd700;color:#5c0000}
.foot .small{font-size:10.5px;color:#ffbdbd;margin-top:6px;line-height:1.6}

@media (max-width:820px){
  .grid{grid-template-columns:minmax(0,1fr)}
  .col-m{order:1;padding:10px}
  .col-r{order:2;border-left:0;border-top:2px groove #b58b1a}
  .col-l{order:3;border-right:0;border-top:2px groove #b58b1a}
  .wm{font-size:24px}
  .hdr .star{width:36px;height:36px}
}

/* звёзды в шапке */
.hdr .star{animation:puls 2.6s ease-in-out infinite;transform-origin:50% 50%}
@keyframes puls{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
@media (prefers-reduced-motion:reduce){.hdr .star{animation:none}}