@font-face{font-family:'Lora'; font-style:normal; font-weight:700; font-display:swap; src:url(/fonts/lora-cyrillic-700-normal.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Lora'; font-style:normal; font-weight:700; font-display:swap; src:url(/fonts/lora-latin-700-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Arimo'; font-style:normal; font-weight:400; font-display:swap; src:url(/fonts/arimo-cyrillic-400-normal.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Arimo'; font-style:normal; font-weight:400; font-display:swap; src:url(/fonts/arimo-latin-400-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Arimo'; font-style:normal; font-weight:600; font-display:swap; src:url(/fonts/arimo-cyrillic-600-normal.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Arimo'; font-style:normal; font-weight:600; font-display:swap; src:url(/fonts/arimo-latin-600-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Arimo'; font-style:normal; font-weight:700; font-display:swap; src:url(/fonts/arimo-cyrillic-700-normal.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Arimo'; font-style:normal; font-weight:700; font-display:swap; src:url(/fonts/arimo-latin-700-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --sans:Arial,'Arimo',Helvetica,sans-serif; --serif:'Lora',Georgia,serif;
  --red:#8f2a2a; --red-dark:#6f1f1f;
  --bar:#8f2a2a; --head:#8f2a2a; --soft:#fbf6f2; --tint:#f2e8e0; --line:#dac8ba; --frame:#b59a86;
  --ink:#2b2420; --dark:#fff; --muted:#6a5e54;
}
*{box-sizing:border-box}
body{
  margin:0; padding:20px 10px; color:var(--ink); font:18px/1.55 var(--sans);
  background:#f1ebe0 url(/img/pokrivka.jpg?v=c1545183) calc(50% + 246.5px) 0/493px auto repeat;
}
a{color:var(--red)}
a:hover{color:var(--red-dark)}
:focus-visible{outline:2px solid var(--red); outline-offset:2px}
.wrap{max-width:980px; margin:0 auto; background:#fff; border:1px solid var(--frame); box-shadow:0 4px 18px rgba(60,30,20,.25)}
.head{display:flex; align-items:center; gap:12px; padding:8px 12px; background:#fff}
.head img{display:block; width:90px; height:auto; border:1px solid var(--frame)}
.logo{font:700 37px/1.1 var(--serif); color:var(--red); text-decoration:none}
.slogan{margin:2px 0 0; font-size:13px; color:var(--muted)}
.nav{display:flex; justify-content:space-between; align-items:center; padding:0 4px; background:var(--bar); border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.nav form{margin:0}
.nav div{display:flex; flex-wrap:wrap}
.nav a.on{background:rgba(0,0,0,.22)}
.board-head{display:flex; align-items:center; justify-content:space-between; gap:12px}
.board-head .btn{flex-shrink:0}
.board-name{margin-bottom:6px}
.btn.big{padding:10px 20px; font-size:16px}
.num{cursor:pointer}
.ref.ext::after{content:' \2192'}
.ref.dead{color:var(--muted); text-decoration:line-through}
.backlinks{padding:0 10px 8px; font-size:13px; color:var(--muted)}
.backlinks .ref{margin-right:6px; font-weight:700}
.post:target{outline:2px solid var(--red); outline-offset:-1px}
.qr{position:fixed; right:16px; bottom:16px; z-index:10; width:min(420px, calc(100% - 32px)); background:#fff; border:1px solid var(--frame); box-shadow:0 8px 28px rgba(40,10,10,.35)}
.qr[hidden]{display:none}
.qr-head{display:flex; align-items:center; justify-content:space-between; padding:4px 4px 4px 10px; font-weight:700; font-size:14px; color:#fff; background:var(--red)}
.qr-close{width:32px; height:32px; font-size:22px; line-height:1; color:#fff; background:none; border:0; cursor:pointer}
.qr form{display:grid; gap:6px; padding:8px}
.qr textarea{height:120px}
.qr-foot{display:flex; align-items:center; justify-content:space-between}
.spot{padding:10px 12px 0; text-align:center}
.spot-label{display:block; margin-bottom:2px; font-size:11px; color:var(--muted); letter-spacing:.04em; text-transform:uppercase}
.spot a{display:inline-block; max-width:100%}
.spot img{display:block; width:500px; max-width:100%; height:auto; border:1px solid var(--line)}
.spot-head{display:none}
.pic iframe.vframe{display:block; width:325px; max-width:100%; height:580px; border:1px solid var(--line); background:#000}
.notice{margin:12px 0 0; padding:10px 12px; font-size:14px; color:var(--muted); text-align:center; background:var(--tint); border:1px solid var(--line)}
.nav a,.nav button{display:inline-block; padding:8px 10px; color:var(--dark); font:700 14px var(--sans); text-decoration:none; background:none; border:0; cursor:pointer}
.nav a:hover,.nav button:hover{background:var(--head); color:var(--ink)}
main{padding:12px}
h1{margin:4px 0 2px; font:700 30px/1.3 var(--sans); color:var(--ink); overflow-wrap:anywhere}
.small{font-size:13px; color:var(--muted); margin:0}
.note{margin:6px 0 0}

.btn{display:inline-block; padding:8px 16px; font:700 14px var(--sans); color:#fff; text-decoration:none; cursor:pointer; background:var(--red); border:0; white-space:nowrap}
.btn:hover{background:var(--red-dark); color:#fff}

.forum{width:100%; border-collapse:collapse; border:1px solid var(--line)}
.forum th{padding:5px 8px; text-align:left; font-size:13px; color:var(--dark); background:var(--head); border:1px solid var(--line)}
.forum td{padding:8px; vertical-align:top; border:1px solid var(--line)}
.forum tbody tr:nth-child(even) td{background:var(--soft)}
.forum .num{width:80px; text-align:center}
.forum .last{width:150px}
.forum td.last{font-size:12px; color:var(--muted)}
.forum td.num{font-weight:700}
.topic{font-size:20px; font-weight:700; text-decoration:none; overflow-wrap:anywhere}
.topic:hover{text-decoration:underline}
.excerpt{font-size:13px; color:var(--muted); overflow-wrap:anywhere}
.empty{text-align:center; color:var(--muted); padding:18px}

.box{margin:12px 0 0; border:1px solid var(--line)}
.box.narrow{max-width:460px; margin:10px auto}
.box h2{margin:0; padding:5px 10px; font:700 14px var(--sans); color:var(--dark); background:var(--head)}
.box .in{padding:10px; background:var(--soft)}
.box p{margin:0 0 10px}
.fields{display:grid; gap:4px}
.fields label{font-weight:700; font-size:14px; margin-top:4px}
input,textarea{width:100%; padding:6px 8px; font:18px/1.5 var(--sans); color:var(--ink); background:#fff; border:1px solid var(--frame); border-radius:0}
input:focus,textarea:focus{outline:1px solid var(--red); border-color:var(--red)}
textarea{resize:vertical}
.fields .btn{margin-top:6px}
.msg-error{margin:0 0 10px; padding:6px 8px; color:var(--red-dark); background:#fbe9e6; border:1px solid #e3b3a8}

.post{margin-top:8px; border:1px solid var(--line); background:#fff}
.who{display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; padding:5px 10px; font-size:12px; color:var(--muted); background:var(--tint)}
.who .name{font-size:13px; color:hsl(var(--h) 60% 32%)}
.swatch{width:12px; height:12px; background:hsl(var(--h) 60% 55%); border:1px solid rgba(0,0,0,.35)}
.op{font-weight:700; color:var(--red)}
.uni{padding:0 6px; font-size:11px; font-weight:700; line-height:18px; color:#fff; background:var(--muted)}
.u-tus{background:#b3261e}.u-su{background:#1f5fa8}.u-mu{background:#00796b}.u-unss{background:#2e7d32}.u-uasg{background:#a85d00}.u-nbu{background:#6a3d9a}
.when{margin-left:auto; white-space:nowrap}
.num{font-weight:700; text-decoration:none}
.body{padding:8px 10px 10px; font-size:18px; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere}
.pic{display:block; margin:6px 0}
.pic img,.pic video{display:block; width:auto; height:auto; max-width:min(100%, 600px); max-height:400px; border:1px solid var(--line)}
.pic video{background:#000}
.quote{color:#3b7a1e}

.foot{padding:6px 12px; font-size:12px; color:var(--muted); text-align:center; background:var(--soft); border-top:1px solid var(--line)}

@media (min-width:641px){
  .head{gap:16px; padding:12px 16px}
  .head img{width:120px}
  .logo{font-size:46px}
  .slogan{font-size:16px}
  .nav{padding:0 6px}
  .nav a,.nav button{padding:11px 14px; font-size:17px}
}
@media (min-width:1000px){
  .head > div:not(.spot){flex-shrink:0}
  .head:has(.spot-head){padding-top:24px}
  .head .spot-head{display:block; position:relative; flex:0 0 auto; margin-left:auto; padding:0}
  .head .spot-head .spot-label{position:absolute; bottom:100%; left:0; right:0; margin-bottom:2px}
  .head .spot-head a{display:block}
  .head .spot-head img{width:auto; height:78px; border:1px solid var(--line)}
  .spot-top{display:none}
}
@media (max-width:640px){
  .nav{padding:0 2px}
  .nav div{flex:1; justify-content:space-around}
  .nav a,.nav button{padding:12px 6px; font-size:16px}
  .qr{right:0; bottom:0; width:100%; border-width:1px 0 0}
  .btn.big{padding:6px 12px; font-size:13px}
  body{padding:6px 4px}
  .head img{width:64px}
  .logo{font-size:30px}
  .slogan{display:none}
  .forum .last{display:none}
  .forum .num{width:60px}
}
.h0{--h:0}.h1{--h:15}.h2{--h:30}.h3{--h:45}.h4{--h:60}.h5{--h:75}.h6{--h:90}.h7{--h:105}.h8{--h:120}.h9{--h:135}.h10{--h:150}.h11{--h:165}.h12{--h:180}.h13{--h:195}.h14{--h:210}.h15{--h:225}.h16{--h:240}.h17{--h:255}.h18{--h:270}.h19{--h:285}.h20{--h:300}.h21{--h:315}.h22{--h:330}.h23{--h:345}