/* ═══════════════════════════════════════════════════════════
   home-v3.css — „Издание“: новият облик на началната страница.
   Всичко е под body.hv3, за да не пипа вътрешните изгледи.
   ═══════════════════════════════════════════════════════════ */
body.hv3{
  --hv-gold:#c9a227; --hv-gold-l:#e6cf8e; --hv-line:rgba(201,162,39,.16);
  --hv-line2:rgba(242,233,216,.08); --hv-dim:#a2967f; --hv-faint:#7d7361;
  background:#0c0a08;
}

/* ── герой ── */
body.hv3 .heroband{
  height:auto; min-height:clamp(470px,58vh,620px);
  align-items:flex-end; padding-top:44px; margin-top:0;
  background:#0a0908;
}
body.hv3 .heroband .heroimg{filter:saturate(.45) contrast(1.04) brightness(.82)}
body.hv3 .heroveil{
  background:
    linear-gradient(180deg, rgba(10,9,8,.86) 0%, rgba(10,9,8,.3) 32%, rgba(10,9,8,.55) 70%, rgba(10,9,8,.98) 100%),
    linear-gradient(90deg, rgba(10,9,8,.95) 0%, rgba(10,9,8,.62) 46%, rgba(10,9,8,.24) 100%);
}
body.hv3 .heroinner{padding-bottom:112px; max-width:1400px; margin:0 auto; padding-left:34px; padding-right:34px}

body.hv3 .heroinner .eyebrow{
  display:flex; align-items:center; gap:12px; margin:0 0 22px;
  font:10px/1 var(--sans, 'Segoe UI', system-ui, sans-serif);
  letter-spacing:.3em; text-transform:uppercase; color:var(--hv-gold);
}
body.hv3 .heroinner .eyebrow::before{content:""; width:38px; height:1px; background:currentColor; opacity:.6}

body.hv3 .heroinner .hero,
body.hv3 .heroinner h2.hero{
  margin:0; font:400 clamp(34px,5.2vw,68px)/1.03 var(--serif, Georgia, serif);
  letter-spacing:-.012em; color:#f6efdd; max-width:16ch;
  text-shadow:0 3px 60px rgba(0,0,0,.55);
}
body.hv3 .heroinner h2.hero em{
  display:block; font-style:italic; color:var(--hv-gold-l);
}
body.hv3 .heroinner .sub{
  margin:22px 0 0; max-width:44ch; font-size:15.5px; line-height:1.65; color:#cfc4ae;
}
body.hv3 .herocta{display:flex; align-items:center; gap:22px; margin-top:30px; flex-wrap:wrap}
body.hv3 .herocta .primary{
  padding:15px 24px; border-radius:2px; border:0; cursor:pointer;
  background:var(--hv-gold); color:#1a1408;
  font:600 10.5px/1 var(--sans,'Segoe UI',system-ui,sans-serif);
  letter-spacing:.2em; text-transform:uppercase;
  box-shadow:0 12px 34px -14px rgba(201,162,39,.75);
}
body.hv3 .herocta .primary:hover{background:var(--hv-gold-l)}
body.hv3 .herocta .primary span{font-family:var(--serif,Georgia,serif); font-size:14px; letter-spacing:0}
body.hv3 .herohint{
  font:10.5px/1 var(--sans,'Segoe UI',system-ui,sans-serif);
  letter-spacing:.16em; text-transform:uppercase; color:#9d917a;
}
body.hv3 .herocta .bgchip{
  padding:9px 14px; border-radius:2px; background:transparent;
  border:1px solid rgba(242,233,216,.2); color:#c0b49c;
  font:9.5px/1 var(--sans,'Segoe UI',system-ui,sans-serif);
  letter-spacing:.18em; text-transform:uppercase;
}
body.hv3 .herocta .bgchip:hover{border-color:var(--hv-gold); color:#f0e5cf}

/* щемпел с номера на изданието */
body.hv3 .issue{
  position:absolute; right:56px; bottom:168px; z-index:2; text-align:right;
  padding-right:20px; border-right:1px solid rgba(230,207,142,.34);
}
body.hv3 .issue b{display:block; font:italic 400 58px/1 var(--serif,Georgia,serif); color:rgba(230,207,142,.9); letter-spacing:-.03em}
body.hv3 .issue span{display:block; margin-top:7px; font:9px/1.7 var(--sans,'Segoe UI',system-ui,sans-serif);
  letter-spacing:.28em; text-transform:uppercase; color:#a2967f}

/* лента с метаданни */
body.hv3 .hero-meta{
  display:flex; margin-top:36px; border-top:1px solid rgba(242,233,216,.14); flex-wrap:wrap;
}
body.hv3 .hero-meta div{
  padding:14px 26px 0 0; margin-right:26px; border-right:1px solid rgba(242,233,216,.1);
  font:9.5px/1.5 var(--sans,'Segoe UI',system-ui,sans-serif);
  letter-spacing:.18em; text-transform:uppercase; color:#948973;
}
body.hv3 .hero-meta div:last-child{border-right:0; margin-right:0; padding-right:0}
body.hv3 .hero-meta b{
  display:block; margin-top:4px; color:#ded2b8; font-weight:600; letter-spacing:.1em;
  text-transform:none; font-family:var(--serif,Georgia,serif); font-size:13px; letter-spacing:.01em;
}

/* ── основна подредба: тема отляво, колело отдясно ── */
body.hv3 main .wrap{max-width:1400px; padding:0 34px}
body.hv3 .grid{
  display:grid; grid-template-columns:minmax(0,1fr) 296px; gap:26px;
  align-items:start; margin-top:-64px; position:relative; z-index:3;
}
body.hv3 .grid > .rightcol{order:1; display:flex; flex-direction:column; gap:14px}
body.hv3 .grid > .wheelpanel{order:2}

/* панелите губят „картоненост“ */
body.hv3 .panel{
  background:linear-gradient(180deg,#151210,#100e0c);
  border:1px solid var(--hv-line2); border-radius:0; padding:24px 26px;
}
body.hv3 .panel .panelhead{
  display:flex; align-items:center; gap:12px; margin-bottom:16px; padding:0 0 12px;
  border-bottom:1px solid var(--hv-line2);
}
body.hv3 .panel .label,
body.hv3 .panelhead .label{
  font:9.5px/1 var(--sans,'Segoe UI',system-ui,sans-serif);
  letter-spacing:.28em; text-transform:uppercase; color:var(--hv-gold);
}
body.hv3 .panel .panelcount{font:10px/1 var(--sans,'Segoe UI',system-ui,sans-serif); letter-spacing:.14em; color:#8b8070}
body.hv3 .panel .panelcount b{color:#ded2b8}
body.hv3 .panel .mini{
  margin-left:auto; background:#100e0c; color:#c9bda6; border:1px solid rgba(242,233,216,.14);
  border-radius:2px; font:10.5px/1 var(--sans,'Segoe UI',system-ui,sans-serif); padding:8px 10px;
}

/* темата на деня като водеща статия */
body.hv3 .topiccard{border-color:var(--hv-line); min-height:236px}
body.hv3 .topiccard .num{
  margin-left:auto; font:italic 400 15px/1 var(--serif,Georgia,serif); color:var(--hv-gold-l);
}
body.hv3 .topiccard .area{
  margin:2px 0 10px; font:9.5px/1 var(--sans,'Segoe UI',system-ui,sans-serif);
  letter-spacing:.22em; text-transform:uppercase; color:#96896f;
}
body.hv3 .topiccard h3{
  margin:0 0 10px; font:400 clamp(22px,2.1vw,29px)/1.2 var(--serif,Georgia,serif);
  letter-spacing:-.005em; color:#f6efdd;
}
body.hv3 .topiccard .teaser{
  margin:0; font-size:13.5px; line-height:1.62; color:#a89c86; max-width:56ch;
}
body.hv3 .topiccard .meta{
  display:flex; gap:18px; margin:16px 0 18px; padding:0; border:0; background:none;
  font:9.5px/1 var(--sans,'Segoe UI',system-ui,sans-serif);
  letter-spacing:.16em; text-transform:uppercase; color:#8b8070;
}
body.hv3 .panel .primary.wide{
  width:auto; padding:13px 20px; border-radius:2px; border:0; background:var(--hv-gold); color:#1a1408;
  font:600 10px/1 var(--sans,'Segoe UI',system-ui,sans-serif); letter-spacing:.2em; text-transform:uppercase;
}
body.hv3 .panel .primary.wide:disabled{opacity:.45}

/* колелото — диск, не пай */
body.hv3 .wheelpanel{padding:18px 18px 16px}
body.hv3 .wheelpanel .panelhead{flex-direction:column; align-items:flex-start; gap:8px; margin-bottom:12px; padding-bottom:10px}
body.hv3 .wheelpanel .panelcount{font-size:9.5px}
body.hv3 .wheelpanel .mini{margin-left:0; width:100%}
body.hv3 .wheelwrap{width:100%; max-width:240px; margin:6px auto 0; position:relative}
body.hv3 .sparks{display:none}
body.hv3 #wheel{width:100%; height:auto; display:block; filter:drop-shadow(0 0 24px rgba(201,162,39,.12))}
body.hv3 .pointer{border-top-color:var(--hv-gold)}
body.hv3 .hub{
  width:70px; height:70px; border:1px solid rgba(230,207,142,.5); background:#0f0d0b;
  box-shadow:0 0 0 4px rgba(201,162,39,.08);
}
body.hv3 .hub .hub-label{
  font:8px/1.3 var(--sans,'Segoe UI',system-ui,sans-serif);
  letter-spacing:.16em; text-transform:uppercase; color:var(--hv-gold-l);
}
body.hv3 .hub .hub-icon{width:13px; height:13px; stroke:var(--hv-gold-l)}
body.hv3 .wheelcontrols{display:flex; flex-direction:column; gap:10px; margin-top:12px}
body.hv3 .wheelcontrols .switch{font:10px/1.4 var(--sans,'Segoe UI',system-ui,sans-serif); letter-spacing:.1em; color:#8b8070; text-transform:uppercase}
body.hv3 .wheelcontrols .spinagain{
  width:100%; justify-content:center; padding:11px; border-radius:2px; background:transparent;
  border:1px solid rgba(201,162,39,.45); color:var(--hv-gold-l);
  font:600 9.5px/1 var(--sans,'Segoe UI',system-ui,sans-serif); letter-spacing:.18em; text-transform:uppercase;
}
body.hv3 .wheelcontrols .spinagain:hover{background:rgba(201,162,39,.12); color:#fff}

/* статистика, стъпки, пътеки — тихи */
body.hv3 .statpanel .statrow{display:flex; align-items:center; justify-content:space-between; gap:16px}
body.hv3 .statpanel .bignum{font:italic 400 26px/1.1 var(--serif,Georgia,serif); color:#f0e6d2}
body.hv3 .statpanel .bignum small{font:9.5px/1 var(--sans,'Segoe UI',system-ui,sans-serif); letter-spacing:.16em; text-transform:uppercase; color:#7d7361; font-style:normal}
body.hv3 .statpanel .hint{margin:12px 0 0; font-size:12px; line-height:1.6; color:#8b8070}
body.hv3 .steps ol{margin:0; padding:0; list-style:none; counter-reset:s}
body.hv3 .steps li{
  counter-increment:s; padding:11px 0 11px 26px; position:relative;
  border-bottom:1px solid rgba(242,233,216,.06); font-size:13px; line-height:1.6; color:#a89c86;
}
body.hv3 .steps li:last-child{border-bottom:0}
body.hv3 .steps li::before{
  content:counter(s,decimal-leading-zero); position:absolute; left:0; top:12px;
  font:9.5px/1 var(--sans,'Segoe UI',system-ui,sans-serif); letter-spacing:.1em; color:#6f6656;
}
body.hv3 .steps li b{color:#e8dcc6; font-weight:400}

/* ── лентите „Днес“ и „Арена“ ── */
body.hv3 .dailyband, body.hv3 .homearena{
  margin:22px 0 0; border:1px solid var(--hv-line2); background:linear-gradient(90deg,#161310,#100e0c);
  border-radius:0;
}
body.hv3 .dailyband * , body.hv3 .homearena *{letter-spacing:.02em}

/* ── цитатът най-долу ── */
body.hv3 .quote-band{min-height:300px; margin-top:56px}
body.hv3 .quote-band blockquote{font:italic 400 clamp(23px,2.4vw,32px)/1.4 var(--serif,Georgia,serif); color:#f6efdd}
body.hv3 .quote-band .label{font:9.5px/1 var(--sans,'Segoe UI',system-ui,sans-serif); letter-spacing:.32em; color:var(--hv-gold)}
body.hv3 .quote-band cite{font:10px/1 var(--sans,'Segoe UI',system-ui,sans-serif); letter-spacing:.26em; color:#9d917a}
body.hv3 .quote-inner{max-width:760px; margin:0 auto; text-align:center; padding:54px 24px}

/* ── мобилно ── */
@media (max-width:1100px){
  body.hv3 .grid{grid-template-columns:1fr; margin-top:16px}
  body.hv3 .grid > .rightcol{order:1}
  body.hv3 .grid > .wheelpanel{order:2}
  body.hv3 .wheelwrap{max-width:210px}
  body.hv3 .issue{right:20px; bottom:150px}
  body.hv3 .issue b{font-size:40px}
}
@media (max-width:720px){
  body.hv3 .heroinner{padding-left:18px; padding-right:18px; padding-bottom:34px}
  body.hv3 .heroband{min-height:420px}
  body.hv3 .heroinner h2.hero{max-width:none; font-size:34px}
  body.hv3 .heroinner .sub{font-size:14px}
  body.hv3 .issue{display:none}
  body.hv3 .hero-meta{margin-top:24px}
  body.hv3 .hero-meta div{padding:8px 16px 0 0; margin-right:16px; border-right:0}
  body.hv3 .grid{margin-top:12px}
  body.hv3 .panel{padding:18px}
  body.hv3 main .wrap{padding:0 18px}
}
@media (prefers-reduced-motion:reduce){
  body.hv3 *{transition:none !important; animation:none !important}
}

/* бутоните не се разтягат на цяла ширина */
body.hv3 .panel .primary.wide{width:auto; display:inline-flex; align-items:center; gap:8px}
/* пътеките: тънка линия вместо пунктир */
body.hv3 .paths .pathrow{
  display:flex; align-items:center; gap:14px; width:100%; text-align:left;
  padding:14px 0; border:0; border-bottom:1px solid rgba(242,233,216,.07);
  background:none; color:#a89c86; cursor:pointer;
}
body.hv3 .paths .pathrow:last-child{border-bottom:0}
body.hv3 .paths .pathrow:hover{background:linear-gradient(90deg,rgba(201,162,39,.06),transparent 60%)}
body.hv3 .paths .pb b{display:block; font:400 16px/1.3 var(--serif,Georgia,serif); color:#f0e6d2}
body.hv3 .paths .pb small{display:block; margin-top:4px; font:10.5px/1.4 var(--sans,'Segoe UI',system-ui,sans-serif); letter-spacing:.08em; color:#8b8070}
body.hv3 .paths .pa{color:var(--hv-gold); font-family:var(--serif,Georgia,serif)}
body.hv3 .paths .allpaths{
  margin-top:14px; width:100%; padding:11px; border:1px solid rgba(242,233,216,.16);
  background:none; color:#c9bda6; font:9.5px/1 var(--sans,'Segoe UI',system-ui,sans-serif);
  letter-spacing:.18em; text-transform:uppercase; border-radius:2px; cursor:pointer;
}
body.hv3 .paths .allpaths:hover{border-color:var(--hv-gold); color:var(--hv-gold-l)}
/* дневен ритуал */
body.hv3 .steps li{padding:12px 0 12px 28px; font-size:13px}

/* точните класове от app.js */
body.hv3 .topiccard .primary.wide,
body.hv3 #topicCard .primary{width:auto !important; margin-top:6px; align-self:flex-start; display:inline-flex}
body.hv3 .paths .pn{
  flex:0 0 auto; min-width:34px; font:9.5px/1 var(--sans,'Segoe UI',system-ui,sans-serif);
  letter-spacing:.12em; color:var(--hv-gold); opacity:.85;
}
body.hv3 .paths .pathmore{
  width:100%; margin-top:12px; padding:11px; border-radius:2px;
  border:1px solid rgba(242,233,216,.16); background:none; color:#c9bda6;
  font:9.5px/1 var(--sans,'Segoe UI',system-ui,sans-serif); letter-spacing:.18em;
  text-transform:uppercase; cursor:pointer;
}
body.hv3 .paths .pathmore:hover{border-color:var(--hv-gold); color:var(--hv-gold-l)}

/* колелото остава на екрана, докато четеш */
body.hv3 .grid > .wheelpanel{position:sticky; top:78px}
@media (max-width:1100px){ body.hv3 .grid > .wheelpanel{position:static} }

/* ── хедърът на телефон: един ред, без дреболии ── */
@media (max-width:720px){
  body.hv3 header.top{
    display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center;
    gap:10px; padding:10px 14px; border-bottom:1px solid var(--hv-line2);
  }
  body.hv3 header.top .brand{grid-column:1; min-width:0; overflow:hidden; white-space:nowrap; text-align:left}
  body.hv3 header.top .brand h1{font-size:15px; letter-spacing:.14em}
  body.hv3 header.top .brand .tag{display:none}
  body.hv3 header.top .brand .mark{font-size:18px}
  body.hv3 header.top nav.nav{
    grid-column:1 / -1; grid-row:2; display:flex; gap:16px; overflow-x:auto;
    padding:8px 0 2px; margin:0; border-top:1px solid rgba(242,233,216,.07);
    scrollbar-width:none; -ms-overflow-style:none;
  }
  body.hv3 header.top nav.nav::-webkit-scrollbar{display:none}
  body.hv3 header.top nav.nav .tab{
    flex:0 0 auto; padding:6px 0; font:10px/1 var(--sans,'Segoe UI',system-ui,sans-serif);
    letter-spacing:.16em; text-transform:uppercase; color:#bdb096; background:none; border:0;
    border-bottom:1px solid transparent;
  }
  body.hv3 header.top nav.nav .tab.active{color:var(--ink); border-bottom-color:var(--hv-gold)}
  body.hv3 header.top .topright{
    grid-column:2; grid-row:1; display:flex; align-items:center; gap:8px;
    margin:0; justify-self:end; flex-wrap:nowrap;
  }
  body.hv3 header.top .topright .onlinebadge{display:none}
  body.hv3 header.top .topright #focusBtn,
  body.hv3 header.top .topright #friendsBtn{display:none}
  body.hv3 header.top .topright .ghost#findBtn{display:none}
  body.hv3 header.top .topright .vt-pill{padding:6px 9px; border-radius:8px}
  body.hv3 header.top .topright #authBox{max-width:none}
  body.hv3 header.top .topright .authbox .userchip,
  body.hv3 header.top .topright .authbox .chipid{max-width:150px; overflow:hidden; text-overflow:ellipsis}

  /* метаданните: 2 × 2 */
  body.hv3 .hero-meta{
    display:grid; grid-template-columns:1fr 1fr; gap:10px 14px; margin-top:22px; border-top:0;
  }
  body.hv3 .hero-meta div{border:0; padding:0; margin:0}
  body.hv3 .hero-meta div:nth-child(-n+2){padding-bottom:9px; border-bottom:1px solid rgba(242,233,216,.09)}
  body.hv3 .hero-meta b{font-size:12px}
}

@media (max-width:720px){
  body.hv3 header.top .brand h1{font-size:13px; letter-spacing:.1em}
  body.hv3 header.top .topright{gap:6px}
  body.hv3 header.top .topright .vt-pill{padding:5px 7px; font-size:11px}
  body.hv3 header.top .authbox .userchip,
  body.hv3 header.top .authbox .chipid{max-width:104px; font-size:11px}
  body.hv3 header.top .authbox{font-size:11px}
}

/* ═══════════════ ХЕДЪР НА КОМПЮТЪР — плоска лента ═══════════════ */
@media (min-width:721px){
  body.hv3 header.top{
    position:sticky; top:0; z-index:60;
    display:flex; align-items:center; flex-wrap:nowrap;
    gap:26px; height:74px; padding:0 34px; margin:0;
    background:rgba(12,10,8,.92); backdrop-filter:blur(14px);
    border:0; border-bottom:1px solid var(--hv-line2); border-radius:0;
    box-shadow:none;
  }
  body.hv3 header.top .brand{
    display:flex; align-items:center; gap:11px; background:none; border:0; padding:0; cursor:pointer;
  }
  body.hv3 header.top .brand .mark{
    width:26px; height:26px; display:inline-flex; align-items:center; justify-content:center;
    border:1px solid rgba(201,162,39,.6); border-radius:50%; color:var(--hv-gold); font-size:13px;
  }
  body.hv3 header.top .brand h1{
    margin:0; font:600 16px/1 var(--serif,Georgia,serif);
    letter-spacing:.22em; text-transform:uppercase; color:#f4ecdb;
  }
  body.hv3 header.top .brand .tag{
    margin:5px 0 0; font:8.5px/1 var(--sans,'Segoe UI',system-ui,sans-serif);
    letter-spacing:.24em; text-transform:uppercase; color:#7d7361;
  }
  body.hv3 header.top .brand{order:1}
  body.hv3 header.top nav.nav{
    display:flex; order:2; justify-content:center; gap:28px; margin:0 auto; padding:0;
    background:none; border:0; width:auto; overflow:visible; position:static;
  }
  body.hv3 header.top nav.nav .tab{
    background:none; border:0; border-bottom:1px solid transparent; border-radius:0;
    padding:6px 0; cursor:pointer; color:#bdb096;
    font:10.5px/1 var(--sans,'Segoe UI',system-ui,sans-serif);
    letter-spacing:.18em; text-transform:uppercase; transition:.18s;
  }
  body.hv3 header.top nav.nav .tab:hover{color:#f4ecdb; border-bottom-color:rgba(201,162,39,.5)}
  body.hv3 header.top nav.nav .tab.active{color:#f6efdd; border-bottom-color:var(--hv-gold)}
  body.hv3 header.top nav.nav .tab b{
    display:inline-block; margin-left:5px; padding:1px 5px; border-radius:2px;
    background:rgba(201,162,39,.16); color:#e6cf8e; font:600 9px/1.5 var(--sans,system-ui,sans-serif);
    letter-spacing:.04em;
  }
  body.hv3 header.top .nav-indicator{display:none}

  body.hv3 header.top .topright{
    display:flex; order:3; align-items:center; gap:16px; margin:0 0 0 auto; justify-self:auto;
  }
  body.hv3 header.top .topright .ghost,
  body.hv3 header.top .topright button{
    background:none; border:0; border-radius:0; padding:0; height:auto;
    color:#bdb096; font:10px/1 var(--sans,'Segoe UI',system-ui,sans-serif);
    letter-spacing:.16em; text-transform:uppercase; cursor:pointer; transition:.18s;
  }
  body.hv3 header.top .topright .ghost:hover,
  body.hv3 header.top .topright button:hover{color:#f6efdd}
  body.hv3 header.top .topright .onlinebadge{
    border:0; border-radius:0; padding:0; background:none;
    color:#8b8070; font:10px/1 var(--sans,'Segoe UI',system-ui,sans-serif);
    letter-spacing:.16em; text-transform:uppercase;
  }
  body.hv3 header.top .topright .onlinebadge i{background:#7fa887; box-shadow:0 0 6px rgba(127,168,135,.8)}
  body.hv3 header.top .topright .onlinebadge b{color:#ded2b8; font-weight:600}
  body.hv3 header.top .topright .findbtn{width:auto; color:#9d917a}
  body.hv3 header.top .topright .vt-pill{
    border:0; border-radius:0; background:none; padding:0; color:var(--hv-gold-l);
    font:10px/1 var(--sans,'Segoe UI',system-ui,sans-serif); letter-spacing:.14em;
  }
  body.hv3 header.top .topright .vt-pill b{color:var(--hv-gold-l); font-weight:600}
  body.hv3 header.top .topright .authbox{gap:14px; border:0; background:none; padding:0}
  body.hv3 header.top .topright .authbox .userchip,
  body.hv3 header.top .topright .authbox .chipid{
    border:0; background:none; padding:0; color:#f0e6d2;
    font:400 13px/1.2 var(--serif,Georgia,serif); letter-spacing:.04em;
  }
  body.hv3 header.top .topright .authbox .userchip .ava,
  body.hv3 header.top .topright .authbox .chipava{width:26px; height:26px; border-radius:7px}
  body.hv3 header.top .topright .authbox .logout,
  body.hv3 header.top .topright .authbox #logoutBtn{
    color:#7d7361; font:9.5px/1 var(--sans,'Segoe UI',system-ui,sans-serif);
    letter-spacing:.18em; text-transform:uppercase;
  }
  body.hv3 header.top .topright .authbox .logout:hover,
  body.hv3 header.top .topright .authbox #logoutBtn:hover{color:#e0b3b3}
  body.hv3 .duelbanner{margin:0}
}

/* дребни поправки по дясната част на лентата */
@media (min-width:721px){
  body.hv3 header.top .topright .findbtn,
  body.hv3 header.top .topright .ghost#findBtn{
    border:0 !important; background:none !important; width:auto !important; padding:0 !important;
    height:auto !important; box-shadow:none !important; color:#9d917a;
  }
  body.hv3 header.top .topright .vt-pill{
    border:0 !important; background:none !important; padding:0 !important; height:auto !important;
    display:inline-flex; align-items:center; gap:4px; box-shadow:none !important;
  }
  body.hv3 header.top .topright .vt-pill .vt-coin{display:none}
  body.hv3 header.top .topright .vt-pill b::after{
    content:" VT"; font-size:9px; letter-spacing:.18em; color:#7d7361;
  }
  body.hv3 header.top .topright .vt-pill .vt-badge{
    background:rgba(201,162,39,.14); border:0; border-radius:2px; padding:2px 5px;
    font:600 9px/1 var(--sans,system-ui,sans-serif); color:#e6cf8e; font-style:normal;
  }
}
@media (min-width:721px){
  /* навигацията да е по-близо до центъра */
  body.hv3 header.top nav.nav{flex:1 1 auto; justify-content:center}
  body.hv3 header.top .topright{flex:0 0 auto}
  body.hv3 header.top .topright .authbox .logout,
  body.hv3 header.top .topright .authbox #logoutBtn{margin-left:2px}
}

@media (min-width:721px){
  /* навигацията е групирана до логото, отделена с тънка линия — така изглежда нарочно, а не „изместена“ */
  body.hv3 header.top nav.nav{
    flex:0 0 auto; justify-content:flex-start; margin:0 0 0 4px;
    padding-left:26px; border-left:1px solid rgba(242,233,216,.14);
  }
  body.hv3 header.top .topright{margin-left:auto}
}

/* ═════════ АРЕНА: по-голяма на широк екран ═════════ */
@media (min-width:1500px){
  body.hv3 .arena-wrap{max-width:1620px}
  body.hv3 .dc-layout{grid-template-columns:340px minmax(0,1fr) 350px; gap:24px}
  body.hv3 .dc-arena{max-width:1240px; padding:34px clamp(20px,3vw,44px) 30px}
  body.hv3 .dc-title{font-size:clamp(46px,4.2vw,72px); letter-spacing:.18em}
  body.hv3 .dc-tag{font-size:15px; margin-top:12px}
  body.hv3 .dc-head{padding:10px 0 26px}
  body.hv3 .dc-kicker{font-size:10px; letter-spacing:.4em}
  body.hv3 .dc-grid{gap:16px; margin-top:14px}
  body.hv3 .dc-card{padding:26px 12px 20px; min-height:132px}
  body.hv3 .dc-progress{gap:22px; margin-top:20px}
  body.hv3 .dc-play{padding:18px 46px; font-size:15px}
  body.hv3 .dc-modes{gap:10px; margin-top:18px}
  body.hv3 .dc-chip{font-size:12.5px; padding:7px 12px}
  body.hv3 .dc-board{min-width:0}
}
/* по-голяма типография на кръговете навсякъде */
body.hv3 .dc-card .rn,
body.hv3 .dc-card b{font-size:1.05em}
body.hv3 .dc-foot{margin-top:14px; font-size:11.5px}

@media (min-width:1500px){
  body.hv3 .arena-view .wrap.arena-wrap{max-width:1660px !important}
  body.hv3 .dc-layout{grid-template-columns:340px minmax(0,1fr) 350px !important; gap:24px !important}
  body.hv3 .dc-layout > .dc-zone{max-width:none}
  body.hv3 .dc-arena{max-width:1260px !important}
}

@media (min-width:1500px){
  /* залата запълва екрана, кръговете растат с нея */
  body.hv3 .dc-arena{
    min-height:calc(100vh - 260px); display:flex; flex-direction:column; justify-content:space-between;
  }
  body.hv3 .dc-arena .dc-grid{flex:1 1 auto; align-content:stretch; grid-auto-rows:1fr}
  body.hv3 .dc-arena .dc-card{min-height:0; justify-content:center}
  body.hv3 .dc-arena .dc-card .rn{font-size:34px}
  body.hv3 .dc-arena .dc-foot{margin-top:16px}
}

@media (min-width:1500px){
  /* страничните колони се разтягат до височината на залата */
  body.hv3 .dc-layout{align-items:stretch}
  body.hv3 .dc-board{display:flex; flex-direction:column; max-height:none}
  body.hv3 .dc-board .lb-list,
  body.hv3 .dc-board [id="lbList"]{flex:1 1 auto; overflow:auto}
  body.hv3 .dc-left-side{display:flex; flex-direction:column; gap:18px}
  body.hv3 .arena-mods-tourney{position:static}
}

/* ═════ ШИРОК ЕКРАН: сайтът запълва, без фиксирани брейкпойнти ═════ */
@media (min-width:1200px){
  body.hv3 .wrap,
  body.hv3 .arena-view .wrap.arena-wrap{
    max-width:min(1760px, calc(100vw - 72px)) !important;
    width:100%; padding-left:36px; padding-right:36px;
  }
  body.hv3 .dc-layout{
    grid-template-columns:clamp(280px, 17vw, 380px) minmax(0,1fr) clamp(300px, 18vw, 400px) !important;
    gap:clamp(16px, 1.4vw, 28px) !important;
  }
  body.hv3 .dc-arena{max-width:100% !important}
  body.hv3 .heroinner{max-width:min(1760px, calc(100vw - 72px)); padding-left:36px; padding-right:36px}
  body.hv3 header.top{padding-left:36px; padding-right:36px}
}
@media (min-width:1900px){
  body.hv3 .wrap,
  body.hv3 .arena-view .wrap.arena-wrap{max-width:min(2100px, calc(100vw - 96px)) !important}
  body.hv3 .heroinner{max-width:min(2100px, calc(100vw - 96px))}
  body.hv3 .dc-arena .dc-grid{gap:20px}
  body.hv3 .dc-arena .dc-card{padding:32px 14px 24px}
}

/* ═════ ГЪВКАВО: всичко се шири според екрана, без фиксирани ширини ═════ */
@media (min-width:1200px){
  body.hv3 #arenaGrid,
  body.hv3 .dc-layout,
  body.hv3 .dc-zone,
  body.hv3 .dc-arena{
    width:100% !important; max-width:none !important;
  }
  body.hv3 .dc-layout{
    grid-template-columns:clamp(260px, 14vw, 360px) minmax(0, 1fr) clamp(280px, 15vw, 380px) !important;
    gap:clamp(14px, 1.2vw, 26px) !important;
  }
  body.hv3 .dc-arena .dc-grid{gap:clamp(10px, .8vw, 20px)}
  body.hv3 .dc-arena .dc-title{font-size:clamp(40px, 4.2vw, 92px)}
  body.hv3 .dc-arena .dc-card{padding:clamp(16px, 1.4vw, 34px) clamp(8px, .7vw, 16px) clamp(12px, 1vw, 24px)}
  body.hv3 .dc-arena .dc-card .rn{font-size:clamp(20px, 1.6vw, 38px)}
  body.hv3 .dc-arena{padding:clamp(20px, 2vw, 44px) clamp(16px, 1.8vw, 46px) clamp(16px, 1.6vw, 36px)}
  /* височината следва екрана */
  body.hv3 .dc-arena{min-height:calc(100vh - 210px)}
}

/* ── поправка: без изкуствено разтягане, картите остават с нормална височина ── */
@media (min-width:1200px){
  body.hv3 .dc-arena{min-height:0 !important; display:block !important}
  body.hv3 .dc-arena .dc-grid{flex:none !important; align-content:start !important; grid-auto-rows:auto !important}
  body.hv3 .dc-arena .dc-card{
    min-height:clamp(108px, 8vw, 138px) !important; justify-content:start !important;
    height:auto !important; grid-auto-rows:auto !important;
  }
  body.hv3 .dc-arena .dc-card .rn{font-size:clamp(22px, 1.5vw, 30px) !important}
  body.hv3 .dc-arena .dc-card .rname{font-size:clamp(13px, .95vw, 17px) !important}
  body.hv3 .dc-arena .dc-card .rnote,
  body.hv3 .dc-arena .dc-card .rstat{font-size:clamp(10px, .72vw, 12px) !important}
  body.hv3 .dc-arena .dc-foot{margin-top:16px}
  body.hv3 .dc-layout{align-items:start !important}
  body.hv3 .dc-board{max-height:none}
}

/* ── залата се пълни по височина, без да разтяга картите ── */
@media (min-width:1200px){
  body.hv3 .dc-arena{
    display:flex !important; flex-direction:column; min-height:calc(100vh - 220px) !important;
  }
  body.hv3 .dc-arena .dc-head{flex:0 0 auto}
  body.hv3 .dc-arena .dc-grid{flex:0 0 auto}
  body.hv3 .dc-arena .dc-foot{margin-top:auto !important; padding-top:18px; border-top:1px solid rgba(201,162,39,.14)}
  /* заключените кръгове да казват защо са празни */
  body.hv3 .dc-card.locked .dc-stat::after{content:"заключен"; letter-spacing:.12em; font-size:10px; color:#6f6656}
}
@media (min-width:1200px){
  body.hv3 .dc-arena{justify-content:flex-start !important}
  body.hv3 .dc-arena .dc-head{padding-bottom:clamp(14px, 1.4vw, 26px)}
}
@media (min-width:1200px){
  body.hv3 .dc-arena{min-height:calc(100vh - 300px) !important}
  body.hv3 .dc-arena .dc-card{min-height:clamp(116px, 15vh, 196px) !important}
  body.hv3 .dc-arena .dc-grid{gap:clamp(10px, .9vw, 22px) !important}
}

/* ═════ КЛАСАЦИЯТА: еднаква типография, ясни редове ═════ */
body.hv3 .dc-board{
  background:linear-gradient(180deg,#141110,#100e0c);
  border:1px solid var(--hv-line2); border-radius:0; padding:22px 20px 20px;
}
body.hv3 .dc-board-head{padding:0 0 14px; border-bottom:1px solid var(--hv-line2); text-align:left}
body.hv3 .dc-board-head .dc-kicker{
  margin:0 0 6px; font:9px/1 var(--sans,'Segoe UI',system-ui,sans-serif);
  letter-spacing:.3em; text-transform:uppercase; color:var(--hv-gold);
}
body.hv3 .dc-board-head h3{
  margin:0; font:400 20px/1.2 var(--serif,Georgia,serif); letter-spacing:.02em; color:#f4ecdb;
}
/* табовете: подчертани сегменти, не бутони */
body.hv3 .dc-board .lb-tabs{
  display:flex; gap:16px; margin:14px 0 6px; padding:0 0 10px;
  border-bottom:1px solid var(--hv-line2); background:none;
}
body.hv3 .dc-board .lb-tab{
  background:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;
  padding:2px 0 !important; color:#8b8070 !important;
  font:10px/1 var(--sans,'Segoe UI',system-ui,sans-serif) !important;
  letter-spacing:.16em; text-transform:uppercase; border-bottom:1px solid transparent !important;
}
body.hv3 .dc-board .lb-tab:hover{color:#ded2b8 !important}
body.hv3 .dc-board .lb-tab.on,
body.hv3 .dc-board .lb-tab.active{
  color:#f4ecdb !important; border-bottom-color:var(--hv-gold) !important;
}
/* редовете */
body.hv3 .dc-board ul{list-style:none; margin:0; padding:0}
body.hv3 .dc-board li{
  display:grid; grid-template-columns:26px 30px minmax(0,1fr) auto; align-items:center;
  gap:10px; padding:9px 0; border-bottom:1px solid rgba(242,233,216,.055);
  transition:background .15s;
}
body.hv3 .dc-board li:last-child{border-bottom:0}
body.hv3 .dc-board li:hover{background:rgba(201,162,39,.05)}
body.hv3 .dc-board li.me{background:rgba(201,162,39,.08); box-shadow:inset 2px 0 0 var(--hv-gold)}
body.hv3 .dc-board .lb-place{
  font:11px/1 var(--sans,'Segoe UI',system-ui,sans-serif); font-variant-numeric:tabular-nums;
  color:#6f6656; text-align:right; font-weight:600;
}
body.hv3 .dc-board li:first-child .lb-place,
body.hv3 .dc-board li.me .lb-place{color:var(--hv-gold-l)}
body.hv3 .dc-board .lb-ava{
  width:30px; height:30px; border-radius:8px; background:#241d16 center/cover;
  border:1px solid rgba(201,162,39,.28);
}
body.hv3 .dc-board .lb-name{
  display:flex; align-items:baseline; gap:8px; min-width:0; flex-wrap:wrap;
}
body.hv3 .dc-board .lb-nm,
body.hv3 .dc-board .lb-name > span:first-child,
body.hv3 .dc-board .lb-name b{
  font:400 15px/1.2 var(--serif,Georgia,serif) !important; letter-spacing:.01em;
  color:#f0e6d2 !important; font-size:15px !important;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;
}
body.hv3 .dc-board .lb-name small{
  font:9px/1 var(--sans,'Segoe UI',system-ui,sans-serif) !important;
  letter-spacing:.14em; text-transform:uppercase; color:#7d7361 !important;
  font-style:normal; white-space:nowrap;
}
body.hv3 .dc-board .lb-val{
  font:600 14px/1 var(--sans,'Segoe UI',system-ui,sans-serif); font-variant-numeric:tabular-nums;
  color:#ded2b8; letter-spacing:.02em; text-align:right;
}
body.hv3 .dc-board li:first-child .lb-val{color:var(--hv-gold-l)}
/* долен надпис */
body.hv3 .dc-board .lb-note,
body.hv3 .dc-board > p{
  margin:14px 0 0; padding-top:12px; border-top:1px solid var(--hv-line2);
  font:9.5px/1.4 var(--sans,'Segoe UI',system-ui,sans-serif);
  letter-spacing:.16em; text-transform:uppercase; color:#7d7361; text-align:center;
}
/* дивизията и подаръкът */
body.hv3 .dc-board .am-league,
body.hv3 .dc-board [id="arenaModsAside"]{
  margin-top:18px; padding:16px; border:1px solid var(--hv-line) !important;
  background:#100e0c; border-radius:0 !important;
}
body.hv3 .dc-board [class*="gift"], body.hv3 .dc-board [class*="bonus"]{
  border-style:solid !important; border-color:rgba(242,233,216,.14) !important;
  border-radius:0 !important; background:#100e0c;
}

/* лявата колона с турнирите: без застъпване на текста */
body.hv3 .dc-left-side, body.hv3 .arena-mods-tourney{min-width:0}
body.hv3 .am-tourney, body.hv3 .am-tourney *{min-width:0}
body.hv3 .am-tourney h3, body.hv3 .am-tourney h4{
  font:400 17px/1.25 var(--serif,Georgia,serif) !important; color:#f4ecdb;
  margin:0 0 2px; white-space:normal; overflow-wrap:anywhere;
}
body.hv3 .am-tourney p, body.hv3 .am-tourney small, body.hv3 .am-tourney .am-note{
  font:11px/1.5 var(--sans,'Segoe UI',system-ui,sans-serif) !important; color:#8b8070 !important;
  white-space:normal; overflow-wrap:anywhere;
}
body.hv3 .am-tourney .am-row,
body.hv3 .am-tourney .am-line{
  display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap;
  font:10.5px/1.5 var(--sans,'Segoe UI',system-ui,sans-serif); color:#a2967f;
}
body.hv3 .am-tourney .am-row b, body.hv3 .am-tourney .am-line b{color:#ded2b8; font-weight:600}
body.hv3 .am-tourney .am-btn, body.hv3 .am-tourney button{
  width:100%; margin-top:8px; white-space:normal;
}

/* ── турнирните карти: чист вертикален поток, без застъпване ── */
body.hv3 .am-tourney-grid{display:grid !important; gap:16px; grid-template-columns:1fr !important}
body.hv3 .am-tourney-card{
  display:flex !important; flex-direction:column; gap:9px;
  padding:18px 18px 16px !important; border-radius:0 !important;
  border:1px solid var(--hv-line2) !important; background:linear-gradient(180deg,#151210,#100e0c) !important;
  position:static !important; min-height:0 !important; overflow:visible !important;
}
body.hv3 .am-tourney-title{
  font:400 17px/1.3 var(--serif,Georgia,serif) !important; color:#f4ecdb !important;
  margin:0 !important; padding:0 0 8px !important; border-bottom:1px solid var(--hv-line2);
  white-space:normal !important; position:static !important;
}
body.hv3 .am-tourney-title em{
  display:inline !important; font-style:normal !important;
  font:9px/1 var(--sans,system-ui,sans-serif) !important; letter-spacing:.16em;
  text-transform:uppercase; color:var(--hv-gold) !important; margin-left:6px;
}
body.hv3 .am-tourney-line{
  margin:0 !important; font:10.5px/1.5 var(--sans,'Segoe UI',system-ui,sans-serif) !important;
  color:#8b8070 !important; letter-spacing:.04em; position:static !important;
}
body.hv3 .am-tourney-line b{color:#e6cf8e !important; font-variant-numeric:tabular-nums}
body.hv3 .am-tourney-stats{
  display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important;
  margin:2px 0 !important; position:static !important;
}
body.hv3 .am-tourney-stat{
  display:flex !important; align-items:baseline; gap:6px;
  padding:7px 9px !important; border:1px solid rgba(242,233,216,.1) !important;
  background:#100e0c !important; border-radius:0 !important;
}
body.hv3 .am-tourney-stat b{
  font:600 15px/1 var(--sans,'Segoe UI',system-ui,sans-serif) !important;
  color:#f0e6d2 !important; font-variant-numeric:tabular-nums;
}
body.hv3 .am-tourney-stat b i{font-style:normal; color:#7d7361; font-size:10px}
body.hv3 .am-tourney-stat span{
  font:8.5px/1.2 var(--sans,'Segoe UI',system-ui,sans-serif) !important;
  letter-spacing:.14em; text-transform:uppercase; color:#7d7361 !important;
}
body.hv3 .am-tourney-note{
  margin:0 !important; font:10px/1.55 var(--sans,'Segoe UI',system-ui,sans-serif) !important;
  color:#6f6656 !important; white-space:normal !important; position:static !important;
}
body.hv3 .am-tourney-act{
  margin-top:2px !important; position:static !important; display:block !important;
}
body.hv3 .am-tourney-done{
  display:block; font:9.5px/1.4 var(--sans,'Segoe UI',system-ui,sans-serif) !important;
  letter-spacing:.16em; text-transform:uppercase; color:#8b8070 !important; position:static !important;
}
body.hv3 .am-tourney-board, body.hv3 .am-tourney-board.is-empty{
  margin:0 !important; position:static !important; max-height:none !important; overflow:visible !important;
}
body.hv3 .am-tourney-empty{
  margin:0 !important; font:10px/1.5 var(--sans,'Segoe UI',system-ui,sans-serif) !important;
  color:#6f6656 !important; font-style:italic;
}
body.hv3 .am-tourney button, body.hv3 .am-tourney .am-btn{
  margin-top:6px !important; width:100% !important; padding:11px !important; border-radius:0 !important;
  font:600 9.5px/1 var(--sans,'Segoe UI',system-ui,sans-serif) !important;
  letter-spacing:.18em; text-transform:uppercase;
}
body.hv3 .am-tourney-stat span{
  white-space:normal !important; overflow:visible !important; text-overflow:clip !important;
  font-size:8px !important; letter-spacing:.06em !important; line-height:1.25 !important;
}
body.hv3 .am-tourney-stat{padding:4px 4px !important; gap:5px !important; align-items:center !important; flex-wrap:wrap}
body.hv3 .am-tourney-stat b{font-size:14px !important}
/* имената в класацията: еднаква тежест, независимо от козметиките */
body.hv3 .dc-board .lb-nm,
body.hv3 .dc-board .lb-name > span:first-child,
body.hv3 .dc-board .lb-name b{font-weight:400 !important; font-style:normal !important}
body.hv3 .dc-board li.me .lb-nm{color:var(--hv-gold-l) !important}

/* старите новинарски ленти не влизат в новия изглед — те закриваха героя на 1600+ */
body.hv3 .rail{display:none !important}