/* «ГдеДеп?» — классический форумный стиль. Verdana, панели, зебра. */
*{margin:0;padding:0;box-sizing:border-box}
body{font:13px/1.55 Verdana,Tahoma,'Segoe UI',sans-serif;background:#dde2e8;color:#22303d}
a{color:#1f5c99;text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:980px;margin:0 auto;padding:0 12px}

/* userbar + шапка */
.userbar{background:#1a1030;font-size:11px}
.ub-in{display:flex;justify-content:space-between;padding:5px 12px}
.userbar a{color:#9db4ca;margin-right:14px}
.ub-auth a{margin:0 0 0 14px}
.head{background:linear-gradient(180deg,#3d2a63,#2a1a45);border-bottom:3px solid #e8b923}
.head-in{display:flex;justify-content:space-between;align-items:center;padding:14px 12px}
.logo{display:flex;gap:10px;align-items:center}
.logo:hover{text-decoration:none}
.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#e8b923;color:#2a1a45;font-weight:bold;font-size:17px;border-radius:6px}
.logo-name{display:block;color:#fff;font-size:21px;font-weight:bold;letter-spacing:.5px}
.logo-tag{display:block;color:#a9c0d6;font-size:11px}
.online{color:#a9c0d6;font-size:11px}
.online b{color:#8fd48f}

main{padding:16px 12px 28px}
.pagetitle{font-size:15px;color:#44576b;font-weight:normal;margin:2px 0 14px}

/* категории на главной */
.cat{background:#fff;border:1px solid #bfcad6;border-radius:4px;margin-bottom:16px;overflow:hidden}
.cat-head{display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(180deg,#4a3372,#33235a);color:#fff;padding:9px 14px}
.cat-head h2{font-size:14px}
.cat-head p{font-size:11px;color:#b7c9da}
.cat-count{font-size:11px;color:#b7c9da;white-space:nowrap}
.tlist{width:100%;border-collapse:collapse}
.tlist th{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:#6b7c8d;text-align:left;padding:6px 10px;background:#eef2f6;border-bottom:1px solid #d5dde5}
.tlist td{padding:9px 10px;border-bottom:1px solid #e4eaf0;vertical-align:middle}
.trow:nth-child(even){background:#f6f8fb}
.trow:hover{background:#eef4fa}
.row-pin{background:#fdf8ea!important}
.c-ico{width:30px;text-align:center;font-size:15px}
.t-link{font-weight:bold}
.t-by{display:block;font-size:10px;color:#8b98a5;margin-top:2px}
.t-meta-m{display:none;font-size:10px;color:#8b98a5}
.c-num{width:76px;text-align:center;color:#556677}
.c-last{width:190px;font-size:11px}
.lp-date{display:block;color:#556677}
.lp-by{color:#8b98a5}

/* ветка */
.crumbs{font-size:11px;color:#7c8a98;margin-bottom:10px}
.crumbs span{color:#55636f}
.t-head{background:linear-gradient(180deg,#4a3372,#33235a);color:#fff;border:1px solid #bfcad6;border-radius:4px 4px 0 0;padding:11px 14px}
.t-head h1{font-size:16px;line-height:1.35}
.t-stats{font-size:11px;color:#b7c9da;margin-top:3px}
.post{display:flex;background:#fff;border:1px solid #bfcad6;border-top:none}
.post:nth-child(odd){background:#f9fafc}
.p-user{flex:0 0 150px;padding:12px;border-right:1px solid #e4eaf0;text-align:center;font-size:10px;color:#6b7c8d}
.ava{border-radius:6px;margin-bottom:6px}
.p-nick{display:block;font-weight:bold;font-size:12px;word-break:break-word}
.p-rank{display:block;margin-top:2px}
.stars{display:block;color:#e8b923;font-size:10px;letter-spacing:1px;margin:2px 0 6px}
.p-info{display:block;line-height:1.6}
.p-body{flex:1;padding:12px 16px;min-width:0}
.p-top{display:flex;align-items:center;gap:10px;font-size:11px;color:#8b98a5;border-bottom:1px solid #edf1f5;padding-bottom:6px;margin-bottom:10px}
.p-num{margin-left:auto;color:#aab6c2}
.p-text p{margin-bottom:9px}
.p-text p:last-child{margin-bottom:0}
.p-text a{font-weight:bold}
blockquote.q{background:#f1f4f8;border-left:3px solid #9fb3c8;font-size:12px;padding:7px 10px;margin:0 0 9px;color:#4c5a68}
.q-a{display:block;font-size:10px;color:#8b98a5;margin-bottom:2px;font-style:italic}
.post-best{border-left:4px solid #4d9e4d;background:#f5fbf2!important}
.best-badge{background:#4d9e4d;color:#fff;font-size:10px;font-weight:bold;padding:2px 8px;border-radius:10px}
.thanks{font-size:11px;color:#4d9e4d;margin-top:10px}
.sig{border-top:1px dashed #d5dde5;margin-top:10px;padding-top:6px;font-size:11px;color:#96a3b0;font-style:italic}
.modlist{border-collapse:collapse;margin:10px 0;width:100%;font-size:12px}
.modlist th,.modlist td{border:1px solid #d5dde5;padding:6px 9px;text-align:left}
.modlist th{background:#eef2f6;font-size:10px;text-transform:uppercase;color:#6b7c8d}
.modnote{font-size:11px;color:#8578a0;margin:6px 0 0}
.gobtn{display:inline-block;background:#e8b923;color:#2a1a45;font-weight:bold;font-size:11px;padding:5px 12px;border-radius:5px;text-decoration:none;white-space:nowrap}
.gobtn:hover{background:#f0c944;text-decoration:none}
/* CTA-строка «где крутить» — точка выхода на каждой ветке */
.tcta{background:linear-gradient(180deg,#f7f2ff,#efe6ff);border:1px solid #d9c8f0;border-radius:8px;padding:11px 14px;margin:14px 0;font-size:13px;color:#3d2a63;line-height:1.7}
.tcta a{font-weight:bold;color:#6b4fa0}
.tcta span{color:#6b5b85;font-size:12px}
@media (max-width:560px){.modlist{display:block;overflow-x:auto;white-space:nowrap}}
/* слот-карточка «опознан → крути» (органичный CTA в лучшем ответе) */
.slotcard{display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#f7f2ff,#efe6ff);border:1px solid #d9c8f0;border-radius:8px;padding:10px 12px;margin:10px 0}
.slotcard .emo{font-size:30px;line-height:1;flex:0 0 auto}
.slotcard .info{flex:1;min-width:0}
.slotcard .sname{display:block;font-weight:bold;font-size:14px;color:#3d2a63}
.slotcard .sdesc{display:block;font-size:11px;color:#6b5b85;margin-top:1px}
.slotcard .play{flex:0 0 auto;background:#e8b923;color:#2a1a45;font-weight:bold;font-size:12px;padding:8px 14px;border-radius:6px;white-space:nowrap;text-decoration:none}
.slotcard .play:hover{background:#f0c944;text-decoration:none}
@media (max-width:560px){.slotcard{flex-wrap:wrap}.slotcard .play{width:100%;text-align:center}}
/* галерея опознания «это / не то» */
.slotgal{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}
.slotpic{flex:1 1 210px;max-width:280px;margin:0;border:1px solid #d9c8f0;border-radius:8px;overflow:hidden;background:#faf7ff}
.slotpic img{width:100%;height:150px;object-fit:contain;background:#efe7fb;display:block}
.slotpic figcaption{padding:8px 10px;font-size:12px;display:flex;flex-direction:column;gap:2px}
.slotpic .pt{font-size:10px;font-weight:bold;border-radius:10px;padding:1px 8px;align-self:flex-start}
.slotpic .pt.yes{background:#e3f5e3;color:#2e7d32}
.slotpic .pt.no{background:#fbe6e0;color:#b0472c}
.slotpic .pt.ver{background:#ece2ff;color:#6b4fa0}
@media (max-width:560px){.slotgal{flex-direction:column}.slotpic{max-width:100%;flex:1 1 auto;min-width:0}}
.slotpic figcaption b{color:#3d2a63;font-size:13px}
.slotpic .prov{color:#8578a0;font-size:11px}
.slotpic .pminplay{margin-top:4px;background:#e8b923;color:#2a1a45;font-weight:bold;font-size:11px;padding:5px 10px;border-radius:5px;text-align:center;text-decoration:none}
.slotpic .pminplay:hover{background:#f0c944;text-decoration:none}
/* серия-вариации */
.series{background:#f3eeff;border-left:3px solid #8a6fc0;border-radius:0 6px 6px 0;padding:8px 12px;margin:10px 0;font-size:12.5px}
.series b{color:#3d2a63}
.series ul{margin:5px 0 0;padding-left:18px}
.series li{padding:1px 0}

/* ответ + похожие */
.reply{background:#fff;border:1px solid #bfcad6;border-top:none;border-radius:0 0 4px 4px;padding:14px}
.reply textarea{width:100%;height:64px;margin:8px 0 6px;border:1px solid #c6d0da;border-radius:3px;background:#f4f6f9;padding:8px;font:inherit;resize:none}
.reply-note{font-size:11px;color:#8b98a5}
.rel{background:#fff;border:1px solid #bfcad6;border-radius:4px;margin-top:16px;padding:12px 14px}
.rel h2{font-size:12px;color:#44576b;margin-bottom:8px}
.rel li{list-style:none;padding:4px 0;border-bottom:1px dotted #e4eaf0;font-size:12px}
.rel li:last-child{border-bottom:none}
.rel span{color:#8b98a5;font-size:11px}

/* подвал */
.foot{background:#1a1030;color:#8fa3b8;font-size:11px;padding:16px 0 60px;line-height:1.7}
.foot-stats{color:#a9c0d6}
.foot-stats b{color:#8fd48f}
.foot-legal{margin:8px 0}
.foot-copy{color:#5f7183}

/* плавающая CTA (мобайл) */
.fbar{display:none;position:fixed;left:0;right:0;bottom:0;background:#2a1a45;border-top:2px solid #e8b923;color:#a9c0d6;font-size:12px;padding:10px 12px;text-align:center;z-index:50;transition:transform .25s}
.fbar a{color:#ffdb6b;font-weight:bold}
.fbar.hid{transform:translateY(110%)}

/* планшет */
@media (max-width:920px){
  .tlist td.c-last,.tlist th.c-last{display:none}
  .c-num{width:60px}
  .p-user{flex-basis:118px}
}
/* мобайл */
@media (max-width:560px){
  body{font-size:14px}
  .head-in{flex-direction:column;gap:6px;text-align:center}
  .tlist,.tlist tbody,.tlist tr,.tlist td{display:block;width:100%}
  .tlist thead{display:none}
  .tlist td.c-num,.tlist td.c-last{display:none}
  .trow{border-bottom:1px solid #e4eaf0;padding:2px 0}
  .tlist td.c-ico{display:inline-block;width:auto;padding:9px 2px 9px 10px}
  .tlist td.c-title{display:inline-block;width:calc(100% - 46px);border:none;vertical-align:top}
  .t-meta-m{display:block;margin-top:2px}
  .t-by{display:none}
  .cat-head{flex-direction:column;align-items:flex-start;gap:2px}
  .post{flex-direction:column}
  .p-user{flex-basis:auto;display:flex;align-items:center;gap:10px;text-align:left;border-right:none;border-bottom:1px solid #e4eaf0;padding:9px 12px}
  .ava{width:36px;height:36px;margin:0}
  .stars{display:inline-block;margin:0 0 0 4px}
  .p-info{display:none}
  .p-rank{display:inline-block;margin:0}
  .fbar{display:block}
}