/* =====================================================================
   KORD UI v0.12 — красный / чёрный / белый, строгий «разведывательный» стиль
   (общий язык с KORD INFORMATION): срезанные углы, HUD, глитч, сканлайн,
   искры за курсором, наклон карточек, бегущие полосы.
   Слой подключается ПОСЛЕ style.css и переопределяет его.
   ===================================================================== */
:root{
  --bg:#050506; --bg2:#0a0709; --panel:rgba(12,8,10,.78); --panel-s:rgba(16,10,13,.9);
  --red:#e3112a; --red-hi:#ff2a40; --red-lo:#7a0613;
  --white:#f5f3f3; --grey:#a7a1a4; --dim:#6d676a;
  --line:rgba(255,255,255,.12); --line-r:rgba(227,17,42,.55);
  --f-h:'Oswald','Arial Narrow','Impact',sans-serif;
  --f-b:'Golos Text','Segoe UI',Arial,sans-serif;
  --f-m:'JetBrains Mono','Consolas','Courier New',monospace;
  --cut:18px; --ease:cubic-bezier(.2,.75,.15,1);
  --title:var(--f-h); --body:var(--f-b);
  --muted:#a7a1a4; --muted2:#6d676a;
}
html{scroll-padding-top:90px;background:var(--bg)}
body{background:transparent;color:var(--white);font:15px/1.6 var(--f-b);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
body.is-loading{overflow:hidden}
::selection{background:var(--red);color:#fff}
.container{width:min(1280px,100% - 48px);margin-inline:auto}
h1,h2,h3,h4{font-family:var(--f-h);text-transform:uppercase;letter-spacing:.04em;font-weight:600}
h1 span,h2 span{color:var(--red)}
a,button,summary,label,select,[data-hot]{cursor:pointer}
.cur{display:none!important}
main,.footer,.site-header,.utility-strip,.ticker{position:relative;z-index:2}

/* ---------- сцена: фон, виньетка, зерно ---------- */
#bg-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-3;display:block;background:radial-gradient(ellipse at 72% 18%,#2a0a10 0%,#0b0508 45%,#050506 80%)}
.vignette{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)}
.grain{position:fixed;inset:-50%;z-index:40;pointer-events:none;opacity:.05;background-image:repeating-radial-gradient(circle at 17% 32%,#fff 0,#fff 1px,transparent 1px,transparent 3px);animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}

/* HUD: уголки + сканирующая линия + прогресс прокрутки */
.hud{position:fixed;inset:0;z-index:30;pointer-events:none}
.hud .c{position:absolute;width:30px;height:30px;border:0 solid var(--red);opacity:.8}
.hud .tl{top:12px;left:12px;border-top-width:2px;border-left-width:2px}
.hud .tr{top:12px;right:12px;border-top-width:2px;border-right-width:2px}
.hud .bl{bottom:12px;left:12px;border-bottom-width:2px;border-left-width:2px}
.hud .br{bottom:12px;right:12px;border-bottom-width:2px;border-right-width:2px}
.scanline{position:absolute;left:0;right:0;height:140px;top:-140px;background:linear-gradient(180deg,transparent,rgba(227,17,42,.07),transparent);animation:scan 8s linear infinite}
@keyframes scan{to{transform:translateY(calc(100vh + 280px))}}
.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60}
.progress i{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--red-lo),var(--red),#fff);box-shadow:0 0 14px var(--red)}

/* ---------- загрузчик (один раз за сессию) ---------- */
.loader{display:none;position:fixed;inset:0;z-index:100;background:#000;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:clip-path 1s var(--ease),opacity .4s .8s;clip-path:inset(0 0 0 0)}
html.boot .loader{display:flex}
.loader.done{clip-path:inset(0 0 100% 0);opacity:0;pointer-events:none}
.loader-logo{width:min(34vh,260px);aspect-ratio:1;mix-blend-mode:screen;animation:lgl 2.2s steps(1) infinite}
.loader-logo img{width:100%;height:100%;object-fit:contain}
.loader-word{font-family:var(--f-h);font-weight:600;font-size:clamp(20px,3vw,32px);letter-spacing:.42em;text-indent:.42em}
.loader-bar{width:min(380px,70vw);height:3px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}
.loader-bar i{position:absolute;inset:0;transform-origin:left;transform:scaleX(0);background:var(--red);box-shadow:0 0 16px var(--red)}
.loader-pct{font-family:var(--f-m);font-size:13px;color:var(--grey);letter-spacing:.2em}
@keyframes lgl{0%,100%{transform:none;filter:none}8%{transform:translateX(-6px);filter:hue-rotate(-12deg) brightness(1.5)}10%{transform:translateX(7px) skewX(4deg)}12%{transform:none}52%{transform:translateX(5px);filter:brightness(1.7)}54%{transform:translateX(-4px) scaleY(1.02)}56%{transform:none;filter:none}}

/* ---------- курсор-прицел и искры ---------- */
.cur{position:fixed;left:0;top:0;z-index:200;pointer-events:none;will-change:transform}
.cur-ring{width:34px;height:34px;margin:-17px 0 0 -17px;border:1.5px solid rgba(255,255,255,.6);border-radius:50%;transition:width .25s var(--ease),height .25s var(--ease),margin .25s var(--ease),border-color .25s,background .25s;position:relative}
.cur-ring::before,.cur-ring::after{content:"";position:absolute;background:var(--red)}
.cur-ring::before{left:50%;top:-6px;width:1.5px;height:8px;margin-left:-.75px;box-shadow:0 30px 0 var(--red)}
.cur-ring::after{top:50%;left:-6px;height:1.5px;width:8px;margin-top:-.75px;box-shadow:30px 0 0 var(--red)}
.cur-ring.hot{width:58px;height:58px;margin:-29px 0 0 -29px;border-color:var(--red);background:rgba(227,17,42,.12)}
.cur-ring.down{width:22px;height:22px;margin:-11px 0 0 -11px;background:rgba(227,17,42,.3)}
.cur-dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--red-hi);border-radius:50%;box-shadow:0 0 10px var(--red)}
.sparks{position:fixed;inset:0;z-index:150;pointer-events:none;width:100%;height:100%}

/* ---------- верхняя полоса и шапка ---------- */
.utility-strip{background:rgba(5,5,6,.85);border-bottom:1px solid var(--line);height:34px;font:11px/34px var(--f-m);letter-spacing:.14em;color:var(--grey)}
.utility-content{display:flex;align-items:center;justify-content:space-between;gap:20px}
.utility-content .dim{color:var(--dim)}
.clock{color:var(--grey)}
.pulse-dot,.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-right:8px;animation:ping 1.8s infinite;vertical-align:middle}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(227,17,42,.8)}70%{box-shadow:0 0 0 11px rgba(227,17,42,0)}100%{box-shadow:0 0 0 0 rgba(227,17,42,0)}}
.site-header{height:auto;background:rgba(5,5,6,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;transition:background .3s,box-shadow .3s}
.site-header.stuck{background:rgba(5,5,6,.9);box-shadow:0 8px 30px rgba(0,0,0,.5),0 1px 0 var(--line-r)}
.header-inner{height:72px;display:flex;align-items:center;gap:24px;transition:height .3s}
.site-header.stuck .header-inner{height:60px}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(227,17,42,.55));transition:transform .5s var(--ease),filter .3s}
.brand:hover img{transform:rotate(-8deg) scale(1.08);filter:drop-shadow(0 0 16px rgba(255,42,64,.9))}
.brand-word{display:flex;flex-direction:column;line-height:1;font-family:var(--f-h);font-weight:700;font-size:26px;letter-spacing:.14em}
.brand-word .brand-point{color:var(--red)}
.brand-word small{white-space:nowrap;font:10px var(--f-m);letter-spacing:.38em;color:var(--grey);margin-top:5px}
.main-nav{display:flex;gap:2px;margin-left:auto;align-items:center}
.main-nav a{font-family:var(--f-h);font-weight:500;font-size:14px;letter-spacing:.14em;text-transform:uppercase;padding:10px 13px;color:var(--grey);position:relative;transition:color .25s;height:auto;display:inline-flex;align-items:center;gap:6px}
.main-nav a::after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);box-shadow:0 0 10px var(--red)}
.main-nav a:hover,.main-nav a.active{color:#fff}
.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1)}
.nav-badge{font:10px var(--f-m);background:var(--red);color:#fff;padding:1px 6px;letter-spacing:.06em;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}
.header-actions{display:flex;align-items:center;gap:14px}
.search-trigger{display:grid;place-items:center;width:40px;height:40px;color:var(--grey);border:1px solid var(--line);transition:.25s}
.search-trigger:hover{color:#fff;border-color:var(--red);background:rgba(227,17,42,.1)}
.header-user{display:flex;align-items:center;gap:10px;font-family:var(--f-h);letter-spacing:.08em;text-transform:uppercase}
.noti-link{position:relative;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);font-size:20px;color:var(--grey)}
.noti-link b{position:absolute;top:-6px;right:-6px;font:10px var(--f-m);background:var(--red);color:#fff;padding:1px 5px;box-shadow:0 0 12px var(--red)}
.login-link{font-family:var(--f-h);letter-spacing:.14em;color:var(--grey)}
.login-link:hover{color:#fff}
.menu-toggle{display:none}

/* ---------- кнопки со срезанными углами ---------- */
.btn,.control-chip,button.btn{--c:10px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:0 24px;font-family:var(--f-h);font-weight:500;font-size:14px;letter-spacing:.16em;text-transform:uppercase;border:0;color:#fff;
  clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c));transition:transform .3s var(--ease),background .3s,color .3s;overflow:hidden;will-change:transform}
.btn span{position:relative}
.btn-red{background:var(--red);color:#fff;box-shadow:none}
.btn-red::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--ease)}
.btn-red:hover::before{transform:translateX(120%)}
.btn-red:hover{background:var(--red-hi)}
.btn-outline,.btn-white{background:rgba(255,255,255,.04);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);border:0}
.btn-outline:hover{background:#fff;color:#000}
.btn-white{background:#fff;color:#000}
.btn-white:hover{background:var(--red);color:#fff}
.btn-small{min-height:38px;padding:0 18px;font-size:13px;--c:8px}
.control-chip{min-height:34px;padding:0 14px;font-size:12px;--c:7px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line);color:var(--white);letter-spacing:.12em}
.control-chip:hover{background:var(--red);box-shadow:none}
button:disabled{opacity:.5}

/* ---------- формы ---------- */
input,textarea,select{background:rgba(5,5,6,.85);border:1px solid var(--line);color:var(--white);border-radius:0;padding:12px 14px;font:inherit;transition:border-color .25s,box-shadow .25s,background .25s;min-width:0}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(227,17,42,.18),0 0 24px rgba(227,17,42,.12);background:#0a0507}
input::placeholder,textarea::placeholder{color:var(--dim)}
label{font-family:var(--f-m);font-size:11px;letter-spacing:.12em;color:var(--grey)}
.form-panel,.security-panel,.admin-record,.small-form{background:var(--panel);border:1px solid var(--line)}

/* ---------- общие панели (срезанные углы + подсветка по курсору) ---------- */
.panel,.card,.widget,.cat-row,.stat-strip,.post-card,.members-grid .member,.feed-item,.wall-item,.news-card,.v6-home-block,.tier-card,.empty-state{--c:var(--cut);position:relative;background:var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c));border:0}
.panel::before,.widget::before,.cat-row::before,.stat-strip::before,.post-card::before,.member::before,.feed-item::before,.wall-item::before,.news-card::before,.tier-card::before,.empty-state::before{content:"";position:absolute;inset:0;border:1px solid var(--line);clip-path:inherit;pointer-events:none;transition:border-color .3s;z-index:3}
.panel:hover::before,.widget:hover::before,.cat-row:hover::before,.post-card:hover::before,.member:hover::before,.feed-item:hover::before,.wall-item:hover::before,.news-card:hover::before,.tier-card:hover::before{border-color:var(--line-r)}
.spot{position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(227,17,42,.16),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:1}
[data-tilt]:hover>.spot,.spotlit:hover>.spot{opacity:1}
.empty-state{padding:40px 28px;border:0;color:var(--grey)}
.empty-state h3,.empty-state strong{font-family:var(--f-h);color:#fff;font-size:26px}

/* ---------- заголовки страниц ---------- */
.inner-main{padding-top:34px;padding-bottom:90px}
.breadcrumbs{display:flex;align-items:center;gap:12px;font:11px var(--f-m);letter-spacing:.14em;color:var(--grey);margin-bottom:26px;text-transform:uppercase}
.breadcrumbs a{color:var(--grey);transition:color .2s}.breadcrumbs a:hover{color:#fff}
.breadcrumbs span{color:var(--red)}
.page-hero{padding:34px 0 30px;position:relative;border-bottom:1px solid var(--line);margin-bottom:30px}
.page-hero h1{font-size:clamp(40px,6vw,84px);line-height:.98;margin:10px 0 14px;font-family:var(--f-h);font-weight:700;letter-spacing:.02em}
.page-hero p{color:var(--grey);max-width:640px;font-size:17px;margin:0}
.page-hero.compact h1{font-size:clamp(34px,4.6vw,60px)}
.page-decor{position:absolute;right:0;bottom:18px;font:700 clamp(70px,12vw,170px)/.8 var(--f-h);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);pointer-events:none;text-transform:uppercase}
.eyebrow{font:11px var(--f-m);letter-spacing:.2em;color:var(--grey);text-transform:uppercase}
.eyebrow.red-line{display:inline-flex;align-items:center;gap:12px;color:#ff6575}
.eyebrow.red-line::before{content:"";width:34px;height:2px;background:var(--red);box-shadow:0 0 10px var(--red)}
.list-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:30px 0 16px}
.list-heading h2{font-size:clamp(22px,2.4vw,32px);margin:0}
.list-heading small{font:12px var(--f-m);color:var(--dim);letter-spacing:.1em}
.text-link{font:12px var(--f-m);letter-spacing:.14em;color:var(--grey);text-transform:uppercase;transition:color .2s}
.text-link:hover{color:var(--red-hi)}
.heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.notice{display:flex;gap:12px;align-items:center;padding:14px 20px;margin:18px auto;background:rgba(227,17,42,.1);border:1px solid var(--line-r);font:13px var(--f-m);letter-spacing:.04em;animation:slidein .5s var(--ease)}
.notice span{color:var(--red-hi)}
@keyframes slidein{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}

/* линейный «выезд» заголовков (как в KORD INFORMATION) */
.ln{display:inline-block;overflow:hidden;vertical-align:top;position:relative;padding-bottom:.06em}
.ln>span{display:inline-block;transform:translateY(112%);transition:transform 1s var(--ease)}
.ln::after{content:"";position:absolute;inset:0;background:var(--red);transform:translateX(-101%);visibility:visible}
.ln.in>span{transform:none}
.ln.in::after{animation:bar 1s var(--ease) forwards}
.ln.red{color:var(--red)}.ln.red::after{background:#fff}
@keyframes bar{0%{transform:translateX(-101%)}45%{transform:translateX(0)}99%{transform:translateX(101%)}100%{transform:translateX(101%);visibility:hidden}}
html:not(.js) .ln>span{transform:none}html:not(.js) .ln::after{display:none}
/* глитч */
.glitch{position:relative}
.glitch::before,.glitch::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none;opacity:0}
.glitch::before{color:var(--red);transform:translateX(-4px)}
.glitch::after{color:#fff;transform:translateX(4px)}
.glitch.on::before{opacity:.9;animation:gl1 .55s steps(1) 1}
.glitch.on::after{opacity:.7;animation:gl2 .55s steps(1) 1}
@keyframes gl1{0%{clip-path:inset(10% 0 70% 0);transform:translate(-6px,0)}15%{clip-path:inset(55% 0 20% 0);transform:translate(5px,-2px)}30%{clip-path:inset(30% 0 45% 0);transform:translate(-8px,1px)}45%{clip-path:inset(80% 0 5% 0);transform:translate(4px,0)}60%{clip-path:inset(5% 0 85% 0);transform:translate(-3px,2px)}80%{clip-path:inset(60% 0 25% 0);transform:translate(7px,0)}100%{clip-path:inset(0 0 100% 0)}}
@keyframes gl2{0%{clip-path:inset(60% 0 15% 0);transform:translate(6px,0)}20%{clip-path:inset(15% 0 65% 0);transform:translate(-5px,2px)}40%{clip-path:inset(75% 0 8% 0);transform:translate(8px,-1px)}60%{clip-path:inset(35% 0 40% 0);transform:translate(-4px,0)}80%{clip-path:inset(8% 0 80% 0);transform:translate(5px,1px)}100%{clip-path:inset(0 0 100% 0)}}
/* появление блоков */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}

/* ---------- бегущая строка ---------- */
.ticker{overflow:hidden;white-space:nowrap;background:var(--red);color:#050506;box-shadow:0 0 50px rgba(227,17,42,.4);transform:rotate(-.6deg) scale(1.02);margin:6px 0 26px;padding:9px 0}
.ticker.dark{background:rgba(5,5,6,.9);border-block:1px solid var(--line);box-shadow:none;transform:none;margin:0;padding:8px 0;color:var(--grey)}
.ticker-track{display:inline-flex;gap:46px;animation:run 46s linear infinite;will-change:transform}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-track a,.ticker-track span{font-family:var(--f-h);font-weight:600;font-size:15px;letter-spacing:.14em;text-transform:uppercase}
.ticker-track a:nth-child(odd){color:#fff}
.ticker-track a:hover{text-decoration:underline}
.ticker-track i{font-style:normal;opacity:.6;margin-right:10px}
@keyframes run{to{transform:translateX(-50%)}}

/* ---------- HERO главной ---------- */
.hero{min-height:560px;background:none;border:0;position:relative;display:flex;align-items:center;padding:60px 0 40px}
.hero::after{display:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:30px;align-items:center}
.hero-copy h1{font-family:var(--f-h);font-weight:700;font-size:clamp(42px,6.2vw,100px);line-height:.9;letter-spacing:.02em;margin:16px 0 22px}
.hero-copy h1 b{color:var(--red)}
.hero-outline{display:block;font-weight:600;font-size:.42em;letter-spacing:.2em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.85);margin-top:.2em}
.hero-lead{color:var(--grey);font-size:19px;max-width:560px;margin-bottom:30px}
.hero-buttons{display:flex;flex-wrap:wrap;gap:14px}
.hero-art{position:relative;display:grid;place-items:center;min-height:360px}
.hero-art img{width:min(100%,460px);height:auto;position:relative;z-index:2;filter:drop-shadow(0 0 40px rgba(227,17,42,.45));animation:float 7s ease-in-out infinite;transform-style:preserve-3d}
.hero-ring{position:absolute;width:min(92%,520px);aspect-ratio:1;border-radius:50%;border:1px dashed rgba(227,17,42,.5);animation:spin 40s linear infinite}
.hero-ring.r2{width:min(70%,400px);border-style:solid;border-color:rgba(255,255,255,.12);animation-duration:26s;animation-direction:reverse}
.hero-ring::after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;background:var(--red-hi);border-radius:50%;box-shadow:0 0 14px var(--red-hi)}
@keyframes float{50%{transform:translateY(-14px) rotate(1.2deg)}}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-coord{position:absolute;bottom:0;right:0;font:11px var(--f-m);letter-spacing:.2em;color:var(--dim)}

/* ---------- полоса статистики ---------- */
.stat-strip{display:grid;grid-template-columns:repeat(5,1fr);margin:6px 0 34px;padding:0}
.stat-strip>div:not(.spot){padding:22px 24px;border-right:1px solid var(--line);position:relative;z-index:2}
.stat-strip>div:last-child{border-right:0}
.stat-strip b{display:block;font:600 clamp(30px,3.2vw,46px)/1 var(--f-h);color:#fff}
.stat-strip small,.stat-strip span.l{display:block;font:11px var(--f-m);letter-spacing:.16em;color:var(--grey);margin-top:8px;text-transform:uppercase}
.stat-strip .live-dot{margin-right:6px}

/* ---------- макет форума: основная колонка + сайдбар ---------- */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.layout>*{min-width:0}
.sidebar{display:grid;gap:18px;position:sticky;top:88px}
.widget{padding:0}
.widget-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);font:600 15px var(--f-h);letter-spacing:.14em;text-transform:uppercase}
.widget-head small{font:11px var(--f-m);color:var(--grey);letter-spacing:.1em}
.widget-head a{font:11px var(--f-m);color:var(--grey);letter-spacing:.1em}.widget-head a:hover{color:var(--red-hi)}
.widget-body{padding:14px 18px}

/* аватары и имена */
.av{--s:40px;display:inline-grid;place-items:center;width:var(--s);height:var(--s);flex:none;position:relative;background:linear-gradient(135deg,var(--red-lo),#1a0509);color:#fff;font:600 calc(var(--s)*.46) var(--f-h);overflow:hidden;clip-path:polygon(22% 0,100% 0,100% 78%,78% 100%,0 100%,0 22%);text-transform:uppercase}
.av img{width:100%;height:100%;object-fit:cover}
.av-sm{--s:28px}.av-md{--s:40px}.av-lg{--s:64px}.av-xl{--s:104px}
.av.on::after{content:"";position:absolute;right:2px;bottom:2px;width:9px;height:9px;border-radius:50%;background:#2dd36f;box-shadow:0 0 8px #2dd36f;border:1.5px solid #050506}
.un{font-weight:600;color:#fff;transition:color .2s,text-shadow .2s}
.un:hover{color:var(--red-hi)}
.un-admin{color:var(--red-hi);text-shadow:0 0 12px rgba(255,42,64,.55)}
.un-mod{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.35);border-bottom:1px solid var(--red)}
.un-prem{background:linear-gradient(100deg,#fff 0%,var(--red-hi) 35%,#fff 70%,var(--red-hi) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:prem 4s linear infinite}
@keyframes prem{to{background-position:-220% 0}}
.badge{display:inline-block;font:10px var(--f-m);letter-spacing:.12em;padding:2px 8px;border:1px solid var(--line);color:var(--grey);text-transform:uppercase}
.badge.adm{border-color:var(--red);color:#ff6575;background:rgba(227,17,42,.1)}
.badge.mod{border-color:#fff;color:#fff}
.badge.vip{border-color:var(--red-hi);color:#fff;background:linear-gradient(100deg,var(--red-lo),var(--red))}
.mini-avatar{display:inline-grid;place-items:center;width:32px;height:32px;background:linear-gradient(135deg,var(--red-lo),#1a0509);font:600 15px var(--f-h)}

/* ---------- список разделов ---------- */
.cat-list{display:grid;gap:12px}
.cat-row{display:grid;grid-template-columns:62px minmax(0,1fr) 150px 250px;gap:18px;align-items:center;padding:18px 22px;transition:transform .25s var(--ease)}
.cat-row:hover{transform:translateX(6px)}
.cat-ico{width:58px;height:58px;display:grid;place-items:center;color:var(--red);border:1px solid var(--line-r);background:rgba(227,17,42,.08);font:600 20px var(--f-h);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:.3s}
.cat-row:hover .cat-ico{background:var(--red);color:#fff;box-shadow:0 0 24px rgba(227,17,42,.5)}
.cat-main h3{margin:0 0 4px;font-size:21px;letter-spacing:.06em}
.cat-main h3 a:hover{color:var(--red-hi)}
.cat-main p{margin:0;color:var(--grey);font-size:14px}
.cat-stats{display:flex;gap:20px;font:11px var(--f-m);color:var(--grey);letter-spacing:.1em}
.cat-stats b{display:block;font:600 22px var(--f-h);color:#fff;letter-spacing:.02em}
.cat-last{font-size:13px;color:var(--grey);min-width:0}
.cat-last a{display:block;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cat-last a:hover{color:var(--red-hi)}
.cat-last small{font:11px var(--f-m);color:var(--dim)}

/* ---------- темы (как у lolz: аватар / префикс+название / ответы / просмотры / последний ответ) ---------- */
.thread-list{display:grid;gap:8px}
.thread{--c:12px;display:grid;grid-template-columns:48px minmax(0,1fr) 78px 86px 190px;gap:16px;align-items:center;padding:14px 18px;position:relative;background:var(--panel);
  clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c));transition:transform .25s var(--ease),background .25s}
.thread::before{content:"";position:absolute;inset:0;border:1px solid var(--line);clip-path:inherit;pointer-events:none;transition:border-color .25s}
.thread::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);transform:scaleY(0);transition:transform .35s var(--ease);box-shadow:0 0 14px var(--red)}
.thread:hover{transform:translateX(5px);background:var(--panel-s)}
.thread:hover::before{border-color:var(--line-r)}
.thread:hover::after{transform:scaleY(1)}
.thread.is-pinned{background:linear-gradient(90deg,rgba(227,17,42,.12),var(--panel) 40%)}
.thread-main{min-width:0}
.thread-title{display:block;font:600 17px/1.3 var(--f-b);color:#fff;overflow-wrap:anywhere}
.thread:hover .thread-title{color:#fff;text-shadow:0 0 18px rgba(255,42,64,.35)}
.thread-meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font:11px var(--f-m);letter-spacing:.06em;color:var(--dim);margin-top:5px}
.thread-meta .un{font-size:12px}
.thread-num{text-align:center;font:600 20px var(--f-h);color:#fff;line-height:1}
.thread-num small{display:block;font:10px var(--f-m);letter-spacing:.14em;color:var(--dim);margin-top:5px;font-weight:400}
.thread-last{font-size:12px;color:var(--grey);min-width:0}
.thread-last small{display:block;font:11px var(--f-m);color:var(--dim)}
.pfx{display:inline-block;font:600 10px var(--f-m);letter-spacing:.1em;padding:2px 8px;margin-right:8px;vertical-align:2px;text-transform:uppercase;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}
.pfx-discuss{background:rgba(255,255,255,.1);color:#ddd}
.pfx-question{background:var(--red);color:#fff}
.pfx-guide{background:#fff;color:#000}
.pfx-idea{background:transparent;color:#ff6575;box-shadow:inset 0 0 0 1px var(--red)}
.flag{color:var(--red-hi);font:11px var(--f-m);letter-spacing:.1em}
.topic-labels{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}
.topic-labels a,.topic-labels span{border:1px solid var(--line);padding:2px 8px;color:var(--grey);font:11px var(--f-m)}
.topic-labels a:hover{border-color:var(--red);color:#fff}

/* фильтры */
.filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:16px 18px;margin:0 0 16px}
.filter-bar label{flex:1 1 150px;display:flex;flex-direction:column;gap:6px;text-transform:uppercase}
.forum-filters{background:var(--panel);border:1px solid var(--line)}
.forum-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px;margin:28px auto;font:12px var(--f-m);letter-spacing:.14em;color:var(--grey)}
.forum-pagination a{color:#fff;background:var(--panel);border:1px solid var(--line);padding:12px 18px;transition:.25s}
.forum-pagination a:hover{border-color:var(--red);background:rgba(227,17,42,.14)}
.subcategories{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.subcategories a{padding:8px 16px;border:1px solid var(--line);font:12px var(--f-m);letter-spacing:.1em;color:#fff;transition:.2s}
.subcategories a:hover{border-color:var(--red);background:rgba(227,17,42,.12)}

/* ---------- сообщения темы ---------- */
.topic-title-area{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:26px}
.topic-title-area h1{font:700 clamp(28px,4vw,52px)/1.08 var(--f-h);letter-spacing:.02em;margin:14px 0;max-width:1000px;text-transform:none}
.topic-title-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font:12px var(--f-m);letter-spacing:.08em;color:var(--grey)}
.topic-title-bottom i{color:var(--red);font-style:normal;margin:0 6px}
.topic-title-bottom a{color:#fff}
.posts-wrap{display:grid;gap:16px}
.post-card{display:grid;grid-template-columns:200px minmax(0,1fr);padding:0;overflow:visible}
.post-author{padding:22px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:linear-gradient(180deg,rgba(227,17,42,.1),transparent 70%);border-right:1px solid var(--line);position:relative;z-index:2}
.post-author .av{margin-bottom:4px}
.post-author-name{font:600 17px var(--f-h);letter-spacing:.06em;text-transform:uppercase}
.author-title{font:10px var(--f-m);letter-spacing:.14em;color:#ff6575}
.author-stats{width:100%;display:grid;gap:5px;margin-top:8px;padding-top:10px;border-top:1px solid var(--line);font:11px var(--f-m);color:var(--grey);letter-spacing:.06em}
.author-stats div{display:flex;justify-content:space-between}
.author-stats b{color:#fff;font-weight:500}
.post-body{padding:18px 24px 20px;min-width:0;position:relative;z-index:2}
.post-top{display:flex;justify-content:space-between;gap:12px;font:11px var(--f-m);letter-spacing:.1em;color:var(--dim);padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:16px;text-transform:uppercase}
.post-content{font-size:16px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap;color:#ece8e9}
.post-content blockquote{margin:10px 0;padding:8px 14px;border-left:3px solid var(--red);background:rgba(227,17,42,.07);color:var(--grey)}
.post-sign{margin-top:18px;padding-top:12px;border-top:1px dashed var(--line);font-size:12px;color:var(--dim);font-style:italic}
.post-actions{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}
.post-actions form{margin:0}
.action-link{background:none;border:0;color:var(--grey);font:600 12px var(--f-m);letter-spacing:.12em;padding:6px 0;transition:color .2s,transform .2s;text-transform:uppercase}
.action-link:hover{color:#fff}
.action-link.liked{color:var(--red-hi);text-shadow:0 0 12px rgba(255,42,64,.6)}
.like-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--line);transition:.25s}
.like-btn:hover{border-color:var(--red);background:rgba(227,17,42,.12);transform:translateY(-2px)}
.like-btn.liked{border-color:var(--red);background:rgba(227,17,42,.18)}
.post-permalink{margin-left:auto;font:11px var(--f-m);color:var(--dim)}
.post-permalink:hover{color:var(--red-hi)}
.report-details summary,.post-edit summary,.topic-move summary,.post-upload summary{cursor:pointer;color:var(--grey);font:600 12px var(--f-m);letter-spacing:.12em;list-style:none;text-transform:uppercase}
.report-details summary:hover,.post-edit summary:hover{color:#fff}
.report-details form{display:flex;gap:8px;margin-top:8px}
.post-hidden .post-content{color:var(--dim);font-style:italic}
.reply-area .form-panel{padding:22px;display:grid;gap:14px}
.reply-form textarea{min-height:150px;resize:vertical}

/* ---------- чат (шаутбокс) ---------- */
.chat{display:flex;flex-direction:column}
.chat-log{height:360px;overflow-y:auto;padding:10px 6px 10px 14px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:var(--red-lo) transparent}
.chat.big .chat-log{height:min(64vh,640px)}
.chat-log::-webkit-scrollbar{width:6px}.chat-log::-webkit-scrollbar-thumb{background:var(--red-lo)}
.chat-msg{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:start;padding:7px 4px;animation:msgin .45s var(--ease)}
.chat-msg:hover{background:rgba(255,255,255,.03)}
@keyframes msgin{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
.chat-text{font-size:13.5px;line-height:1.45;overflow-wrap:anywhere}
.chat-text .un{margin-right:6px;font-size:13px}
.chat-text time{font:10px var(--f-m);color:var(--dim);margin-right:6px}
.chat-text .mention{color:var(--red-hi);font-weight:600}
.chat-del{background:none;border:0;color:var(--dim);opacity:0;font-size:14px;padding:0 4px;transition:.2s}
.chat-msg:hover .chat-del{opacity:1}.chat-del:hover{color:var(--red-hi)}
.chat-form{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--line)}
.chat-form input{flex:1;padding:10px 12px;font-size:14px}
.chat-form .btn{min-height:42px;padding:0 16px}
.chat-guest{padding:12px 14px;border-top:1px solid var(--line);font:12px var(--f-m);color:var(--grey);letter-spacing:.06em}
.chat-guest a{color:#fff;text-decoration:underline;text-decoration-color:var(--red)}
.chat-status{font:10px var(--f-m);letter-spacing:.14em;color:var(--dim)}
.chat-status.live::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:6px;animation:ping 1.8s infinite}
.chat-err{color:#ff6575;font:11px var(--f-m);padding:0 14px 10px;min-height:0}

/* онлайн, топ участников */
.pill-list{display:flex;flex-wrap:wrap;gap:6px}
.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;border:1px solid var(--line);font-size:12px;transition:.2s}
.pill:hover{border-color:var(--red);background:rgba(227,17,42,.1)}
.rank-list{display:grid;gap:8px;counter-reset:r}
.rank-list li{display:flex;align-items:center;gap:10px;counter-increment:r}
.rank-list li::before{content:counter(r);font:600 18px var(--f-h);color:var(--red);width:20px;text-align:center}
.rank-list .score{margin-left:auto;font:11px var(--f-m);color:var(--grey)}
.muted{color:var(--grey)}

/* ---------- участники, лента, стена ---------- */
.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.member{padding:20px;display:grid;gap:12px;transform-style:preserve-3d;transition:transform .25s ease-out}
.member-top{display:flex;gap:14px;align-items:center}
.member-top h3{margin:0;font-size:18px;letter-spacing:.05em}
.kvs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;font:10px var(--f-m);color:var(--grey);letter-spacing:.12em}
.kvs b{display:block;color:#fff;font:600 17px var(--f-h);letter-spacing:.03em;margin-top:2px}
.feed{display:grid;gap:12px}
.feed-item{padding:18px 22px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px}
.feed-item h3{margin:0 0 4px;font:600 17px var(--f-b);text-transform:none;letter-spacing:0}
.feed-item h3 a:hover{color:var(--red-hi)}
.feed-item p{margin:6px 0 0;color:var(--grey);font-size:14px}
.wall-form{display:grid;gap:10px;margin-bottom:16px}
.wall-form textarea{min-height:80px}
.wall-item{padding:14px 18px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:start;margin-bottom:10px}
.wall-item p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.wall-item time{font:11px var(--f-m);color:var(--dim)}

/* ---------- профиль ---------- */
.profile-cover{height:230px;border:0;background:radial-gradient(ellipse at 72%,#68202c,#2b1017 45%,#120e12 80%);position:relative;overflow:hidden;background-size:cover;background-position:center;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.profile-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,5,6,.85),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px)}
.profile-head{display:flex;gap:22px;align-items:flex-end;margin:-52px 0 24px 28px;position:relative;z-index:3;flex-wrap:wrap}
.profile-head h1{margin:0;font-size:clamp(28px,4vw,48px)}
.profile-head .av{border:0;box-shadow:0 0 0 3px var(--bg)}
.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:24px}
.profile-stats>div{padding:16px 20px;border-right:1px solid var(--line)}
.profile-stats>div:last-child{border:0}
.profile-stats b{display:block;font:600 28px var(--f-h)}
.profile-stats small{font:10px var(--f-m);letter-spacing:.16em;color:var(--grey)}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px;flex-wrap:wrap}
.tabs a{padding:12px 20px;font:500 14px var(--f-h);letter-spacing:.14em;color:var(--grey);text-transform:uppercase;position:relative}
.tabs a.on,.tabs a:hover{color:#fff}
.tabs a.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--red);box-shadow:0 0 10px var(--red)}
.side-panel-title{font:600 14px var(--f-h);letter-spacing:.16em;color:#ff6575;text-transform:uppercase;margin-bottom:10px}
.achievement-item{padding:10px 14px;border:1px solid var(--line);margin-bottom:8px;display:grid;gap:2px}
.achievement-item strong{color:#ff6575;font:600 14px var(--f-h);letter-spacing:.1em}
.achievement-item small{color:var(--grey)}

/* ---------- подвал ---------- */
.footer{background:rgba(5,5,6,.85);border-top:1px solid var(--line);margin-top:40px;position:relative}
.footer::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:100%;background:linear-gradient(90deg,transparent,var(--red),transparent);animation:footglow 5s ease-in-out infinite}
@keyframes footglow{50%{opacity:.25}}
.footer-top{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:50px 0 34px}
.footer-brand{font:700 54px var(--f-h);letter-spacing:.1em}.footer-brand span{color:var(--red)}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.footer-links strong{display:block;font:600 13px var(--f-h);letter-spacing:.18em;color:#ff6575;margin-bottom:14px}
.footer-links a{display:block;color:var(--grey);padding:4px 0;transition:.2s}.footer-links a:hover{color:#fff;padding-left:6px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:18px 0;font:11px var(--f-m);letter-spacing:.14em;color:var(--dim)}
.footer-bottom em{font-style:normal;color:var(--red)}

/* совместимость со старыми страницами */
.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.section-space{padding:70px 0}
.section-heading h2{font-size:clamp(34px,4vw,60px)}
.statline,.discussion-section,.manifesto{background:transparent;border:0}
.topic-row{background:var(--panel);border:1px solid var(--line)}
.topic-row:hover{border-color:var(--line-r)}
.admin-stats>div,.tier-card{background:var(--panel);border:1px solid var(--line)}

/* ---------- адаптив ---------- */
@media(max-width:1100px){
  .layout{grid-template-columns:minmax(0,1fr)}
  .sidebar{position:static;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
  .main-nav a{padding:10px 9px;font-size:13px;letter-spacing:.1em}
  .cat-row{grid-template-columns:54px minmax(0,1fr) 130px}
  .cat-last{display:none}
}
@media(max-width:860px){
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-left:auto;background:none;border:1px solid var(--line);padding:0 11px;order:5}
  .menu-toggle span{height:2px;background:#fff;transition:.3s}
  .menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .main-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:rgba(5,5,6,.97);border-bottom:1px solid var(--line-r);padding:10px 24px 20px;margin:0}
  .main-nav.open{display:flex;animation:slidein .3s var(--ease)}
  .main-nav a{padding:14px 4px;border-bottom:1px solid var(--line)}
  .header-actions{margin-left:auto}
  .hero-grid{grid-template-columns:1fr}
  .hero-art{min-height:260px;order:-1}
  .stat-strip{grid-template-columns:repeat(2,1fr)}
  .stat-strip>div:not(.spot){border-bottom:1px solid var(--line)}
  .thread{grid-template-columns:40px minmax(0,1fr) 64px;gap:12px;padding:12px 14px}
  .thread .thread-views,.thread .thread-last{display:none}
  .post-card{grid-template-columns:1fr}
  .post-author{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;text-align:left;border-right:0;border-bottom:1px solid var(--line);padding:14px 16px}
  .post-author .av{--s:48px}
  .author-stats{display:none}
  .footer-top{grid-template-columns:1fr}
  .profile-stats{grid-template-columns:repeat(2,1fr)}
  .hud .c{width:18px;height:18px}
  .cat-row{grid-template-columns:50px minmax(0,1fr);padding:14px}
  .cat-stats{display:none}
  .utility-right{display:none}
}
@media(max-width:560px){
  .container{width:calc(100% - 28px)}
  .header-user span:last-child,.brand-word small{white-space:nowrap;display:none}
  .page-decor{display:none}
  .wall-item{grid-template-columns:36px minmax(0,1fr)}
  .wall-item form{grid-column:2}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .grain,.scanline{display:none}
  .js .rv{opacity:1;transform:none}
  .ln>span{transform:none}.ln::after{display:none}
}
@media(hover:none){.cur,.sparks{display:none}}

/* карточки главной */
.news-card{display:block;padding:22px;transition:transform .25s var(--ease)}
.news-card:hover{transform:translateY(-4px)}
.news-card h3{margin:10px 0;font-size:22px}
.cat-card{display:flex;flex-direction:column;gap:8px;padding:24px;min-height:170px;transition:transform .25s var(--ease)}
.cat-card:hover{transform:translateY(-4px)}
.cat-card h3{margin:0;font-size:22px}
.cat-card p{flex:1;margin:0;font-size:14px}
.v6-home-block{padding:24px}
.hero-ring,.hero-art img{pointer-events:none}

/* профиль: обложка как <img>, т.к. inline-style запрещён CSP */
.profile-cover .cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}
.cover-tag{position:absolute;left:22px;top:18px;z-index:2;font:11px var(--f-m);letter-spacing:.2em;color:#d0a5aa}
.profile-watermark{position:absolute;right:20px;top:-30px;z-index:1;font:700 220px/1 var(--f-h);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08);pointer-events:none}
.profile-info{min-width:0;flex:1}
.profile-info h1{margin:4px 0 8px}
.profile-actions{margin-left:auto}
.profile-content .side-panel{padding:0}
.profile-content .edit-profile{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
.profile-content .edit-profile summary{cursor:pointer;font:600 13px var(--f-h);letter-spacing:.14em;color:#ff6575;text-transform:uppercase;list-style:none}
.profile-content .small-form{display:grid;gap:10px;padding:12px 0}
.simple-list .thread{grid-template-columns:0 minmax(0,1fr) 0 0 120px;gap:8px}
.mt{margin-top:20px}

.hero-art img{mix-blend-mode:screen}

.hero-copy{min-width:0}


/* =====================================================================
   PREMIUM PASS v0.12.1 — фон-аврора, кнопки, блоки, типографика, переходы
   ===================================================================== */
:root{--grey:#b6b0b3;--muted:#b6b0b3;--glow:0 0 24px rgba(227,17,42,.35)}
html{scrollbar-color:var(--red-lo) #050506;scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#050506}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--red),var(--red-lo));border:2px solid #050506}
:focus-visible{outline:2px solid var(--red-hi);outline-offset:3px}
input[type=checkbox],input[type=radio]{accent-color:var(--red)}
body{font-size:16px;line-height:1.65;font-feature-settings:"tnum" 1,"kern" 1}
h1,h2,h3{text-wrap:balance}

/* аврора: медленные красные «туманности» + перспективная сетка внизу */
.aurora{position:fixed;inset:0;z-index:-3;pointer-events:none;overflow:hidden;mix-blend-mode:screen}
.aurora i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;will-change:transform}
.aurora i:nth-child(1){width:56vw;height:56vw;left:-12vw;top:-18vw;background:radial-gradient(circle,rgba(227,17,42,.55),transparent 65%);animation:drift1 26s ease-in-out infinite alternate}
.aurora i:nth-child(2){width:46vw;height:46vw;right:-14vw;top:12vh;background:radial-gradient(circle,rgba(255,42,64,.38),transparent 65%);animation:drift2 32s ease-in-out infinite alternate}
.aurora i:nth-child(3){width:40vw;height:40vw;left:30vw;bottom:-24vw;background:radial-gradient(circle,rgba(122,6,19,.7),transparent 65%);animation:drift3 38s ease-in-out infinite alternate}
.aurora::after{content:"";position:absolute;left:-20%;right:-20%;bottom:-8%;height:46%;background-image:linear-gradient(rgba(227,17,42,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(227,17,42,.16) 1px,transparent 1px);background-size:64px 64px;transform:perspective(500px) rotateX(62deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(0deg,#000,transparent 85%);mask-image:linear-gradient(0deg,#000,transparent 85%);opacity:.55;animation:gridmove 6s linear infinite}
@keyframes drift1{to{transform:translate(14vw,10vh) scale(1.15)}}
@keyframes drift2{to{transform:translate(-12vw,-8vh) scale(.9)}}
@keyframes drift3{to{transform:translate(-10vw,-10vh) scale(1.2)}}
@keyframes gridmove{to{background-position:0 64px,0 0}}

/* типографика */
.page-hero h1,.hero-copy h1,.list-heading h2,.section-heading h2{background:linear-gradient(180deg,#fff 0%,#fff 55%,#d9c9cc 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 24px rgba(227,17,42,.18))}
:is(.page-hero h1,.hero-copy h1,.list-heading h2,.section-heading h2) span:not(.ln):not(.ln>span){background:linear-gradient(100deg,var(--red) 0%,var(--red-hi) 30%,#ffd5da 50%,var(--red-hi) 70%,var(--red) 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:shimmer 6s linear infinite}
@keyframes shimmer{to{background-position:-240% 0}}
.hero-copy h1 b{-webkit-text-fill-color:var(--red);color:var(--red);text-shadow:0 0 30px var(--red)}
.hero-outline{-webkit-text-fill-color:transparent}
.ln.red{-webkit-text-fill-color:var(--red)}
.thread-title,.cat-main h3,.post-author-name{-webkit-text-fill-color:currentColor}
.eyebrow{color:#c8a9ae}
.list-heading{position:relative;padding-bottom:12px;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,var(--red) 0,rgba(227,17,42,.35) 24%,var(--line) 60%,transparent) 1}
.list-heading h2::before{content:"";display:inline-block;width:10px;height:10px;margin-right:14px;background:var(--red);transform:rotate(45deg);box-shadow:0 0 14px var(--red);vertical-align:middle;position:relative;top:-2px}

/* кнопки */
.btn-red{background:linear-gradient(110deg,#9c0a1c 0%,var(--red) 38%,var(--red-hi) 70%,#ff5a6c 100%);background-size:220% 100%;animation:btnflow 7s ease-in-out infinite alternate;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.28)}
.btn-red:hover{animation-duration:2s;filter:brightness(1.12) saturate(1.1)}
@keyframes btnflow{to{background-position:100% 0}}
.btn-outline{background:linear-gradient(#fff,#fff) no-repeat left center/0% 100%,rgba(255,255,255,.04);transition:background-size .45s var(--ease),color .3s,transform .3s var(--ease);box-shadow:inset 0 0 0 1px rgba(255,255,255,.42)}
.btn-outline:hover{background-size:100% 100%,auto;color:#000}
.btn:active{transform:scale(.97)!important}
.btn span:last-child{display:inline-block;transition:transform .3s var(--ease)}
.btn:hover span:last-child{transform:translate(4px,-4px)}
.control-chip{transition:background .25s,box-shadow .25s,transform .25s var(--ease)}
.control-chip:hover{transform:translateY(-2px)}

/* блоки: блик, угловые скобки, акцент на заголовках виджетов */
.cat-row,.widget,.member,.feed-item,.post-card,.wall-item,.panel,.stat-strip{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0) 38%),var(--panel)}
.cat-row::after,.widget::after,.member::after,.feed-item::after,.post-card::after,.panel::after,.wall-item::after{content:"";position:absolute;inset:7px;pointer-events:none;opacity:0;transition:opacity .35s,inset .35s var(--ease);z-index:3;
  background:linear-gradient(var(--red),var(--red)) 0 0/14px 2px,linear-gradient(var(--red),var(--red)) 0 0/2px 14px,linear-gradient(var(--red),var(--red)) 100% 0/14px 2px,linear-gradient(var(--red),var(--red)) 100% 0/2px 14px,linear-gradient(var(--red),var(--red)) 0 100%/14px 2px,linear-gradient(var(--red),var(--red)) 0 100%/2px 14px,linear-gradient(var(--red),var(--red)) 100% 100%/14px 2px,linear-gradient(var(--red),var(--red)) 100% 100%/2px 14px;background-repeat:no-repeat}
.cat-row:hover::after,.widget:hover::after,.member:hover::after,.feed-item:hover::after,.post-card:hover::after,.panel:hover::after,.wall-item:hover::after{opacity:.9;inset:4px}
.widget-head span:first-child::before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;background:var(--red);transform:rotate(45deg);box-shadow:0 0 10px var(--red)}
.widget-head{background:linear-gradient(90deg,rgba(227,17,42,.14),transparent 70%)}
.stat-strip b{background:linear-gradient(180deg,#fff,#e9b9c0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cat-row:hover .cat-main h3 a{color:var(--red-hi)}
.thread.is-pinned{box-shadow:inset 3px 0 0 var(--red)}
.hot{display:inline-block;font:700 10px var(--f-m);letter-spacing:.14em;padding:2px 7px;margin-left:8px;color:#fff;background:linear-gradient(100deg,var(--red-lo),var(--red-hi));vertical-align:2px;animation:hotpulse 2s ease-in-out infinite;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}
@keyframes hotpulse{50%{filter:brightness(1.5)}}

/* шапка: неоновая линия-бегунок */
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--red) 30%,#fff 50%,var(--red) 70%,transparent);background-size:200% 100%;animation:hline 5s linear infinite;opacity:.8}
@keyframes hline{to{background-position:-200% 0}}
.brand-word{background:linear-gradient(180deg,#fff,#cfc5c8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.brand-word .brand-point{-webkit-text-fill-color:var(--red)}
.brand-word small{-webkit-text-fill-color:var(--grey)}

/* hero: пульсирующее ядро и орбитальные точки */
.hero-art::before{content:"";position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,42,64,.55),rgba(227,17,42,.18) 45%,transparent 70%);filter:blur(30px);animation:core 4s ease-in-out infinite}
@keyframes core{50%{transform:scale(1.25);opacity:.7}}
.hero-ring.r2::after{top:auto;bottom:-4px;left:30%;background:#fff;box-shadow:0 0 14px #fff}
.hero-copy .hero-lead{border-left:2px solid var(--red);padding-left:18px}

/* подвал: гигантский контурный водяной знак */
.footer{overflow:hidden}
.footer::after{content:"KORD";position:absolute;right:-1vw;bottom:-5vw;font:700 clamp(160px,26vw,420px)/.8 var(--f-h);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.05);pointer-events:none;letter-spacing:.04em}
.footer-top,.footer-bottom{position:relative;z-index:2}

/* переход между страницами: красная шторка */
.wipe{position:fixed;inset:0;z-index:300;pointer-events:none;background:linear-gradient(100deg,#050506 0 78%,var(--red) 78% 92%,#050506 92%);transform:translateX(-101%)}
.wipe.go{transform:none;transition:transform .36s var(--ease)}
.page-hero,.inner-main{animation:pagein .7s var(--ease) both}
@keyframes pagein{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

@media(max-width:860px){.aurora::after{display:none}.footer::after{font-size:38vw}}
@media(prefers-reduced-motion:reduce){.aurora i,.aurora::after,.btn-red,.hot,.site-header::after,.hero-art::before{animation:none}}

.hero-art img{-webkit-mask-image:radial-gradient(circle closest-side,#000 82%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 82%,transparent 100%);mix-blend-mode:normal}
.brand-word{display:block}
.brand-word small{display:block}
.brand img{-webkit-mask-image:radial-gradient(circle closest-side,#000 84%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 84%,transparent 100%)}
.page-hero h1,.hero-copy h1{background:linear-gradient(180deg,#fff 0%,#fff 60%,#ecdfe1 100%);-webkit-background-clip:text;background-clip:text}

/* v0.13: монеты, розыгрыши, закладки */
.coin-chip{font:600 14px var(--f-m);letter-spacing:.06em;color:#fff;padding:8px 12px;border:1px solid var(--line-r);background:rgba(227,17,42,.12);transition:.25s;white-space:nowrap}
.coin-chip:hover{background:var(--red);box-shadow:0 0 22px rgba(227,17,42,.5)}
.wallet-rules{display:grid;gap:10px}
.wallet-rules p{margin:0;color:var(--grey)}
.wallet-rules b{display:inline-block;min-width:70px;color:var(--red-hi);font:600 18px var(--f-h)}
.shop-item{padding:22px;display:grid;gap:10px}
.shop-item h3{margin:0;font-size:20px}
.ledger{display:grid;gap:2px}
.ledger-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.ledger-row small{display:block;font:11px var(--f-m);color:var(--dim)}
.ledger-row b{font:600 18px var(--f-h)}.ledger-row .pos{color:#46e08a}.ledger-row .neg{color:var(--red-hi)}
.contest-item{grid-template-columns:96px minmax(0,1fr)!important;align-items:center}
.prize{font:700 34px/1 var(--f-h);color:var(--red-hi);text-align:center;text-shadow:0 0 20px rgba(255,42,64,.5)}
.prize small{display:block;font:11px var(--f-m);color:var(--grey);letter-spacing:.1em;margin-top:6px;text-shadow:none}
.prize.done{color:var(--dim);text-shadow:none}
.contest-desc{padding:22px;margin-bottom:20px;white-space:pre-wrap}
.narrow{max-width:920px}
button:disabled.btn{filter:grayscale(.7);pointer-events:none}

.form-panel,.wall-form{display:grid;gap:14px}
.form-panel{padding:26px;border:1px solid var(--line);background:rgba(10,10,12,.7)}
.form-panel label,.wall-form label{display:grid;gap:8px;font:500 11px var(--f-m);letter-spacing:.14em;color:var(--grey)}
.form-panel input,.form-panel select,.form-panel textarea,.wall-form input,.wall-form select,.wall-form textarea{width:100%;box-sizing:border-box;padding:13px 14px;background:#07070a;border:1px solid var(--line);color:#fff;font:14px var(--f-b)}
.form-panel input:focus,.wall-form input:focus,.wall-form textarea:focus,.wall-form select:focus{outline:none;border-color:var(--red);box-shadow:0 0 18px rgba(227,17,42,.3)}
.brand{flex:none;margin-right:18px}
.main-nav{min-width:0}.main-nav a{white-space:nowrap}
@media(max-width:1500px){.main-nav{gap:2px}.main-nav a{padding-left:9px;padding-right:9px;font-size:12px}}
@media(max-width:1500px){.main-nav a{padding-left:6px;padding-right:6px;font-size:11px;letter-spacing:.06em}.brand-word small{display:none}.header-actions{gap:8px;flex:none}.header-user span:last-child{display:none}}

/* v0.14: рейтинги */
.top-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:22px}
.top-list{display:grid;gap:4px}
.top-row{display:grid;grid-template-columns:34px 36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 6px;border-bottom:1px solid var(--line)}
.top-row .rank{font:700 18px var(--f-h);color:var(--dim);font-style:normal;text-align:center}
.top-row b{font:600 18px var(--f-h);text-align:right}.top-row b small{margin-left:5px;font:11px var(--f-m);color:var(--grey)}
.top-1 .rank{color:#ffd35a;text-shadow:0 0 14px rgba(255,211,90,.6)}.top-2 .rank{color:#d7dbe3}.top-3 .rank{color:#d98a4a}
.top-1{background:linear-gradient(90deg,rgba(227,17,42,.14),transparent)}

/* v0.14: кнопки и фокус */
.btn,.control-chip{transition:transform .2s var(--ease),box-shadow .3s,background .25s,color .25s}
.btn:active,.control-chip:active{transform:translateY(1px) scale(.985)}
.btn-red:hover{box-shadow:0 8px 30px -6px rgba(227,17,42,.65)}
.btn-outline{position:relative;overflow:hidden}
.btn-outline::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(227,17,42,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--ease)}
.btn-outline:hover::before{transform:translateX(120%)}
.btn-outline:hover{box-shadow:inset 0 0 0 1px var(--red),0 6px 24px -8px rgba(227,17,42,.5)}
:focus-visible{outline:2px solid var(--red-hi);outline-offset:3px}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}
.btn[disabled],button.btn:disabled{opacity:.45;cursor:not-allowed}

/* v0.15: баланс и платежи */
.coin-chip i{font-style:normal;color:var(--grey);margin-left:10px;padding-left:10px;border-left:1px solid var(--line-r)}
.bal-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:28px}
.bal-card{padding:22px;border:1px solid var(--line);background:rgba(10,10,12,.72);display:grid;gap:8px;align-content:start}
.bal-card small{font:500 11px var(--f-m);letter-spacing:.14em;color:var(--grey)}
.bal-card b{font:700 40px/1 var(--f-h)}.bal-card span{color:var(--grey);font-size:14px}
.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{padding:10px 14px;background:#07070a;border:1px solid var(--line);color:var(--grey);font:600 12px var(--f-m);letter-spacing:.08em}
.seg button.on,.seg button:hover{border-color:var(--red);color:#fff;background:rgba(227,17,42,.14)}
.st{font:600 11px var(--f-m)!important;letter-spacing:.08em}.st-paid{color:#46e08a!important}.st-pending{color:#ffc857!important}.st-rejected,.st-expired,.st-cancelled{color:var(--dim)!important}
.pay-box{padding:24px;display:grid;gap:14px}.addr{display:block;padding:12px 14px;background:#07070a;border:1px solid var(--line);font:13px var(--f-m);word-break:break-all;user-select:all}
.adm-row{padding:18px;margin-bottom:12px;display:grid;gap:12px}.adm-actions{display:flex;gap:8px;flex-wrap:wrap}.adm-actions input{flex:1;min-width:160px;padding:10px;background:#07070a;border:1px solid var(--line);color:#fff}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.check{grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto!important}
.form-panel h3{margin:10px 0 0;font:600 15px var(--f-h);letter-spacing:.1em;text-transform:uppercase;color:var(--red-hi)}
.ok{color:#46e08a;font-style:normal;margin-left:8px}.prewrap{white-space:pre-wrap}.linkbtn{background:none;border:0;padding:6px 0;cursor:pointer}
@media(max-width:1500px){.coin-chip i{display:none}}

/* v0.15: смайлики */
.emoji-wrap{position:relative;display:inline-block;vertical-align:top;margin:6px 0 0 8px}
.emoji-btn{width:38px;height:38px;border:1px solid var(--line);background:#07070a;font-size:18px;line-height:1;padding:0}
.emoji-btn:hover{border-color:var(--red)}
.emoji-pop{position:fixed;z-index:200;width:min(340px,86vw);background:#0c0c10;border:1px solid var(--line-r);box-shadow:0 18px 50px rgba(0,0,0,.6)}
.chat-form .emoji-wrap{margin:0}.chat-form{align-items:center}
.emoji-tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--line)}
.emoji-tabs button{flex:none;padding:9px 12px;background:none;border:0;color:var(--grey);font:600 11px var(--f-m);letter-spacing:.06em;white-space:nowrap}
.emoji-tabs button.on{color:#fff;box-shadow:inset 0 -2px var(--red)}
.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;max-height:210px;overflow:auto}
.emoji-grid button{background:none;border:0;font-size:22px;padding:5px 0;line-height:1}.emoji-grid button:hover{background:rgba(227,17,42,.2)}

/* v0.15: непрочитанные */
.unread-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--red-hi);box-shadow:0 0 10px var(--red);vertical-align:middle}

/* v0.15: ранги */
.rank-ladder{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:28px}
.rank-step{padding:16px;border:1px solid var(--line);background:rgba(10,10,12,.7);display:grid;gap:4px}
.rank-step b{font:600 18px var(--f-h);letter-spacing:.06em;text-transform:uppercase}.rank-step small{color:var(--grey);font:11px var(--f-m)}.rank-step em{font:600 11px var(--f-m);color:var(--red-hi);font-style:normal}
.rank-step.me{border-color:var(--red);box-shadow:0 0 24px rgba(227,17,42,.25)}
.r2 b{color:#7fd6a8}.r3 b{color:#7fb7ff}.r4 b{color:#c59bff}.r5 b{color:#ffd35a}
.rank-tag{display:inline-block;font:600 10px var(--f-m);letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border:1px solid var(--line);color:var(--grey)}
.rank-tag.r2{color:#7fd6a8}.rank-tag.r3{color:#7fb7ff}.rank-tag.r4{color:#c59bff}.rank-tag.r5{color:#ffd35a}
.perk-table{padding:6px 18px;margin-bottom:18px}.perk-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.perk-row.head{font:600 11px var(--f-m);letter-spacing:.12em;color:var(--grey);text-transform:uppercase}
@media(max-width:700px){.perk-row{grid-template-columns:1.6fr 1fr 1fr 1fr;font-size:12px}}

/* v0.15: спокойный интерфейс на рабочих страницах */
body:not([data-page="home"]) #bg-canvas,body:not([data-page="home"]) .grain,body:not([data-page="home"]) .hud,body:not([data-page="home"]) .wipe{display:none}
body:not([data-page="home"]) .aurora i{animation:none}
.grain{display:none}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
[hidden]{display:none!important}

/* v0.16: опросы */
.poll{padding:22px;margin-bottom:22px;display:grid;gap:10px}
.poll form{display:grid;gap:8px}
.poll-opt{text-align:left;padding:13px 16px;background:#07070a;border:1px solid var(--line);color:#fff;font:500 15px var(--f-b);transition:border-color .2s,background .2s}
.poll-opt:hover{border-color:var(--red);background:rgba(227,17,42,.1)}
.poll-row{display:grid;grid-template-columns:minmax(120px,1fr) 2fr auto;gap:14px;align-items:center}
.poll-row.mine span{color:var(--red-hi);font-weight:600}
.poll progress{width:100%;height:10px;appearance:none;-webkit-appearance:none;border:0;background:#17171d}
.poll progress::-webkit-progress-bar{background:#17171d}
.poll progress::-webkit-progress-value{background:linear-gradient(90deg,var(--red-lo),var(--red-hi))}
.poll progress::-moz-progress-bar{background:var(--red)}
.poll-row b{font:600 14px var(--f-m);min-width:84px;text-align:right}.poll-row b small{color:var(--grey)}
@media(max-width:700px){.poll-row{grid-template-columns:1fr;gap:4px}.poll-row b{text-align:left}}

/* v0.16: игнор-лист */
.post-card.ignored>*:not(.ignored-note){display:none}
.post-card.ignored.shown>*:not(.ignored-note){display:grid}
.post-card.ignored.shown>.ignored-note{display:none}
.ignored-note{width:100%;padding:14px 18px;background:#0b0b0e;border:0;color:var(--grey);font:500 13px var(--f-m);text-align:left}
.ignored-note:hover{color:#fff}

/* v0.16: мобильная шапка без горизонтальной прокрутки */
html,body{overflow-x:hidden}
@media(max-width:600px){
  .header-inner{gap:8px}
  .brand{margin-right:0}.brand-word{display:none}
  .header-actions{gap:6px;min-width:0}
  .search-trigger,.noti-link{width:38px;height:38px}
  .coin-chip{padding:7px 9px;font-size:12px}
  .login-link{display:none}
  .registration{padding:0 12px;min-height:38px;font-size:12px}
}

/* v0.16: реакции под сообщениями */
.react-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 2px}
.rchip{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;background:#0b0b0e;border:1px solid var(--line);color:#fff;font-size:15px;border-radius:999px}
.rchip b{font:600 12px var(--f-m);color:var(--grey)}
.rchip:hover:not(:disabled){border-color:var(--red)}
.rchip.mine{border-color:var(--red);background:rgba(227,17,42,.16)}.rchip.mine b{color:#fff}
.radd{position:relative}.radd summary{list-style:none;cursor:pointer;padding:4px 10px;border:1px dashed var(--line);border-radius:999px;color:var(--grey);font-size:14px}
.radd summary::-webkit-details-marker{display:none}.radd[open] summary,.radd summary:hover{border-color:var(--red);color:#fff}
.radd div{position:absolute;z-index:30;left:0;top:34px;display:flex;gap:2px;padding:6px;background:#0c0c10;border:1px solid var(--line-r);box-shadow:0 14px 36px rgba(0,0,0,.6)}
.radd div button{background:none;border:0;font-size:22px;padding:4px 6px;line-height:1}.radd div button:hover{background:rgba(227,17,42,.2)}

/* v0.18 search filters */
.search-form{flex-wrap:wrap}
.search-form .search-filters{flex-basis:100%;display:flex;gap:9px;flex-wrap:wrap}
.search-form .search-filters select,.search-form .search-filters input{width:auto;flex:1 1 180px;padding:11px 12px;font-size:13px;background:#0e0e12;color:#fff;border:1px solid #404049;border-radius:0}

/* v0.19 typography, alignment, badges */
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-kerning:normal}
h1,h2,h3,.topic-main h3,.page-hero p{text-wrap:balance}
.post-content,.page-hero p,.panel p{text-wrap:pretty}
.post-content{max-width:72ch;font-size:16px;line-height:1.7}
.post-content p{margin:0 0 .9em}
.post-content :is(h2,h3,h4){font-family:var(--f-d,inherit);letter-spacing:.02em;margin:1.2em 0 .5em}
.post-content a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.post-content code{font-family:var(--f-m);font-size:.9em;padding:1px 5px;background:rgba(255,255,255,.06)}
.balance-chip,.coin-chip,.ledger-row b,.pay-stats b,.topic-replies strong,.stats-row strong,.money{font-variant-numeric:tabular-nums}
.btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.1;transition:background-color .15s,border-color .15s,color .15s}
.btn:active{transform:translateY(1px)}
.btn:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.btn[disabled],.btn.disabled{opacity:.5;cursor:not-allowed}
.btn-small{min-height:32px}
.topic-row,.forum-group,.category-card{align-items:center}
.rank-tag::before{content:"◆";margin-right:5px;font-size:8px;vertical-align:1px}
.rank-tag.r0::before{content:"◇"}
.rank-tag.r1::before{content:"◈"}
.rank-tag.r2::before{content:"▲"}
.rank-tag.r3::before{content:"★"}
.rank-tag.r4::before{content:"✦"}
.rank-tag.r5::before{content:"♛"}
.rank-tag.r5{border-color:#ffd35a}
.pay-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 28px}
.pay-stats>div{padding:16px 18px;border:1px solid var(--line);background:#121216;display:flex;flex-direction:column;gap:6px}
.pay-stats small{font:600 10px var(--f-m);letter-spacing:.1em;color:var(--grey)}
.pay-stats b{font-size:24px}
@media(max-width:760px){.pay-stats{grid-template-columns:1fr 1fr}}

/* v0.20 announcement, related topics */
.announce{background:#1a1114;border-bottom:1px solid var(--red);font-size:13px}
.announce .container{padding:9px 0;display:flex;justify-content:center;text-align:center}
.announce a{color:#fff;text-decoration:none;font-weight:600}.announce a:hover{text-decoration:underline}
.announce-warn{background:#2a1a08;border-color:#ffb020}.announce-ok{background:#0f2016;border-color:#3ecf7a}
.related-topics{margin-top:40px}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.related-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--line);background:#121216;text-decoration:none;color:#fff;transition:border-color .15s}
.related-card:hover{border-color:var(--red)}
.related-card b{font-size:14px;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.related-card small{color:var(--grey);font-size:11px}
.bump-wait{font-size:11px;align-self:center}
.check-line{flex-direction:row!important;align-items:center;gap:10px!important}.check-line input{width:auto!important}

/* v0.21 solved, rules, balance summary */
.solved-mark{margin-left:8px;font:700 10px var(--f-m);letter-spacing:.08em;color:#3ecf7a;border:1px solid #2a7a4d;padding:1px 6px;vertical-align:2px}
.post-best{border-color:#2a7a4d!important;box-shadow:inset 3px 0 0 #3ecf7a}
.best-label{font:700 10px var(--f-m);letter-spacing:.08em;color:#3ecf7a;align-self:center}
.cat-rules{margin:0 0 18px;border:1px solid var(--line);background:#121216}
.cat-rules summary{cursor:pointer;padding:12px 16px;font:700 11px var(--f-m);letter-spacing:.1em;color:var(--grey)}
.cat-rules div{padding:0 16px 14px;white-space:pre-wrap;line-height:1.6;font-size:14px;color:#d8d4d5}
.rules-form{margin-bottom:14px}.export-links{margin:0 0 22px;font-size:13px}.export-links a{color:var(--red)}
.sum-line{font-size:18px;display:flex;gap:12px}.sum-line .pos{color:#3ecf7a}.sum-line .neg{color:#ff6b6b}

/* v0.22 escrow */
.deal-st{font:700 10px var(--f-m);letter-spacing:.08em;padding:2px 7px;border:1px solid var(--line);color:var(--grey);margin-right:6px}
.deal-funded,.deal-delivered{color:#7fb7ff;border-color:#2b4a73}.deal-completed{color:#3ecf7a;border-color:#2a7a4d}
.deal-disputed{color:#ffb020;border-color:#7a5710}.deal-refunded{color:#ff8f8f;border-color:#7a2b2b}
.deal-terms{white-space:pre-wrap;line-height:1.6;margin-bottom:18px}.pad{padding:16px 18px}
.deal-actions .btn-row{display:flex;flex-wrap:wrap;gap:10px}

/* v0.24 admin queue, finance */
.admin-queue{display:flex;gap:12px;flex-wrap:wrap;margin:18px auto}
.admin-queue a{flex:1 1 130px;padding:12px 16px;border:1px solid var(--line);background:#121216;text-decoration:none;color:#fff;display:flex;flex-direction:column;gap:4px}
.admin-queue a b{font-size:24px;font-variant-numeric:tabular-nums}.admin-queue a small{font:600 10px var(--f-m);letter-spacing:.1em;color:var(--grey)}
.admin-queue a.hot{border-color:var(--red)}.admin-queue a.hot b{color:var(--red)}
.admin-queue form{flex:2 1 220px;display:flex}.admin-queue input{width:100%;padding:12px 14px;background:#0e0e12;color:#fff;border:1px solid #404049;border-radius:0}
.draft-note{font-size:11px;color:var(--grey);margin-top:6px}

/* v0.25 compact post tools */
.post-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.post-tools:not(:has(*)){display:none}
.post-tools>details{margin:0;border:0;padding:0;background:none}
.post-tools>details[open]{flex-basis:100%}
.post-tools .post-upload,.post-tools .post-edit{border:0}
.post-tools summary{cursor:pointer;font:700 10px var(--f-m);letter-spacing:.08em;color:var(--grey);list-style:none;padding:4px 8px;border:1px solid var(--line)}
.post-tools summary::-webkit-details-marker{display:none}
.post-tools summary:hover{color:#fff;border-color:var(--red)}
.post-tools .post-moderate{margin:0}
.post-tools .post-moderate .control-chip{font:700 10px var(--f-m);letter-spacing:.08em;padding:4px 8px;min-height:0;color:var(--grey);background:none;border:1px solid var(--line);clip-path:none}
.post-tools .post-moderate .control-chip:hover{color:#fff;border-color:var(--red)}

/* v0.26 calm entry + 3D emblem + home details */
.aurora,.hud,.grain,.wipe,.loader,#bg-canvas,.scanline{display:none!important}
body{background:radial-gradient(ellipse at 72% 10%,#220a10 0%,#0a0608 45%,#050506 100%) fixed}
.hero-ring,.hero-art::before{display:none}
.hero-copy h1,.page-hero h1,.list-heading h2{background:none;-webkit-text-fill-color:#fff;color:#fff}
.hero-copy h1 span,.page-hero h1 span,.list-heading h2 span{background:none;-webkit-text-fill-color:var(--red);color:var(--red)}
.hero-copy h1 b{text-shadow:none}
.ticker{transform:none;background:#0b0608;color:#d8d4d5;box-shadow:none;border-block:1px solid #2a1418;padding:9px 0}
.ticker-track a:nth-child(odd){color:#fff}.ticker-track a{font-size:13px;letter-spacing:.1em}
.ticker-track i{color:var(--red);opacity:1}
.logo3d{position:relative;display:grid;place-items:center;min-height:420px;perspective:1100px}
.logo3d-glow{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(227,17,42,.38),transparent 68%);filter:blur(30px)}
.logo3d-stage{position:relative;width:min(100%,440px);aspect-ratio:1;transform-style:preserve-3d;will-change:transform}
.logo3d-depth{position:absolute;inset:0;transform-style:preserve-3d}
.logo3d-depth i,.logo3d-front{position:absolute;inset:0;width:100%;height:100%;display:block}
.logo3d-depth i{background:url(/static/img/kord-3d-depth.webp) center/contain no-repeat}
.logo3d-front{transform:translateZ(22px);filter:drop-shadow(0 0 24px rgba(227,17,42,.35));pointer-events:none}
.logo3d-depth i:nth-child(1){transform:translateZ(16px);opacity:1.00}
.logo3d-depth i:nth-child(2){transform:translateZ(13px);opacity:0.96}
.logo3d-depth i:nth-child(3){transform:translateZ(10px);opacity:0.92}
.logo3d-depth i:nth-child(4){transform:translateZ(7px);opacity:0.88}
.logo3d-depth i:nth-child(5){transform:translateZ(4px);opacity:0.84}
.logo3d-depth i:nth-child(6){transform:translateZ(1px);opacity:0.80}
.logo3d-depth i:nth-child(7){transform:translateZ(-2px);opacity:0.76}
.logo3d-depth i:nth-child(8){transform:translateZ(-5px);opacity:0.72}
.logo3d-depth i:nth-child(9){transform:translateZ(-8px);opacity:0.68}
.logo3d-depth i:nth-child(10){transform:translateZ(-11px);opacity:0.64}
.logo3d-depth i:nth-child(11){transform:translateZ(-14px);opacity:0.60}
.logo3d-depth i:nth-child(12){transform:translateZ(-17px);opacity:0.56}
.logo3d-depth i:nth-child(13){transform:translateZ(-20px);opacity:0.52}
.logo3d-depth i:nth-child(14){transform:translateZ(-23px);opacity:0.48}
@media(max-width:860px){.logo3d{min-height:300px}}
@media(prefers-reduced-motion:reduce){.logo3d-stage{transform:none!important}}

/* v0.26 notification dropdown */
.noti-pop{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,92vw);background:#0e0a0c;border:1px solid #3a1c22;box-shadow:0 18px 50px rgba(0,0,0,.7);z-index:120}
.noti-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);font:700 11px var(--f-m);letter-spacing:.1em}
.noti-all{background:none;border:0;color:var(--red);cursor:pointer;font:600 11px var(--f-m)}
.noti-list{max-height:380px;overflow-y:auto}
.noti-item{display:flex;flex-direction:column;gap:4px;padding:11px 14px;border-bottom:1px solid #1d1418;text-decoration:none;color:#cfc9ca;font-size:13px;line-height:1.4}
.noti-item.unread{background:rgba(227,17,42,.08);color:#fff;box-shadow:inset 3px 0 0 var(--red)}
.noti-item:hover{background:#171013}.noti-item small{color:var(--grey);font-size:11px}
.noti-empty{padding:22px 14px;color:var(--grey);text-align:center;margin:0}
.noti-foot{display:block;padding:11px 14px;text-align:center;font:700 11px var(--f-m);letter-spacing:.1em;color:#fff;text-decoration:none}
.noti-foot:hover{color:var(--red)}

/* v0.26 sections admin */
.sec-row,.sec-create{margin-bottom:10px;padding:0}
.sec-row>summary,.sec-create>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;list-style:none}
.sec-row>summary::-webkit-details-marker,.sec-create>summary::-webkit-details-marker{display:none}
.sec-name{display:flex;flex-direction:column;gap:3px}.sec-name small,.sec-count{font:600 11px var(--f-m);color:var(--grey)}
.sec-tools{display:flex;gap:10px;padding:0 18px 12px}.sec-tools form{display:flex;gap:10px}
.sec-row .form-panel,.sec-create .form-panel{margin:0 18px 18px;padding:18px}
.sec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.sec-delete{display:flex;gap:14px;align-items:end;flex-wrap:wrap;padding:14px 18px 18px;border-top:1px solid var(--line)}
.sec-delete label{flex:1 1 240px}
.btn-danger{color:#ff8f8f;border-color:#7a2b2b}.btn-danger:hover{background:#3a1216}