/* ========== /grib/ - грибы и нулевые ========== */
*{box-sizing:border-box}

body{
  margin:0;font-family:"Times New Roman",Times,serif;font-size:17px;line-height:1.5;
  color:#e9f2d8;
  background-color:#071708;
  background-image:
    radial-gradient(#d8f0b0 1px,transparent 1.5px),
    radial-gradient(#7fb356 1px,transparent 1.6px),
    linear-gradient(#031005,#0d2510);
  background-size:193px 141px,271px 199px,100% 100%;
  background-attachment:fixed;
}
a{color:#a4dd6e}
a:visited{color:#c9a15f}
a:hover{color:#ff6a4d;background:none;text-decoration:underline}

main{max-width:920px;margin:0 auto;padding:0 12px 30px}
h2{color:#ffd27f}

/* строительная лента */
.construct{height:16px;border-top:1px solid #000;border-bottom:1px solid #000;
  background:repeating-linear-gradient(45deg,#ffd800 0 14px,#141414 14px 28px)}

/* шапка-мухоморник */
.banner{text-align:center;padding:20px 10px 4px;
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.09) 2px,transparent 3px),
             radial-gradient(circle at 70% 60%,rgba(255,255,255,.07) 3px,transparent 4px)}
.banner h1{margin:0}
.banner h1 a{
  font-family:"Comic Sans MS","Comic Neue",cursive;font-size:2.5rem;text-decoration:none;
  animation:shroomcap 5s infinite;
  text-shadow:2px 2px 0 #200,0 0 14px rgba(255,80,60,.55)}
@keyframes shroomcap{0%,100%{color:#ff5040}50%{color:#ffa23e}}
.banner small{color:#a9d18e;font-style:italic}
.bestviewed{color:#7fa05f;font-size:.75rem;font-family:Verdana,sans-serif;margin:4px 0 0}

/* бегущая строка */
marquee{background:#0e240e;color:#9be564;border-top:1px dashed #3f6f2f;
  border-bottom:1px dashed #3f6f2f;font-family:"Courier New",monospace;
  font-weight:bold;padding:3px 0}

/* плашка «стрем онлайн» */
.live{display:block;text-align:center;max-width:760px;margin:10px auto;padding:8px;
  background:#7f0000;border:3px double #fc0;color:#ffe680;font-size:1.1rem;
  font-weight:bold;text-decoration:none;animation:liveflash 1.2s steps(2,start) infinite}
.live:hover{background:#a00000;color:#fff}
@keyframes liveflash{50%{background:#4a0000}}

/* кнопки меню - деревянные */
nav{max-width:920px;margin:10px auto;text-align:center;padding:0 8px}
nav a{display:inline-block;margin:2px;padding:3px 12px;text-decoration:none;
  font-family:Verdana,Geneva,sans-serif;font-size:.78rem;color:#4a3728;background:#efe6cf;
  border-top:2px solid #fffdf2;border-left:2px solid #fffdf2;
  border-right:2px solid #6f5a3e;border-bottom:2px solid #6f5a3e}
nav a:hover{color:#b32000;background:#ffe9a8;text-decoration:none}
nav a:active{border-top-color:#6f5a3e;border-left-color:#6f5a3e;
  border-right-color:#fffdf2;border-bottom-color:#fffdf2}

/* окна-«пеньки» в стиле Win98 */
.hero,.postform{background:#efe6cf;color:#241a10;max-width:920px;margin:14px auto;padding:0;
  border-top:3px solid #fffdf2;border-left:3px solid #fffdf2;
  border-right:3px solid #6f5a3e;border-bottom:3px solid #6f5a3e}
.hero h2{margin:0;padding:5px 12px;color:#fff;font-family:Verdana,sans-serif;
  font-size:.95rem;background:linear-gradient(90deg,#2f6b2f,#79b356)}
.hero p,.hero ul{padding:0 14px}
.hero form{padding:10px 14px}
.rules{color:#5c4a32;font-size:.85rem;font-family:Verdana,sans-serif}

/* мшистая разделительная линия */
hr{border:none;height:5px;margin:22px 0;
  background:linear-gradient(90deg,#2f6b2f,#7fb356,#c9a15f,#7fb356,#2f6b2f)}

/* карточки борд */
.cards{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:16px 0}
.card{flex:1 1 150px;min-width:140px;background:#efe6cf;color:#241a10;text-align:center;
  padding:12px 8px;text-decoration:none;
  border-top:3px solid #fffdf2;border-left:3px solid #fffdf2;
  border-right:3px solid #6f5a3e;border-bottom:3px solid #6f5a3e}
.card:hover{background:#ffe9a8;text-decoration:none}
.card b{display:block;color:#c62f2f;font-size:1.2rem;margin-bottom:4px}

/* посты */
.op{background:#f2ecd9;color:#241a10;border:1px solid #cdb98a;padding:8px 12px;
  margin:12px 0;overflow-wrap:anywhere}
.re{background:#e3eedd;color:#241a10;border:1px solid #b5cba4;padding:8px 12px;
  margin:10px 0 10px 36px;overflow-wrap:anywhere}
.posthead{font-size:.9rem}
.name{color:#117743;font-weight:bold}
.trip{color:#228854}
.time{color:#8a7a60}
.ref{color:#34345c;text-decoration:none}
.ref:hover{color:red;background:none}
.greentext{color:#789922}
.body{white-space:pre-wrap}
.thumb{float:right;margin:0 0 8px 12px;border:1px solid #8a7a60;background:#fff;
  padding:2px;max-width:170px;max-height:170px;cursor:zoom-in}
.thumb.expanded{float:none;display:block;max-width:min(94vw,900px);max-height:none;
  cursor:zoom-out;margin:8px 0}

/* форма поста */
.postform{display:flex;flex-direction:column;gap:8px;padding:12px}
.postform input,.postform textarea{background:#fff;color:#000;border:2px inset #d4cdb8;
  font-family:"Times New Roman",serif;font-size:1rem;padding:5px}
.postform button,.hero button{align-self:flex-start;background:#efe6cf;color:#4a3728;
  cursor:pointer;font-family:Verdana,sans-serif;font-size:.85rem;padding:4px 16px;
  border-top:2px solid #fffdf2;border-left:2px solid #fffdf2;
  border-right:2px solid #6f5a3e;border-bottom:2px solid #6f5a3e}
.postform button:active,.hero button:active{border-top-color:#6f5a3e;
  border-left-color:#6f5a3e;border-right-color:#fffdf2;border-bottom-color:#fffdf2}

.inline{display:inline}
.x{background:none;border:none;color:#c62f2f;cursor:pointer;font-weight:bold}

/* фишки удобства */
.rbtn{background:#efe6cf;border-top:1px solid #fffdf2;border-left:1px solid #fffdf2;
  border-right:1px solid #6f5a3e;border-bottom:1px solid #6f5a3e;color:#2f6b2f;
  font-family:Verdana,sans-serif;font-size:.62rem;padding:1px 7px;cursor:pointer;margin-left:6px}
.count{font-size:.78rem;color:#8a7a60;margin-left:6px;text-decoration:none}
.count:hover{color:#c62f2f;background:none;text-decoration:none}
.backlinks{clear:both;font-size:.75rem;color:#6b5b45;margin-top:6px;font-family:Verdana,sans-serif}
.backlinks a{color:#34345c;text-decoration:none}
.backlinks a:hover{color:red;background:none}
.op:target,.re:target{background:#fff3b0;outline:2px dashed #c98a00}

.preview{position:absolute;z-index:9999;background:#fbf6e8;color:#241a10;
  border:1px solid #8b5e34;box-shadow:3px 3px 0 rgba(0,0,0,.45);padding:6px 10px;
  overflow-wrap:anywhere;pointer-events:none}
.preview .phead{font-size:.72rem;color:#6b5b45;border-bottom:1px dashed #c9b28a;
  padding-bottom:3px;margin-bottom:4px;font-family:Verdana,sans-serif}
.preview .pbody{white-space:pre-wrap;font-size:.85rem}

.up{position:fixed;right:14px;bottom:14px;padding:4px 10px;text-decoration:none;
  font-family:Verdana,sans-serif;font-size:.72rem;color:#2f6b2f;background:#efe6cf;
  border-top:2px solid #fffdf2;border-left:2px solid #fffdf2;
  border-right:2px solid #6f5a3e;border-bottom:2px solid #6f5a3e}
.up:hover{background:#ffe9a8;color:#b32000;text-decoration:none}

/* бейджи 88×31 */
.badges{text-align:center;margin:18px 0 4px}
.badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
  width:88px;height:31px;margin:2px;overflow:hidden;line-height:1.25;
  font-family:Verdana,sans-serif;font-size:.56rem;font-weight:bold;color:#fff;
  border:1px solid #fff;outline:1px solid #000}
.b-html{background:linear-gradient(#000080,#000030);color:#fc0}
.b-ie{background:linear-gradient(#1e90ff,#00008b)}
.b-made{background:linear-gradient(#14320f,#0a1c08);color:#7cfc00}
.b-anon{background:linear-gradient(#e58bb0,#8b3a62)}
.b-under{background:repeating-linear-gradient(45deg,#ffd800 0 6px,#141414 6px 12px);color:#000}

/* футер */
footer{background:#0e220d;border-top:2px solid #2f6b2f;text-align:center;padding:10px;
  font-size:.85rem;color:#bcd9a0;margin-top:10px}
.counter{font-family:"Courier New",monospace;font-weight:bold;letter-spacing:3px;
  background:#000;color:#39ff14;border:2px inset #444;padding:1px 6px}

.blink{animation:blink 1s steps(1) infinite;color:#ff6a4d;font-weight:bold}
@keyframes blink{50%{visibility:hidden}}

@media(max-width:600px){.re{margin-left:10px}.banner h1 a{font-size:1.6rem}}


/* ===== листопад ===== */
.leaf{position:fixed;top:-50px;z-index:-1;pointer-events:none;
  user-select:none;filter:drop-shadow(1px 2px 0 rgba(0,0,0,.35));
  animation-name:leaffall;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes leaffall{
  0%  {transform:translate(0,0) rotate(0deg);opacity:0}
  4%  {opacity:1}
  25% {transform:translate(-6vw,28vh) rotate(95deg)}
  50% {transform:translate(5vw,55vh) rotate(190deg)}
  75% {transform:translate(-4vw,80vh) rotate(280deg)}
  96% {opacity:1}
  100%{transform:translate(3vw,108vh) rotate(370deg);opacity:0}
}
@media(max-width:600px){
  .leaf{font-size:11px !important} /* на телефонах помельче */
}