/* ============================================================
   ДЕЛО ДНЯ (формат «задачник», v4) — нуар-экран под референс.
   v4: фирменные материалы вместо самопала —
   • шрифт заголовков/кнопок: var(--noir-display) (Tektur);
   • крупные блоки: арт-подложка assets/noir_panel.webp;
   • полоса вопроса: жёлтый мазок assets/noir_bar.webp;
   • кнопки: потёртые жёлтые (зерно + градиент), как .cta;
   • улики: компактные строки с тонкими линейками.
   Все селекторы с префиксом .lmxDp / #lmxDpPanel — на чужую
   вёрстку не влияют. Откат: удалить <link> из index.php.
   ============================================================ */
#lmxDpPanel{
  display:none; position:absolute; z-index:30;
  overflow-y:auto; overflow-x:hidden; scrollbar-width:none;
  padding:22px 26px 48px; box-sizing:border-box;
  background:
    url("assets/noir_bg.webp") center/cover no-repeat,
    linear-gradient(180deg,#131210,#0c0b0a);
  color:#f0e8d2; font-family:var(--sans,system-ui,sans-serif);
  --dpy:#f2c400; --dpline:rgba(240,232,210,.14); --dpmuted:rgba(240,232,210,.6);
  --dpdisp:var(--noir-display,'Tektur',var(--sans,sans-serif));
}
#lmxDpPanel::-webkit-scrollbar{width:0;height:0}
#lmxDpPanel.is-on{display:block}
#lmxDpPanel.is-fallback{position:fixed;inset:0;z-index:9400;padding:14px 12px 40px}
#lmxDpPanel.is-narrow{padding:14px 12px 40px}

.lmxDp__h1{font-family:var(--dpdisp);font-weight:700;font-size:34px;letter-spacing:.12em;line-height:1;margin:0 0 16px;color:#fff;text-transform:uppercase}
.is-narrow .lmxDp__h1{font-size:26px;margin-bottom:12px}
.lmxDp__grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}
.is-narrow .lmxDp__grid{grid-template-columns:minmax(0,1fr);gap:16px}

/* крупный блок: фирменная арт-подложка «панель» */
.lmxDp__card{
  position:relative;
  background:url("assets/noir_panel.webp") no-repeat center #14120e;
  background-size:100% 100%;
  border:none;border-radius:12px;
  padding:20px 24px 22px;box-sizing:border-box;
  box-shadow:0 12px 26px rgba(0,0,0,.42);
}
.is-narrow .lmxDp__card{padding:16px}
.lmxDp__lbl{font-family:var(--dpdisp);font-weight:700;font-size:11.5px;letter-spacing:.16em;color:var(--dpy);text-transform:uppercase;margin:0 0 10px}
.lmxDp__sec{margin-top:18px}
.lmxDp__secBody{
  background:url("assets/noir_panel.webp") no-repeat center #14120e;
  background-size:100% 100%;
  border-radius:12px;padding:12px 20px;box-sizing:border-box;
  box-shadow:0 12px 26px rgba(0,0,0,.42);
}
.is-narrow .lmxDp__secBody{padding:10px 14px}
.lmxDp__secBody .lmxDp__p{padding:6px 0}
.lmxDp__p{font-size:14.5px;line-height:1.65;color:#e9e1cc;margin:0}
.lmxDp__p + .lmxDp__p{margin-top:8px}

/* улики: компактные строки, тонкие линейки, мелкая жёлтая точка */
.lmxDp__ul{margin:0;padding:0;list-style:none}
.lmxDp__ul li{position:relative;padding:7px 0 7px 20px;font-size:13.5px;line-height:1.5;border-bottom:1px solid rgba(240,232,210,.09)}
.lmxDp__ul li:last-child{border-bottom:none}
.lmxDp__ul li::before{content:'';position:absolute;left:4px;top:14px;width:6px;height:6px;border-radius:50%;background:var(--dpy)}
.lmxDp__ul.is-plain li::before{background:rgba(240,232,210,.5)}

/* шапка дела */
.lmxDp__head{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:18px;align-items:start}
.is-narrow .lmxDp__head{grid-template-columns:minmax(0,1fr)}
.lmxDp__title{font-family:var(--dpdisp);font-weight:700;font-size:29px;line-height:1.12;letter-spacing:.02em;margin:0 0 6px;color:#fff}
.is-narrow .lmxDp__title{font-size:22px}
.lmxDp__tags{font-family:var(--dpdisp);font-weight:500;font-size:11.5px;letter-spacing:.08em;color:var(--dpmuted);display:flex;flex-wrap:wrap;gap:6px 10px;margin-bottom:12px;text-transform:lowercase}
.lmxDp__tags i{font-style:normal;color:rgba(240,232,210,.35)}
.lmxDp__meta{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--dpline);border-radius:8px;overflow:hidden;font-size:13px;margin-bottom:14px;background:rgba(0,0,0,.35)}
.lmxDp__meta > span{padding:8px 14px;border-right:1px solid var(--dpline);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.lmxDp__meta > span:last-child{border-right:none}
.lmxDp__meta b{color:#fff;font-weight:700}
.lmxDp__meta .is-easy{color:#7fd67f}.lmxDp__meta .is-mid{color:var(--dpy)}.lmxDp__meta .is-hard{color:#ff8a7a}
.lmxDp__cover{width:190px;height:190px;border-radius:10px;object-fit:cover;background:#000;border:1px solid var(--dpline);display:block;box-shadow:0 10px 22px rgba(0,0,0,.5)}
.is-narrow .lmxDp__cover{width:100%;height:auto;aspect-ratio:1/1;max-height:260px}

/* карточки подозреваемых / локаций: зерно + градиент, как noirSpec__card */
.lmxDp__sus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.is-narrow .lmxDp__sus{grid-template-columns:1fr}
.lmxDp__susCard{display:flex;gap:12px;align-items:flex-start;
  background:url("assets/noir_card.webp") no-repeat center #14120e;
  background-size:100% 100%;
  border:none;border-radius:11px;padding:16px;box-sizing:border-box;
  box-shadow:0 10px 22px rgba(0,0,0,.38)}
.lmxDp__susPic{width:82px;height:82px;border-radius:8px;object-fit:cover;flex:0 0 82px;background:#1a1712;border:1px solid var(--dpline)}
.lmxDp__susPh{width:82px;height:82px;border-radius:8px;flex:0 0 82px;background:radial-gradient(circle at 50% 35%,rgba(242,196,0,.22),rgba(0,0,0,0) 60%),#1a1712;border:1px solid var(--dpline);display:flex;align-items:center;justify-content:center}
.lmxDp__susPh svg{width:46px;height:46px;fill:none;stroke:rgba(240,232,210,.45);stroke-width:1.6}
.lmxDp__susName{font-family:var(--dpdisp);font-weight:700;font-size:14.5px;letter-spacing:.02em;color:#fff;margin:0 0 4px}
.lmxDp__susDesc{font-size:13px;line-height:1.5;color:#d9d1bc;margin:0}
.lmxDp__susMot{font-size:12.5px;line-height:1.45;color:var(--dpmuted);font-style:italic;margin:6px 0 0}
.lmxDp__locs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.is-narrow .lmxDp__locs{grid-template-columns:1fr}
.lmxDp__loc{display:flex;gap:14px;align-items:flex-start;
  background:url("assets/noir_card.webp") no-repeat center #14120e;
  background-size:100% 100%;
  border:none;border-radius:11px;padding:16px;box-sizing:border-box;
  box-shadow:0 10px 22px rgba(0,0,0,.38)}
.lmxDp__locPic{width:120px;height:80px;border-radius:8px;object-fit:cover;flex:0 0 120px;background:#1a1712;border:1px solid var(--dpline)}
.lmxDp__locPh{width:120px;height:80px;border-radius:8px;flex:0 0 120px;background:#1a1712;border:1px solid var(--dpline);display:flex;align-items:center;justify-content:center;font-size:30px;opacity:.5}
.is-narrow .lmxDp__locPic,.is-narrow .lmxDp__locPh{width:90px;flex-basis:90px;height:70px}

/* вопрос: фирменный жёлтый мазок noir_bar.webp (растянут по ширине) */
.lmxDp__q{position:relative;z-index:0;margin-top:22px;padding:16px 20px 16px 70px;color:#171308}
.lmxDp__q::after{content:'';position:absolute;inset:0;z-index:-1;
  background:url("assets/noir_bar.webp") no-repeat center;background-size:100% 100%}
.lmxDp__q::before{content:'?';position:absolute;left:20px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:2px solid #171308;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;font-family:var(--dpdisp)}
.lmxDp__qLbl{font-family:var(--dpdisp);font-weight:700;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;opacity:.8;margin:0 0 2px}
.lmxDp__qTxt{font-family:var(--dpdisp);font-weight:700;font-size:22px;line-height:1.15;letter-spacing:.02em;margin:0}
.is-narrow .lmxDp__qTxt{font-size:18px}

/* строка ответа */
.lmxDp__ans{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;margin-top:16px;align-items:stretch}
.is-narrow .lmxDp__ans{grid-template-columns:1fr}
.lmxDp__inp{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.5);border:1px solid rgba(240,232,210,.22);border-radius:8px;padding:0 14px;min-height:48px}
.lmxDp__inp svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:var(--dpy);stroke-width:1.8}
.lmxDp__inp input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#fff;font-size:15px;font-family:inherit}
.lmxDp__inp input::placeholder{color:rgba(240,232,210,.4)}

/* кнопки: потёртая жёлтая (зерно+градиент, как .cta на нуар-экранах) */
.lmxDp__btn{min-height:48px;padding:0 24px;border-radius:7px;cursor:pointer;
  font-family:var(--dpdisp);font-weight:700;letter-spacing:.1em;font-size:13px;text-transform:uppercase;
  background-image:var(--noir-grain,none),linear-gradient(180deg,#eec21a 0%,#d9a900 100%);
  background-color:#e0b100;color:#181510;border:1px solid rgba(0,0,0,.45);
  box-shadow:0 6px 16px rgba(0,0,0,.45)}
.lmxDp__btn:hover{filter:brightness(1.06)}
.lmxDp__btn:disabled{opacity:.5;cursor:default;box-shadow:none;filter:none}
.lmxDp__btn.is-ghost{background-image:none;background:rgba(0,0,0,.45);color:var(--dpy);border:1px solid rgba(242,196,0,.45);box-shadow:none;display:inline-flex;align-items:center;gap:8px;justify-content:center}
.lmxDp__btn.is-ghost:hover{border-color:var(--dpy);filter:none}
.lmxDp__note{margin-top:10px;font-size:12.5px;color:var(--dpmuted);display:flex;align-items:center;gap:8px}
.lmxDp__note::before{content:'i';width:16px;height:16px;border-radius:50%;border:1px solid var(--dpy);color:var(--dpy);font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px}

/* результат */
.lmxDp__res{margin-top:16px;border-radius:10px;padding:16px 18px;border:1px solid}
.lmxDp__res.is-ok{background:rgba(70,180,90,.12);border-color:rgba(90,200,110,.5)}
.lmxDp__res.is-bad{background:rgba(200,60,50,.13);border-color:rgba(230,90,80,.5)}
.lmxDp__resT{font-family:var(--dpdisp);font-weight:700;font-size:20px;letter-spacing:.06em;margin:0 0 6px;color:#fff;text-transform:uppercase}
.lmxDp__res.is-ok .lmxDp__resT{color:#8ff0a8}.lmxDp__res.is-bad .lmxDp__resT{color:#ffb0a6}
.lmxDp__resA{font-size:14px;margin:0 0 10px;color:#e9e1cc}
.lmxDp__resA b{color:var(--dpy)}
.lmxDp__resX{font-size:14px;line-height:1.6;color:#d9d1bc;margin:0;padding-top:10px;border-top:1px solid rgba(240,232,210,.12)}
.lmxDp__pts{display:inline-block;margin-top:10px;padding:5px 12px;border-radius:999px;background:rgba(242,196,0,.14);border:1px solid rgba(242,196,0,.45);color:var(--dpy);font-weight:800;font-size:13px}
.lmxDp__login{margin-top:12px;font-size:13px;color:var(--dpmuted)}
.lmxDp__login a{color:var(--dpy);font-weight:700}

/* сайдбар */
.lmxDp__side{display:flex;flex-direction:column;gap:16px}
.lmxDp__sideH{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-family:var(--dpdisp);font-weight:700;letter-spacing:.14em;font-size:13.5px;color:#fff;text-transform:uppercase}
.lmxDp__sideH svg{width:24px;height:24px;fill:none;stroke:var(--dpy);stroke-width:1.7}
.lmxDp__step{display:flex;gap:12px;align-items:flex-start;padding:8px 0}
.lmxDp__stepN{width:30px;height:30px;border-radius:50%;border:2px solid var(--dpy);color:var(--dpy);font-family:var(--dpdisp);font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 30px;font-size:14px}
.lmxDp__step b{display:block;font-size:14px;color:#fff;margin-bottom:2px}
.lmxDp__step span{font-size:13px;line-height:1.45;color:var(--dpmuted)}
.lmxDp__cnt{display:flex;align-items:center;gap:12px;border:1px solid var(--dpline);border-radius:8px;padding:9px 14px;margin-bottom:8px;font-size:14px;color:var(--dpmuted);background:rgba(0,0,0,.32)}
.lmxDp__cnt b{font-size:19px;color:#fff;font-family:var(--dpdisp);font-weight:700;letter-spacing:.02em}
.lmxDp__cnt svg{width:20px;height:20px;fill:none;stroke:var(--dpy);stroke-width:1.7}
.lmxDp__inf{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:start}
.lmxDp__infPic{width:120px;height:120px;border-radius:10px;object-fit:cover;border:1px solid var(--dpline);background:#000}
.lmxDp__infQ{font-size:13.5px;line-height:1.55;font-style:italic;color:#d9d1bc;margin:0}
.lmxDp__hintBtn{margin-top:14px;width:100%}
.lmxDp__hintSub{margin-top:8px;text-align:center;font-size:12.5px;color:var(--dpmuted)}
.lmxDp__hintSub b{color:var(--dpy);font-weight:700}
.lmxDp__hint{margin-top:12px;padding:12px 14px;border-radius:8px;background:rgba(242,196,0,.1);border:1px solid rgba(242,196,0,.4);font-size:14px;line-height:1.55;color:#f4ecd6}
.lmxDp__hint b{color:var(--dpy)}

/* архив */
.lmxDp__arc{margin-top:32px}
.lmxDp__arcGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.lmxDp__arcCard{display:flex;gap:12px;align-items:center;
  background:url("assets/noir_card.webp") no-repeat center #14120e;
  background-size:100% 100%;
  border:none;border-radius:11px;padding:12px;cursor:pointer;text-decoration:none;color:inherit;transition:filter .15s;
  box-shadow:0 8px 18px rgba(0,0,0,.34)}
.lmxDp__arcCard:hover{filter:brightness(1.12)}
.lmxDp__arcCard.is-locked{opacity:.65;cursor:default}
.lmxDp__arcPic{width:64px;height:64px;border-radius:8px;object-fit:cover;flex:0 0 64px;background:#1a1712}
.lmxDp__arcT{font-family:var(--dpdisp);font-weight:700;font-size:13.5px;color:#fff;margin:0 0 4px;line-height:1.3}
.lmxDp__arcM{font-size:12px;color:var(--dpmuted);display:flex;flex-wrap:wrap;gap:4px 8px}
.lmxDp__arcM .ok{color:#8ff0a8}.lmxDp__arcM .bad{color:#ffb0a6}.lmxDp__arcM .lock{color:var(--dpy)}
.lmxDp__lock{text-align:center;padding:26px 18px;border:1px dashed rgba(242,196,0,.45);border-radius:10px;background:rgba(242,196,0,.05)}
.lmxDp__lock .lmxDp__btn{margin-top:14px}
.lmxDp__empty{padding:30px;text-align:center;color:var(--dpmuted);border:1px dashed var(--dpline);border-radius:10px}
.lmxDp__err{margin-top:10px;font-size:13px;color:#ffb0a6}

/* сворачивание досье на мобиле */
.lmxDp__fold.is-folded .lmxDp__sec,.lmxDp__fold.is-folded .lmxDp__susWrap{display:none}
.lmxDp__fold.is-folded .lmxDp__foldHint{display:block}
.lmxDp__foldHint{display:none;margin-top:12px;font-size:12.5px;color:var(--dpmuted);text-align:center}

/* анонс завтрашнего дела — канон «СКОРО» */
.lmxDp__soon{display:flex;gap:18px;align-items:flex-start}
.is-narrow .lmxDp__soon{flex-direction:column}
.lmxDp__soonPic{width:150px;height:150px;border-radius:10px;object-fit:cover;flex:0 0 150px;background:#000;border:1px solid var(--dpline);box-shadow:0 10px 22px rgba(0,0,0,.5)}
.is-narrow .lmxDp__soonPic{width:100%;height:auto;aspect-ratio:1/1;max-height:220px}
.lmxDp__soonBadge{display:inline-block;padding:5px 12px;border-radius:6px;
  font-family:var(--dpdisp);font-weight:700;font-size:11px;letter-spacing:.12em;color:#171308;
  background-image:var(--noir-grain,none),linear-gradient(180deg,#eec21a 0%,#d9a900 100%);
  background-color:#e0b100;border:1px solid rgba(0,0,0,.45)}

/* карточка дела по канону «Расследований»: обложка сверху + чипы */
.lmxDp__arcGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.lmxDp__gcard{display:block;text-decoration:none;color:inherit;
  background:url("assets/noir_card.webp") no-repeat center #14120e;background-size:100% 100%;
  border:none;border-radius:12px;padding:16px;box-sizing:border-box;
  box-shadow:0 10px 22px rgba(0,0,0,.4);transition:filter .15s}
a.lmxDp__gcard:hover{filter:brightness(1.1)}
.lmxDp__gcard.is-locked{opacity:.7}
.lmxDp__gcard--wide{max-width:none;padding:20px 24px}
.lmxDp__gcard--wide .lmxDp__gcover{aspect-ratio:auto;height:260px;max-width:560px}
.lmxDp__gcover{width:100%;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#0c0b09;
  border:1px solid rgba(240,232,210,.12);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.lmxDp__gcover img{width:100%;height:100%;object-fit:cover;display:block}
.lmxDp__gcover svg{width:54px;height:54px;fill:none;stroke:rgba(240,232,210,.35);stroke-width:1.6}
.lmxDp__gtitle{font-family:var(--dpdisp);font-weight:700;font-size:17px;line-height:1.25;letter-spacing:.02em;color:#fff;margin:0 0 10px}
.lmxDp__chips{display:flex;flex-wrap:wrap;gap:8px}
.lmxDp__chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:8px;
  border:1px solid rgba(240,232,210,.18);background:rgba(0,0,0,.42);
  font-family:var(--dpdisp);font-weight:500;font-size:11px;letter-spacing:.08em;color:rgba(240,232,210,.75);text-transform:uppercase}
.lmxDp__chip b{color:var(--dpy);font-weight:700}
.lmxDp__chip.is-soon{color:#171308;border-color:rgba(0,0,0,.45);
  background-image:var(--noir-grain,none),linear-gradient(180deg,#eec21a 0%,#d9a900 100%);background-color:#e0b100;font-weight:700}
.lmxDp__chip.is-ok{color:#8ff0a8;border-color:rgba(90,200,110,.4)}
.lmxDp__chip.is-bad{color:#ffb0a6;border-color:rgba(230,90,80,.4)}
.lmxDp__chip.is-lock{color:var(--dpy);border-color:rgba(242,196,0,.4)}
.lmxDp__lupa{width:15px;height:15px;fill:none;stroke:rgba(240,232,210,.3);stroke-width:2}
.lmxDp__lupa.is-on{stroke:var(--dpy)}

/* прямой заход на #dailyarchive: старый экран движка скрыт с первого кадра,
   класс ставит инлайн-скрипт в <head>, снимает hide() в daily.js */
html.lmx-dp-boot main.screen{visibility:hidden}

/* ============================================================
   ХАБ «ДЕЛО ДНЯ» (v5): текущее дело + СЛЕДУЮЩИЕ + АРХИВ.
   Разметка повторяет «Архив игр»: крупные плашки-анонсы сверху,
   компактные строки архива снизу.
   ============================================================ */
.lmxDp__back{margin:-6px 0 14px}
.lmxDp__back a{font-family:var(--dpdisp);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--dpy);text-decoration:none}
.lmxDp__back a:hover{text-decoration:underline}

/* ---------- герой: текущее дело ---------- */
.lmxDpH__hero{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;align-items:stretch;
  background:url("assets/noir_panel.webp") no-repeat center #14120e;background-size:100% 100%;
  border:1px solid rgba(242,196,0,.32);border-radius:14px;padding:16px;box-sizing:border-box;
  box-shadow:0 14px 30px rgba(0,0,0,.45)}
.lmxDpH__hero.is-empty{grid-template-columns:minmax(0,1fr)}
.lmxDpH__emptyBox{padding:26px 8px;text-align:center}
.lmxDpH__heroPic{position:relative;border-radius:10px;overflow:hidden;background:#0c0b09;min-height:260px;
  border:1px solid rgba(240,232,210,.1);display:flex;align-items:center;justify-content:center}
.lmxDpH__heroPic img{width:100%;height:100%;object-fit:cover;display:block}
.lmxDpH__heroPic svg{width:74px;height:74px;fill:none;stroke:rgba(240,232,210,.28);stroke-width:1.5}
.lmxDpH__badge{position:absolute;top:12px;left:12px;z-index:2;padding:6px 12px;border-radius:7px;
  font-family:var(--dpdisp);font-weight:700;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#181510;
  background-image:var(--noir-grain,none),linear-gradient(180deg,#eec21a 0%,#d9a900 100%);background-color:#e0b100;
  border:1px solid rgba(0,0,0,.45)}
.lmxDpH__heroBody{display:flex;flex-direction:column;justify-content:center;padding:10px 12px 10px 4px}
.lmxDpH__heroTitle{font-family:var(--dpdisp);font-weight:700;font-size:40px;line-height:1.02;letter-spacing:.02em;
  text-transform:uppercase;color:#fff;margin:0 0 12px}
.lmxDpH__heroText{font-size:14.5px;line-height:1.6;color:var(--dpmuted);margin:0 0 16px;max-width:46em}
.lmxDpH__stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.lmxDpH__stat{display:flex;flex-direction:column;gap:3px;padding:9px 14px;border-radius:9px;
  border:1px solid rgba(240,232,210,.16);background:rgba(0,0,0,.42);min-width:110px}
.lmxDpH__stat span{font-family:var(--dpdisp);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(240,232,210,.6)}
.lmxDpH__stat b{font-family:var(--dpdisp);font-size:15px;letter-spacing:.04em;color:var(--dpy);font-variant-numeric:tabular-nums}
.lmxDpH__play{align-self:flex-start;min-height:52px;padding:0 34px;border-radius:8px;cursor:pointer;
  font-family:var(--dpdisp);font-weight:700;letter-spacing:.12em;font-size:14px;text-transform:uppercase;
  background-image:var(--noir-grain,none),linear-gradient(180deg,#eec21a 0%,#d9a900 100%);
  background-color:#e0b100;color:#181510;border:1px solid rgba(0,0,0,.45);box-shadow:0 8px 18px rgba(0,0,0,.45)}
.lmxDpH__play:hover{filter:brightness(1.07)}
.lmxDpH__note{margin-top:12px;font-size:12px;color:rgba(240,232,210,.5)}

/* ---------- заголовки секций ---------- */
.lmxDpH__secTitle{display:flex;align-items:center;gap:14px;margin:26px 0 12px;
  font-family:var(--dpdisp);font-weight:700;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:#fff}
.lmxDpH__secTitle span{flex:1;height:1px;border-top:1px dashed rgba(242,196,0,.45)}
.lmxDpH__secTitle i{font-style:normal;font-size:12px;letter-spacing:.1em;color:var(--dpy)}

/* ---------- анонсы «Следующие» ---------- */
.lmxDpH__nexts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.lmxDpH__next{background:url("assets/noir_card.webp") no-repeat center #14120e;background-size:100% 100%;
  border:1px solid rgba(240,232,210,.1);border-radius:12px;padding:12px;box-sizing:border-box;
  box-shadow:0 10px 22px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:9px}
.lmxDpH__nextPic{position:relative;width:100%;aspect-ratio:16/10;border-radius:9px;overflow:hidden;background:#0c0b09;
  border:1px solid rgba(240,232,210,.1);display:flex;align-items:center;justify-content:center}
.lmxDpH__nextPic img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.25) brightness(.85)}
.lmxDpH__nextPic svg{width:44px;height:44px;fill:none;stroke:rgba(240,232,210,.3);stroke-width:1.6}
.lmxDpH__tag{position:absolute;top:8px;left:8px;padding:4px 9px;border-radius:6px;
  font-family:var(--dpdisp);font-weight:700;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#181510;
  background-image:var(--noir-grain,none),linear-gradient(180deg,#eec21a 0%,#d9a900 100%);background-color:#e0b100;border:1px solid rgba(0,0,0,.45)}
.lmxDpH__when{position:absolute;top:8px;right:8px;padding:4px 9px;border-radius:6px;background:rgba(0,0,0,.62);
  border:1px solid rgba(240,232,210,.2);font-family:var(--dpdisp);font-size:9.5px;letter-spacing:.1em;color:rgba(240,232,210,.85)}
.lmxDpH__nextTitle{font-family:var(--dpdisp);font-weight:700;font-size:15px;line-height:1.2;letter-spacing:.02em;
  text-transform:uppercase;color:#fff;margin:0}
.lmxDpH__nextText{font-size:12.5px;line-height:1.5;color:var(--dpmuted);margin:0}
.lmxDpH__next .lmxDp__chips{margin-top:auto}

/* ---------- архив: компактные строки ---------- */
.lmxDpH__rows{display:flex;flex-direction:column;gap:8px}
.lmxDpH__row{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:14px;align-items:center;
  background:url("assets/noir_card.webp") no-repeat center #14120e;background-size:100% 100%;
  border:1px solid rgba(240,232,210,.09);border-radius:10px;padding:9px 12px;box-sizing:border-box;
  box-shadow:0 6px 14px rgba(0,0,0,.3)}
.lmxDpH__row.is-locked{opacity:.82}
.lmxDpH__thumb{width:74px;height:56px;border-radius:7px;overflow:hidden;background:#0c0b09;
  border:1px solid rgba(240,232,210,.1);display:flex;align-items:center;justify-content:center}
.lmxDpH__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.lmxDpH__thumb svg{width:26px;height:26px;fill:none;stroke:rgba(240,232,210,.3);stroke-width:1.6}
.lmxDpH__rowBody{min-width:0;display:flex;flex-direction:column;gap:7px}
.lmxDpH__rowTitle{display:flex;align-items:baseline;gap:9px;font-family:var(--dpdisp);font-weight:700;font-size:14px;
  letter-spacing:.04em;text-transform:uppercase;color:#fff}
.lmxDpH__rowTitle i{font-style:normal;font-size:11px;letter-spacing:.08em;color:rgba(240,232,210,.4)}
.lmxDpH__rowAct{display:flex;justify-content:flex-end}
.lmxDpH__btn{min-height:40px;padding:0 18px;border-radius:7px;cursor:pointer;white-space:nowrap;
  font-family:var(--dpdisp);font-weight:700;letter-spacing:.1em;font-size:11.5px;text-transform:uppercase;
  background-image:var(--noir-grain,none),linear-gradient(180deg,#eec21a 0%,#d9a900 100%);
  background-color:#e0b100;color:#181510;border:1px solid rgba(0,0,0,.45);box-shadow:0 5px 12px rgba(0,0,0,.35)}
.lmxDpH__btn:hover{filter:brightness(1.07)}
.lmxDpH__btn.is-ghost{background-image:none;background:rgba(0,0,0,.5);color:var(--dpy);
  border:1px solid rgba(242,196,0,.5);box-shadow:none}
.lmxDpH__btn.is-ghost:hover{border-color:var(--dpy);filter:none}
.lmxDpH__foot{margin-top:12px;font-size:12.5px;color:var(--dpmuted)}
.lmxDpH__foot a{color:var(--dpy)}

/* ---------- узкий экран ---------- */
.is-narrow .lmxDpH__hero{grid-template-columns:minmax(0,1fr);gap:14px;padding:12px}
.is-narrow .lmxDpH__heroPic{min-height:180px}
.is-narrow .lmxDpH__heroTitle{font-size:26px}
.is-narrow .lmxDpH__heroBody{padding:0 4px 6px}
.is-narrow .lmxDpH__play{align-self:stretch;text-align:center}
.is-narrow .lmxDpH__nexts{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.is-narrow .lmxDpH__row{grid-template-columns:56px minmax(0,1fr);grid-template-areas:'thumb body' 'act act';gap:10px}
.is-narrow .lmxDpH__thumb{width:56px;height:46px;grid-area:thumb}
.is-narrow .lmxDpH__rowBody{grid-area:body}
.is-narrow .lmxDpH__rowAct{grid-area:act;justify-content:stretch}
.is-narrow .lmxDpH__rowAct .lmxDpH__btn{width:100%}