/* МАКЕТЫ — квесты в коробке. Все селекторы с префиксом #lmxMkPanel / .lmxMk__ —
   на чужую вёрстку не влияют. Панель лежит поверх main.screen (как Делоку/лаба). */
@font-face{font-family:"MK Kelly";font-style:normal;font-weight:400;font-display:swap;src:url("/maket/fonts/kelly-slab-cyrillic-400-normal.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"MK Kelly";font-style:normal;font-weight:400;font-display:swap;src:url("/maket/fonts/kelly-slab-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"MK Serif";font-style:normal;font-weight:400;font-display:swap;src:url("/maket/fonts/pt-serif-cyrillic-400-normal.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"MK Serif";font-style:normal;font-weight:400;font-display:swap;src:url("/maket/fonts/pt-serif-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"MK Serif";font-style:italic;font-weight:400;font-display:swap;src:url("/maket/fonts/pt-serif-cyrillic-400-italic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"MK Serif";font-style:italic;font-weight:400;font-display:swap;src:url("/maket/fonts/pt-serif-latin-400-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"MK Serif";font-style:normal;font-weight:700;font-display:swap;src:url("/maket/fonts/pt-serif-cyrillic-700-normal.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"MK Serif";font-style:normal;font-weight:700;font-display:swap;src:url("/maket/fonts/pt-serif-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- панель ---------- */
#lmxMkPanel{display:none;position:absolute;z-index:30;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:18px 22px 48px;box-sizing:border-box;
  background:url("/assets/noir_bg.webp") center/cover no-repeat,linear-gradient(180deg,#131210,#0c0b0a);color:#f1ede4;font:16px/1.4 var(--sans,system-ui,sans-serif);-webkit-font-smoothing:antialiased;
  --mk-y:#f2c400; --mk-line:#3a3a3a; --mk-dim:#9a958b; --mk-display:var(--noir-display,"Tektur",sans-serif);
  --night:#14110e; --kraft:#b08d5b; --kraft-dark:#7d6240; --paper:#e8dcc2; --paper-edge:#b7a67f; --ink:#1f1912; --beam:#f2c14e; --stamp:#a8321f; --chalk:#d9cfbb; --chalk-dim:#978b78;
  --mk-slab:"MK Kelly","MK Serif",Georgia,serif; --mk-serif:"MK Serif",Georgia,"Times New Roman",serif}
#lmxMkPanel::-webkit-scrollbar{width:0;height:0}
#lmxMkPanel.is-on{display:block}
#lmxMkPanel.is-fallback{position:fixed;inset:0;z-index:9400}
#lmxMkPanel.is-narrow{padding:12px 12px 40px}
#lmxMkPanel *,#lmxMkPanel *::before,#lmxMkPanel *::after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
#lmxMkPanel [hidden]{display:none !important}
html.lmx-mk-boot main.screen{visibility:hidden}
/* Заставка до монтирования панели (F5 / прямой заход на #maket). Класс ставит инлайн-скрипт в <head> index.php —
   раньше, чем движок и нуар-оболочка нарисуют хаб, поэтому «сначала хаб, потом макеты» больше не мигает.
   Снимается в maket.js, когда панель открыта (или доступ не подтверждён). Тот же приём, что у «Делоку». */
html.lmx-mk-splash body::after{content:"РЕКОНСТРУКЦИЯ";position:fixed;inset:0;z-index:9450;display:flex;align-items:center;justify-content:center;
  background:#0c0b0a url("/assets/noir_bg.webp") center/cover no-repeat;color:#f2c400;letter-spacing:.12em;font-size:clamp(20px,6vw,30px);font-weight:700;
  font-family:var(--noir-display,"Tektur","Arial Narrow",sans-serif)}

/* ---------- пункт меню и карточка в хабе ---------- */
.noirSide__count.lmxMk__test,.lmxMk__test{display:inline-block;background:#c0261b;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;padding:1px 6px;border-radius:2px;font-family:var(--noir-display,"Tektur",sans-serif)}
/* в сайдбаре плашка «ТЕСТ» висит в углу пункта и не отнимает ширину у длинного названия */
#lmxMkNav{position:relative}
#lmxMkNav .lmxMk__test{position:absolute;top:1px;right:4px;font-size:8px;line-height:1.3;padding:0 4px;min-width:0;height:auto;margin:0;border-radius:2px;box-shadow:none}
.lmxMk__hub{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:12px 14px;background:#151412;border:1px solid #3a3a3a;border-left:4px solid #f2c400;color:#f1ede4;text-decoration:none;border-radius:6px}
.lmxMk__hub b{display:block;font-family:var(--noir-display,"Tektur",sans-serif);letter-spacing:.06em;font-size:15px}
.lmxMk__hub small{color:#9a958b;font-size:12px}
.lmxMk__hub .lmxMk__hubIco{width:34px;height:34px;color:#f2c400;flex:none}
.lmxMk__hub .lmxMk__hubIco svg{width:100%;height:100%}
.lmxMk__hub > span:nth-child(2){flex:1}

/* ---------- полка макетов ---------- */
#lmxMkPanel .mk-shelf{max-width:1180px;margin:0 auto}
#lmxMkPanel .mk-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:14px;margin-bottom:18px;border-bottom:2px dashed var(--mk-y)}
#lmxMkPanel .mk-h1{margin:0;font:400 34px/1 var(--mk-display);letter-spacing:.06em;color:#fff;text-transform:uppercase}
#lmxMkPanel .mk-lead{margin:8px 0 0;max-width:62ch;color:#c9c3b6;font-size:15px;line-height:1.45}
#lmxMkPanel .mk-tag{flex:none;font:400 13px/1.15 var(--mk-display);letter-spacing:.12em;color:var(--stamp);border:2px solid var(--stamp);padding:6px 10px;transform:rotate(-4deg);text-align:center;text-transform:uppercase;opacity:.9;background:#0c0b0acc}
#lmxMkPanel.is-narrow .mk-h1{font-size:26px}
#lmxMkPanel.is-narrow .mk-tag{display:none}
#lmxMkPanel .mk-staff{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;padding:9px 12px;background:#1a1613;border:1px dashed #6b5a2a;border-radius:4px;font-size:13px;color:#d9cfbb}
#lmxMkPanel .mk-staff b{color:var(--mk-y);font-weight:700}
#lmxMkPanel .mk-staff button{font:inherit;font-size:13px;min-height:32px;padding:4px 12px;margin:0;background:transparent;color:var(--mk-y);border:1px solid var(--mk-y);border-radius:3px;cursor:pointer;text-transform:none;letter-spacing:0}
#lmxMkPanel .mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
#lmxMkPanel .mk-box{display:flex;flex-direction:column;width:100%;margin:0;padding:0;text-align:left;font:inherit;color:inherit;text-transform:none;letter-spacing:0;
  background:#15130f;border:1px solid var(--mk-line);border-radius:6px;overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}
#lmxMkPanel .mk-box:hover,#lmxMkPanel .mk-box:focus-visible{transform:translateY(-2px);border-color:var(--mk-y);box-shadow:0 10px 28px #000a;outline:none}
#lmxMkPanel .mk-cover{position:relative;display:block;aspect-ratio:16/10;background:#14110e;overflow:hidden}
#lmxMkPanel .mk-cover img{display:block;width:100%;height:100%;object-fit:cover}
#lmxMkPanel .mk-badge{position:absolute;left:10px;top:10px;font:400 11px/1 var(--mk-display);letter-spacing:.1em;padding:5px 8px;border-radius:2px;background:var(--mk-y);color:#14110e;text-transform:uppercase}
#lmxMkPanel .mk-badge.mk-sub{background:#14110e;color:var(--mk-y);box-shadow:inset 0 0 0 1px var(--mk-y)}
#lmxMkPanel .mk-badge.mk-off{left:auto;right:10px;background:#c0261b;color:#fff}
#lmxMkPanel .mk-done{position:absolute;right:10px;bottom:10px;font:400 13px/1 var(--mk-slab);letter-spacing:.08em;color:#f3d9d2;border:2px solid #d8553f;padding:4px 9px;transform:rotate(-6deg);background:#14110ecc;text-transform:uppercase}
#lmxMkPanel .mk-body{display:flex;flex-direction:column;gap:6px;padding:14px 14px 14px;flex:1}
#lmxMkPanel .mk-name{font:400 20px/1.15 var(--mk-display);letter-spacing:.04em;color:#fff;text-transform:uppercase}
#lmxMkPanel .mk-kind{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mk-y)}
#lmxMkPanel .mk-desc{font-size:14px;line-height:1.45;color:#c9c3b6}
#lmxMkPanel .mk-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
#lmxMkPanel .mk-chip{font-style:normal;font-size:12px;line-height:1;padding:5px 8px;border:1px solid var(--mk-line);border-radius:3px;color:#d9cfbb;white-space:nowrap}
#lmxMkPanel .mk-go{margin-top:auto;padding-top:10px;font:400 14px/1 var(--mk-display);letter-spacing:.08em;color:var(--mk-y);text-transform:uppercase}
#lmxMkPanel .mk-box.mk-soon{cursor:default;border-style:dashed;background:#110f0d}
#lmxMkPanel .mk-box.mk-soon:hover{transform:none;border-color:var(--mk-line);box-shadow:none}
#lmxMkPanel .mk-soon .mk-cover{display:flex;align-items:center;justify-content:center;color:#4a453d;
  background:repeating-linear-gradient(135deg,#15130f 0 14px,#110f0d 14px 28px)}
#lmxMkPanel .mk-soon .mk-cover svg{width:34%;height:auto}
#lmxMkPanel .mk-soon .mk-name{color:#9a958b}
#lmxMkPanel .mk-empty{padding:28px 0;color:var(--mk-dim)}

/* ---------- окна «войди» / «подписка» ---------- */
#lmxMkPanel .mk-ov{position:fixed;inset:0;z-index:9460;display:flex;align-items:center;justify-content:center;padding:18px;background:#0b0907d0}
#lmxMkPanel .mk-ovbox{width:min(420px,100%);padding:22px;background:#15130f;border:1px solid var(--mk-y);border-radius:6px;box-shadow:0 14px 40px #000a}
#lmxMkPanel .mk-ovbox h3{margin:0 0 8px;font:400 20px/1.2 var(--mk-display);letter-spacing:.05em;color:#fff;text-transform:uppercase}
#lmxMkPanel .mk-ovbox p{margin:0 0 16px;font-size:15px;line-height:1.5;color:#c9c3b6}
#lmxMkPanel .mk-ovrow{display:flex;flex-wrap:wrap;gap:8px}
#lmxMkPanel .mk-ovrow button{font:400 14px/1 var(--mk-display);letter-spacing:.06em;min-height:42px;padding:8px 16px;margin:0;border-radius:3px;cursor:pointer;text-transform:uppercase;background:var(--mk-y);color:#14110e;border:1px solid var(--mk-y)}
#lmxMkPanel .mk-ovrow button.mk-ghost{background:transparent;color:#d9cfbb;border-color:var(--mk-line)}

/* ---------- игра: макет во всю панель ---------- */
#lmxMkPanel.is-play{padding:0;overflow:hidden;background:var(--night)}
#lmxMkPanel.is-play.is-full{position:fixed;left:0 !important;top:0 !important;width:100% !important;height:100% !important;z-index:9400}
#lmxMkPanel .mk-play{position:relative;width:100%;height:100%;overflow:hidden;color:var(--chalk);font-family:var(--mk-serif);
  -webkit-user-select:none;user-select:none;background:var(--night)}
#lmxMkPanel .mk-stage{position:absolute;inset:0}
#lmxMkPanel .mk-stage canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}

#lmxMkPanel .mk-top{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;
  padding:calc(14px + env(safe-area-inset-top,0px)) 16px 26px;pointer-events:none;background:linear-gradient(#14110ee0,#14110e00)}
#lmxMkPanel .mk-exit{pointer-events:auto;display:inline-block;margin:0 0 8px;padding:6px 10px 6px 0;min-height:32px;font:400 13px/1 var(--mk-serif);letter-spacing:.02em;color:var(--chalk-dim);
  background:none;border:0;border-radius:0;cursor:pointer;text-transform:none;box-shadow:none}
#lmxMkPanel .mk-exit:hover{color:var(--beam)}
#lmxMkPanel .mk-title{font-family:var(--mk-slab);font-weight:400;font-size:clamp(21px,3.4vw,30px);margin:0;line-height:1.1;color:var(--paper);text-transform:none;letter-spacing:0}
#lmxMkPanel .mk-sub{font-size:13px;color:var(--chalk-dim);margin-top:4px}
#lmxMkPanel .mk-status{text-align:right;font-size:14px;line-height:1.35}
#lmxMkPanel .mk-timer{font-variant-numeric:tabular-nums;color:var(--beam)}

#lmxMkPanel .mk-bottom{position:absolute;left:0;right:0;bottom:0;padding:26px 12px calc(14px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;
  align-items:center;gap:9px;pointer-events:none;background:linear-gradient(#14110e00,#14110ee8 62%)}
#lmxMkPanel .mk-hint{font-size:14px;line-height:1.4;text-align:center;max-width:44ch;text-shadow:0 1px 2px #000}
#lmxMkPanel .mk-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;pointer-events:auto}
#lmxMkPanel .mk-tab{font:400 15px/1.2 var(--mk-serif);min-height:44px;margin:0;padding:8px 16px;color:var(--ink);background:var(--kraft);border:0;text-transform:none;letter-spacing:0;
  border-radius:3px 3px 10px 3px;box-shadow:inset 0 -3px 0 var(--kraft-dark),0 2px 0 #0008;cursor:pointer;-webkit-text-fill-color:currentColor}
#lmxMkPanel .mk-tab:active{transform:translateY(1px)}
#lmxMkPanel .mk-tab[aria-pressed="true"]{background:var(--beam);box-shadow:inset 0 -3px 0 #b98a1f,0 0 22px #f2c14e55}
#lmxMkPanel .mk-tab:focus-visible,#lmxMkPanel .mk-btn:focus-visible,#lmxMkPanel .mk-pad button:focus-visible{outline:2px solid var(--beam);outline-offset:3px}

#lmxMkPanel .mk-toast{position:absolute;left:50%;top:21%;transform:translate(-50%,-8px);background:var(--paper);color:var(--ink);
  padding:9px 14px;font-size:15px;border-radius:2px;box-shadow:0 8px 24px #0009;opacity:0;pointer-events:none;
  transition:opacity .2s,transform .2s;max-width:min(90%,420px);text-align:center;z-index:4}
#lmxMkPanel .mk-toast.mk-on{opacity:1;transform:translate(-50%,0)}

#lmxMkPanel .mk-veil{position:absolute;inset:0;background:#0b0907d0;display:flex;align-items:center;justify-content:center;padding:18px;z-index:5}
#lmxMkPanel .mk-card{position:relative;width:min(440px,100%);max-height:100%;overflow:auto;background:var(--paper);color:var(--ink);
  padding:22px 22px 18px;border-radius:2px;box-shadow:0 0 0 1px var(--paper-edge),0 14px 40px #000a;transform:rotate(-.5deg);
  -webkit-user-select:text;user-select:text}
#lmxMkPanel .mk-card h3{font-family:var(--mk-slab);font-weight:400;font-size:25px;margin:0 0 10px;line-height:1.15;color:var(--ink);text-transform:none;letter-spacing:0}
#lmxMkPanel .mk-card.mk-stamped h3{padding-right:92px}
#lmxMkPanel .mk-card p{margin:0 0 10px;font-size:16px;line-height:1.55;color:var(--ink)}
#lmxMkPanel .mk-card .mk-quote{font-style:italic}
#lmxMkPanel .mk-card .mk-stamp{position:absolute;right:16px;top:16px;color:var(--stamp);border:2px solid var(--stamp);padding:2px 9px;
  font-family:var(--mk-slab);font-size:14px;transform:rotate(7deg);opacity:.85}
#lmxMkPanel .mk-card canvas{display:block;width:min(230px,72%);height:auto;margin:4px auto 12px}
#lmxMkPanel .mk-card img{display:block;width:min(190px,58%);height:auto;margin:2px auto 12px}
#lmxMkPanel .mk-card ul{margin:0 0 6px;padding:0;list-style:none}
#lmxMkPanel .mk-card li{padding:9px 0;border-top:1px solid var(--paper-edge);font-size:15px;line-height:1.45}
#lmxMkPanel .mk-card li b{display:block;font-weight:700}
#lmxMkPanel .mk-card li.mk-todo{color:#8a7d66}
#lmxMkPanel .mk-card .mk-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
#lmxMkPanel .mk-btn{font:400 15px/1.2 var(--mk-serif);min-height:44px;margin:0;padding:8px 16px;background:var(--ink);color:var(--paper);border:0;border-radius:2px;cursor:pointer;
  text-transform:none;letter-spacing:0;box-shadow:none;-webkit-text-fill-color:currentColor}
#lmxMkPanel .mk-btn.mk-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
#lmxMkPanel .mk-btn[disabled]{opacity:.5;cursor:default}
#lmxMkPanel .mk-result{display:flex;flex-wrap:wrap;gap:6px 18px;margin:4px 0 10px;padding:10px 0;border-top:1px solid var(--paper-edge);border-bottom:1px solid var(--paper-edge);font-size:15px;line-height:1.35}
#lmxMkPanel .mk-result span{color:#6a5d48}
#lmxMkPanel .mk-result b{display:block;font-family:var(--mk-slab);font-weight:400;font-size:21px;color:var(--ink)}
#lmxMkPanel .mk-result b.mk-plus{color:var(--stamp)}
#lmxMkPanel .mk-load{height:6px;margin:12px 0 4px;background:#d8caa9;border-radius:3px;overflow:hidden}
#lmxMkPanel .mk-load i{display:block;height:100%;width:0;background:var(--stamp);transition:width .2s}
#lmxMkPanel .mk-padDisplay{font-family:var(--mk-slab);font-size:34px;letter-spacing:.35em;text-align:center;padding:8px 0 8px .35em;
  background:var(--ink);color:var(--beam);border-radius:2px;margin-bottom:10px}
#lmxMkPanel .mk-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
#lmxMkPanel .mk-pad button{font:400 20px/1 var(--mk-serif);min-height:52px;margin:0;padding:0;background:#d8caa9;color:var(--ink);border:0;border-radius:2px;
  box-shadow:inset 0 -3px 0 var(--paper-edge);cursor:pointer;text-transform:none;letter-spacing:0;-webkit-text-fill-color:currentColor}
#lmxMkPanel .mk-padMsg{min-height:1.4em;color:var(--stamp);font-size:14px;margin:8px 0 0}
#lmxMkPanel .mk-shake{animation:mkShake .3s}
@keyframes mkShake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
#lmxMkPanel.is-narrow .mk-top{padding:calc(10px + env(safe-area-inset-top,0px)) 12px 22px}
#lmxMkPanel.is-narrow .mk-tab{padding:8px 10px;font-size:14px}
#lmxMkPanel.is-narrow .mk-tools{gap:6px}
#lmxMkPanel.is-narrow .mk-hint{font-size:13px}
@media (prefers-reduced-motion: reduce){ #lmxMkPanel .mk-shake{animation:none} #lmxMkPanel .mk-toast{transition:none} #lmxMkPanel .mk-box{transition:none} }

/* ───── полка: карточки как в «Расследованиях» — та же подложка noir_card, картинка в скруглённой рамке, плашки-чипы ───── */
#lmxMkPanel .mk-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}
#lmxMkPanel .mk-box{position:relative;padding:12px 12px 14px;border:0;border-radius:11px;overflow:hidden;background:url("assets/noir_card.webp") no-repeat center;background-size:100% 100%;box-shadow:0 12px 26px rgba(0,0,0,.45);transition:filter .15s,transform .15s}
#lmxMkPanel .mk-box::after{content:"";position:absolute;inset:0;border-radius:11px;border:1px solid rgba(242,196,0,.24);pointer-events:none}
#lmxMkPanel .mk-box:hover,#lmxMkPanel .mk-box:focus-visible{transform:translateY(-2px);border:0;box-shadow:0 12px 26px rgba(0,0,0,.45);filter:brightness(1.07);outline:none}
#lmxMkPanel .mk-box:hover::after,#lmxMkPanel .mk-box:focus-visible::after{border-color:rgba(242,196,0,.55)}
#lmxMkPanel .mk-cover{aspect-ratio:4/3;margin:0 0 11px;border-radius:8px;background:#0b0a09}   /* обложки макетов 4:3 — показываем целиком, без обрезки */
#lmxMkPanel .mk-body{padding:0 2px;gap:8px}
#lmxMkPanel .mk-name{font:700 15px/1.25 var(--noir-display,var(--mk-display));letter-spacing:.04em;color:#f5f1e6;text-transform:uppercase}
#lmxMkPanel .mk-kind{font-size:10.5px;letter-spacing:.1em;margin-top:-3px}
#lmxMkPanel .mk-desc{font-size:12.5px;line-height:1.45;color:rgba(240,232,210,.72)}
#lmxMkPanel .mk-chips{gap:7px;margin-top:2px}
#lmxMkPanel .mk-chip{padding:5px 9px;border:1px solid rgba(240,232,210,.16);border-radius:5px;background:rgba(0,0,0,.32);font-size:10.5px;letter-spacing:.04em;color:rgba(240,232,210,.66)}
#lmxMkPanel .mk-go{padding-top:8px;font:700 12px/1 var(--noir-display,var(--mk-display));letter-spacing:.08em}
#lmxMkPanel .mk-badge{left:8px;top:8px;padding:5px 9px;border-radius:5px;font:700 10px/1 var(--noir-display,var(--mk-display));letter-spacing:.08em}
#lmxMkPanel .mk-badge.mk-sub{background:rgba(10,9,8,.84);box-shadow:inset 0 0 0 1px rgba(242,196,0,.6)}
#lmxMkPanel .mk-badge.mk-off{left:auto;right:8px}
#lmxMkPanel .mk-done{right:8px;bottom:8px}
#lmxMkPanel .mk-box.mk-soon{border:0;background:url("assets/noir_card.webp") no-repeat center;background-size:100% 100%;opacity:.78}
#lmxMkPanel .mk-box.mk-soon::after{border-style:dashed;border-color:rgba(240,232,210,.22)}
#lmxMkPanel .mk-box.mk-soon:hover{transform:none;filter:none;box-shadow:0 12px 26px rgba(0,0,0,.45)}
#lmxMkPanel .mk-soon .mk-cover{background:repeating-linear-gradient(135deg,#14120f 0 14px,#100e0c 14px 28px)}
@media (prefers-reduced-motion: reduce){ #lmxMkPanel .mk-box{transition:none} }

/* ───── карточки поверх макета — в стиле модалок сайта: подложка noir_modal, заголовок дисплейным шрифтом, жёлтые кнопки ───── */
#lmxMkPanel .mk-veil{background:rgba(0,0,0,.8)}
#lmxMkPanel .mk-card{width:min(480px,100%);padding:30px 30px 30px;border:0;border-radius:16px;transform:none;background:url("assets/noir_modal.webp") no-repeat center;background-size:100% 100%;box-shadow:0 26px 60px rgba(0,0,0,.65);color:#f5f1e6}
#lmxMkPanel .mk-card h3{font:700 18px/1.3 var(--noir-display,var(--mk-display));letter-spacing:.05em;text-transform:uppercase;color:#f5f1e6;margin:0 0 12px}
#lmxMkPanel .mk-card p{font-size:14.5px;line-height:1.65;color:rgba(240,232,210,.8)}
#lmxMkPanel .mk-card .mk-quote{color:#f0e6c8}
#lmxMkPanel .mk-card .mk-stamp{font-family:var(--noir-display,var(--mk-display));color:#e2553f;border-color:#e2553f;background:rgba(0,0,0,.25)}
#lmxMkPanel .mk-card img,#lmxMkPanel .mk-card canvas{width:min(300px,82%);border-radius:8px;box-shadow:0 0 0 1px rgba(242,196,0,.28),0 10px 22px rgba(0,0,0,.5)}
#lmxMkPanel .mk-card li{border-top:1px solid rgba(240,232,210,.14);font-size:13.5px;color:rgba(240,232,210,.78)}
#lmxMkPanel .mk-card li b{font-family:var(--noir-display,var(--mk-display));letter-spacing:.04em;color:#f5f1e6}
#lmxMkPanel .mk-card li.mk-todo{color:rgba(240,232,210,.36)}
#lmxMkPanel .mk-card .mk-row{gap:10px;margin-top:18px}
#lmxMkPanel .mk-btn,#lmxMkPanel .mk-ovrow button{font:700 12.5px/1.2 var(--noir-display,var(--mk-display));letter-spacing:.1em;text-transform:uppercase;min-height:46px;padding:14px 18px;border:0;border-radius:10px;color:#0d0b08;box-shadow:none;
  background-color:#e2b40c;background-image:url("assets/noir_wear.webp"),linear-gradient(180deg,#eec21a 0%,#d9a900 100%);background-size:105px auto,auto;background-repeat:repeat,no-repeat;background-blend-mode:multiply,normal}
#lmxMkPanel .mk-btn:hover,#lmxMkPanel .mk-ovrow button:hover{filter:brightness(1.07)}
#lmxMkPanel .mk-btn.mk-ghost,#lmxMkPanel .mk-ovrow button.mk-ghost{background:transparent;color:#f0e8d2;box-shadow:inset 0 0 0 1px rgba(240,232,210,.32)}
#lmxMkPanel .mk-btn.mk-ghost:hover,#lmxMkPanel .mk-ovrow button.mk-ghost:hover{box-shadow:inset 0 0 0 1px rgba(242,196,0,.6);filter:none}
#lmxMkPanel .mk-result{border-color:rgba(240,232,210,.14);font-size:13px}
#lmxMkPanel .mk-result span{color:rgba(240,232,210,.55)}
#lmxMkPanel .mk-result b{font-family:var(--noir-display,var(--mk-display));font-weight:700;font-size:20px;color:#f5f1e6}
#lmxMkPanel .mk-result b.mk-plus{color:#eec21a}
#lmxMkPanel .mk-load{background:rgba(240,232,210,.12)}
#lmxMkPanel .mk-load i{background:#eec21a}
#lmxMkPanel .mk-padDisplay{font-family:var(--noir-display,var(--mk-display));font-weight:700;color:#eec21a;background:rgba(0,0,0,.4);box-shadow:inset 0 0 0 1px rgba(242,196,0,.3);border-radius:10px;margin-bottom:10px}
#lmxMkPanel .mk-pad{gap:8px}
#lmxMkPanel .mk-pad button{font:700 18px/1 var(--noir-display,var(--mk-display));background:rgba(0,0,0,.38);color:#f5f1e6;border:0;box-shadow:inset 0 0 0 1px rgba(240,232,210,.16);border-radius:10px}
#lmxMkPanel .mk-pad button:hover{box-shadow:inset 0 0 0 1px rgba(242,196,0,.6)}
#lmxMkPanel .mk-padMsg{color:#ff8a6a}
#lmxMkPanel .mk-ovbox{border:0;border-radius:16px;padding:30px;background:url("assets/noir_modal.webp") no-repeat center;background-size:100% 100%;box-shadow:0 26px 60px rgba(0,0,0,.65);color:#f5f1e6}
#lmxMkPanel .mk-ovbox h3{font:700 18px/1.3 var(--noir-display,var(--mk-display));letter-spacing:.05em;text-transform:uppercase;color:#f5f1e6}
#lmxMkPanel .mk-ovbox p{font-size:14.5px;line-height:1.65;color:rgba(240,232,210,.8)}
#lmxMkPanel .mk-card,#lmxMkPanel .mk-card p,#lmxMkPanel .mk-card li,#lmxMkPanel .mk-ovbox,#lmxMkPanel .mk-ovbox p{font-family:var(--sans,inherit)}

/* ✥ правка точек (тестеры): «Показать как на телефоне» — сцена сужается до вертикального экрана самого узкого телефона (9:19.5),
   движок сам включает телефонную раскладку точек (вертикальная сцена = телефон). */
#lmxMkPanel .mk-stage.is-phoneprev{left:50%;right:auto;width:auto;aspect-ratio:9/19.5;transform:translateX(-50%);outline:2px solid rgba(242,193,78,.6);outline-offset:-2px}

/* ───── второй инструмент макета, замок-последовательность (узел, слова, выбор), обход макета по солнцу / против ───── */
#lmxMkPanel .mk-tab.mk-lens[aria-pressed="true"]{background:#9fe8dc;box-shadow:inset 0 -3px 0 #4f9f93,0 0 22px #9fe8dc55}
#lmxMkPanel .mk-seqLine{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:2px 0 12px}
#lmxMkPanel .mk-seqChip{min-width:34px;padding:8px 10px;border-radius:8px;text-align:center;font:700 12px/1.2 var(--noir-display,var(--mk-display));letter-spacing:.05em;text-transform:uppercase;
  color:rgba(240,232,210,.4);background:rgba(0,0,0,.4);box-shadow:inset 0 0 0 1px rgba(240,232,210,.16)}
#lmxMkPanel .mk-seqChip.mk-on{color:#eec21a;box-shadow:inset 0 0 0 1px rgba(242,196,0,.5)}
#lmxMkPanel .mk-seqGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
#lmxMkPanel .mk-seqGrid.mk-seqMany{grid-template-columns:repeat(3,1fr)}
#lmxMkPanel .mk-seqGrid button{font:700 13px/1.25 var(--noir-display,var(--mk-display));letter-spacing:.04em;min-height:48px;margin:0;padding:8px 10px;background:rgba(0,0,0,.38);color:#f5f1e6;
  border:0;box-shadow:inset 0 0 0 1px rgba(240,232,210,.16);border-radius:10px;cursor:pointer;text-transform:none;-webkit-text-fill-color:currentColor}
#lmxMkPanel .mk-seqGrid button:hover{box-shadow:inset 0 0 0 1px rgba(242,196,0,.6)}
#lmxMkPanel .mk-seqGrid button:disabled{opacity:.3;cursor:default;box-shadow:inset 0 0 0 1px rgba(240,232,210,.16)}
#lmxMkPanel .mk-seqGrid button:focus-visible{outline:2px solid var(--beam);outline-offset:3px}
#lmxMkPanel .mk-turn{position:absolute;left:50%;top:96px;transform:translateX(-50%);z-index:4;box-sizing:border-box;width:min(360px,calc(100% - 24px));padding:16px 16px 14px;border-radius:14px;
  background:rgba(14,11,8,.9);box-shadow:0 0 0 1px rgba(242,196,0,.3),0 16px 40px rgba(0,0,0,.6);color:#f5f1e6;text-align:center;pointer-events:auto;font-family:var(--sans,inherit)}
#lmxMkPanel .mk-turnTitle{display:block;font:700 15px/1.3 var(--noir-display,var(--mk-display));letter-spacing:.05em;text-transform:uppercase;color:#f5f1e6}
#lmxMkPanel .mk-turnText{margin:6px 0 10px;font-size:13.5px;line-height:1.5;color:rgba(240,232,210,.8)}
#lmxMkPanel .mk-turnRead{padding:9px 8px;border-radius:10px;font:700 14px/1.3 var(--noir-display,var(--mk-display));letter-spacing:.05em;text-transform:uppercase;color:#eec21a;
  background:rgba(0,0,0,.4);box-shadow:inset 0 0 0 1px rgba(242,196,0,.3)}
#lmxMkPanel .mk-turn .mk-padMsg{margin:6px 0 0;min-height:1.3em;font-size:13px}
#lmxMkPanel .mk-turnRow{display:flex;gap:8px;margin-top:8px}
#lmxMkPanel .mk-turnRow .mk-btn{flex:1 1 0;min-height:42px;padding:10px 8px;font-size:11.5px}

/* ───── блокнот: ненайденная запись и подсказка «где искать» ───── */
#lmxMkPanel .mk-card li.mk-todo{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}
#lmxMkPanel .mk-card li.mk-todo .mk-where{color:#f0e6c8}
#lmxMkPanel .mk-card li .mk-hintbtn{font:700 11px/1.2 var(--noir-display,var(--mk-display));letter-spacing:.08em;text-transform:uppercase;min-height:36px;margin:0;padding:8px 12px;border:0;border-radius:8px;cursor:pointer;
  background:transparent;color:#e2b40c;-webkit-text-fill-color:currentColor;box-shadow:inset 0 0 0 1px rgba(242,196,0,.45)}
#lmxMkPanel .mk-card li .mk-hintbtn:hover{box-shadow:inset 0 0 0 1px rgba(242,196,0,.9)}
#lmxMkPanel .mk-card li .mk-hintbtn[disabled]{opacity:.5;cursor:default}

/* ───── ✎ правка текстов макета (администратор): редактор поверх макета ───── */
#lmxMkPanel .mk-tx{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;background:#0d0b08f5;color:#f0e8d2;font-family:var(--sans,inherit)}
#lmxMkPanel .mk-txHead{flex:none;padding:16px 20px 10px;border-bottom:1px solid rgba(240,232,210,.14);background:#14110d}
#lmxMkPanel .mk-txHead h3{font:700 17px/1.3 var(--noir-display,var(--mk-display));letter-spacing:.05em;text-transform:uppercase;color:#f5f1e6;margin:0 0 10px}
#lmxMkPanel .mk-txBar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
#lmxMkPanel .mk-txBar .mk-btn{min-height:42px;padding:11px 16px}
#lmxMkPanel .mk-txBar .mk-btn[disabled]{opacity:.45;cursor:default;filter:none}
#lmxMkPanel .mk-txSearch{flex:1 1 220px;min-width:0;min-height:42px;margin:0;padding:8px 12px;border-radius:10px;border:1px solid rgba(240,232,210,.22);background:#0b0907;color:#f5f1e6;font:400 15px/1.3 var(--sans,inherit);box-shadow:none}
#lmxMkPanel .mk-txSearch:focus,#lmxMkPanel .mk-txIn:focus{outline:none;border-color:rgba(242,196,0,.7)}
#lmxMkPanel .mk-txSub{display:flex;gap:6px 16px;flex-wrap:wrap;margin-top:8px;font-size:12.5px;color:rgba(240,232,210,.55)}
#lmxMkPanel .mk-txStat.is-ok{color:#9bd08a}
#lmxMkPanel .mk-txStat.is-err{color:#ff8a73}
#lmxMkPanel .mk-txBody{flex:1 1 auto;overflow-y:auto;padding:8px 20px 60px;-webkit-overflow-scrolling:touch}
#lmxMkPanel .mk-txGroup{border-bottom:1px solid rgba(240,232,210,.12)}
#lmxMkPanel .mk-txGroup>summary{cursor:pointer;list-style:none;padding:14px 0;font:700 13px/1.3 var(--noir-display,var(--mk-display));letter-spacing:.08em;text-transform:uppercase;color:#e2b40c;display:flex;align-items:center;gap:10px}
#lmxMkPanel .mk-txGroup>summary::-webkit-details-marker{display:none}
#lmxMkPanel .mk-txGroup>summary::before{content:"▸";color:rgba(240,232,210,.5)}
#lmxMkPanel .mk-txGroup[open]>summary::before{content:"▾"}
#lmxMkPanel .mk-txCount{font:400 12px/1 var(--sans,inherit);letter-spacing:0;color:rgba(240,232,210,.45)}
#lmxMkPanel .mk-txRow{padding:0 0 14px 12px;margin:0 0 4px;border-left:2px solid transparent}
#lmxMkPanel .mk-txRow.is-edited{border-left-color:rgba(242,196,0,.55)}
#lmxMkPanel .mk-txRow.is-dirty{border-left-color:#e2553f}
#lmxMkPanel .mk-txRow.is-bad .mk-txIn{border-color:#e2553f}
#lmxMkPanel .mk-txLabel{display:flex;gap:4px 10px;flex-wrap:wrap;align-items:baseline;margin-bottom:5px}
#lmxMkPanel .mk-txLabel b{font-size:13px;font-weight:700;color:#f5f1e6}
#lmxMkPanel .mk-txLabel small{font-size:11.5px;color:rgba(240,232,210,.42)}
#lmxMkPanel .mk-txIn{display:block;width:100%;box-sizing:border-box;margin:0;padding:9px 11px;border-radius:8px;border:1px solid rgba(240,232,210,.2);background:#0b0907;color:#f5f1e6;font:400 14.5px/1.55 var(--sans,inherit);resize:vertical;min-height:40px;box-shadow:none}
#lmxMkPanel .mk-txIn.is-line{resize:none}
#lmxMkPanel .mk-txOrig{margin-top:6px;font-size:12.5px;line-height:1.5;color:rgba(240,232,210,.5);white-space:pre-wrap}
#lmxMkPanel .mk-txOrig[hidden],#lmxMkPanel .mk-txRow[hidden],#lmxMkPanel .mk-txGroup[hidden]{display:none}
#lmxMkPanel .mk-txBack{display:inline-block;margin:6px 0 0 0;padding:6px 10px;min-height:30px;border:0;border-radius:7px;cursor:pointer;background:transparent;color:#e2b40c;-webkit-text-fill-color:currentColor;box-shadow:inset 0 0 0 1px rgba(242,196,0,.4);font:700 11px/1.2 var(--noir-display,var(--mk-display));letter-spacing:.06em;text-transform:uppercase}
#lmxMkPanel .mk-txOrig .mk-txBack{margin-left:10px}
#lmxMkPanel .mk-txLost{margin:12px 0;padding:12px 14px;border-radius:10px;background:rgba(226,85,63,.12);box-shadow:inset 0 0 0 1px rgba(226,85,63,.45);font-size:13px;line-height:1.5}
#lmxMkPanel .mk-txLost p{margin:6px 0;color:rgba(240,232,210,.8)}
#lmxMkPanel .mk-txLostItem{white-space:pre-wrap}
#lmxMkPanel .mk-txLostItem small{display:block;color:rgba(240,232,210,.45)}

/* ───── рейтинг сыщиков: кнопка на полке и окно — вкладки макетов, карточка игры, таблица по 25 строк, страницы ───── */
#lmxMkPanel .mk-headside{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex:none}
#lmxMkPanel .mk-ratebtn{font:700 12px/1 var(--noir-display,var(--mk-display));letter-spacing:.08em;text-transform:uppercase;min-height:40px;margin:0;padding:10px 14px;border:0;border-radius:10px;cursor:pointer;
  color:#f0e8d2;background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(242,196,0,.5)}
#lmxMkPanel .mk-ratebtn:hover{box-shadow:inset 0 0 0 1px rgba(242,196,0,.9);color:#fff}
#lmxMkPanel .mk-ratebtn:focus-visible{outline:2px solid #eec21a;outline-offset:3px}
#lmxMkPanel.is-narrow .mk-headside .mk-tag{display:none}

#lmxMkPanel .mk-ratebox{width:min(760px,100%);max-height:calc(100% - 8px);display:flex;flex-direction:column;padding:26px 28px 22px}
#lmxMkPanel .mk-ratehead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
#lmxMkPanel .mk-ratehead h3{margin:0}
#lmxMkPanel .mk-rateclose{flex:none;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:10px;cursor:pointer;font-size:16px;line-height:1;color:#f0e8d2;background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(240,232,210,.2)}
#lmxMkPanel .mk-rateclose:hover{box-shadow:inset 0 0 0 1px rgba(242,196,0,.7)}
#lmxMkPanel .mk-ratetabs{display:flex;gap:6px;overflow-x:auto;padding:0 0 10px;margin:0 0 4px;scrollbar-width:thin}
#lmxMkPanel .mk-ratetabs[hidden]{display:none}
#lmxMkPanel .mk-ratetab{flex:none;font:700 11px/1.2 var(--noir-display,var(--mk-display));letter-spacing:.05em;text-transform:uppercase;min-height:36px;margin:0;padding:8px 12px;border:0;border-radius:8px;cursor:pointer;
  color:rgba(240,232,210,.7);background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(240,232,210,.16);white-space:nowrap}
#lmxMkPanel .mk-ratetab:hover{color:#f5f1e6;box-shadow:inset 0 0 0 1px rgba(242,196,0,.5)}
#lmxMkPanel .mk-ratetab.is-on{color:#0d0b08;background:#eec21a;box-shadow:none}

/* какая игра открыта — крупно, с обложкой */
#lmxMkPanel .mk-rategame{display:flex;align-items:center;gap:14px;margin:4px 0 12px;padding:10px;border-radius:12px;background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(242,196,0,.22)}
#lmxMkPanel .mk-rategame:empty{display:none}
#lmxMkPanel .mk-rgcover{flex:none;width:86px;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:#0b0a09}
#lmxMkPanel .mk-rgcover img{display:block;width:100%;height:100%;object-fit:cover}
#lmxMkPanel .mk-rgtext{min-width:0;display:flex;flex-direction:column;gap:3px}
#lmxMkPanel .mk-rgtext small{font:700 10px/1 var(--noir-display,var(--mk-display));letter-spacing:.12em;text-transform:uppercase;color:rgba(240,232,210,.45)}
#lmxMkPanel .mk-rgtext b{font:700 17px/1.2 var(--noir-display,var(--mk-display));letter-spacing:.04em;text-transform:uppercase;color:#f5f1e6}
#lmxMkPanel .mk-rgtext i{font-style:normal;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#eec21a}

#lmxMkPanel .mk-ratelist{flex:1 1 auto;min-height:90px;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:10px}
#lmxMkPanel .mk-rtable{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;color:rgba(240,232,210,.85)}
#lmxMkPanel .mk-rtable th{position:sticky;top:0;z-index:1;padding:9px 10px;text-align:left;font:700 10.5px/1 var(--noir-display,var(--mk-display));letter-spacing:.1em;text-transform:uppercase;color:rgba(240,232,210,.5);
  background:#15120e;border-bottom:1px solid rgba(242,196,0,.35)}
#lmxMkPanel .mk-rtable td{padding:10px;border-bottom:1px solid rgba(240,232,210,.09);vertical-align:middle}
#lmxMkPanel .mk-rtable tbody tr:nth-child(even) td{background:rgba(255,255,255,.025)}
#lmxMkPanel .mk-rtable tr.is-top td{background:rgba(242,196,0,.05)}
#lmxMkPanel .mk-rtable tr.is-me td{background:rgba(242,196,0,.16)}
#lmxMkPanel .mk-rtable tr.is-me td:first-child{box-shadow:inset 3px 0 0 #eec21a}
#lmxMkPanel .mk-rtable td.c-pl{width:62px;text-align:center;font:700 15px/1 var(--noir-display,var(--mk-display));color:#eec21a}
#lmxMkPanel .mk-rtable th.c-pl{width:62px;text-align:center}
#lmxMkPanel .mk-rtable th.c-tm{width:96px}
#lmxMkPanel .mk-rtable th.c-dt{width:104px}
#lmxMkPanel .mk-medal{font-size:20px;line-height:1}
#lmxMkPanel .mk-rtable .c-ag b{display:block;font-weight:600;color:#f5f1e6;overflow-wrap:anywhere}
#lmxMkPanel .mk-rtable .c-ag small{display:block;margin-top:3px;font-size:11.5px;color:rgba(240,232,210,.45);letter-spacing:.03em}
#lmxMkPanel .mk-rtable .c-ag em{display:inline-block;margin-top:4px;font-style:normal;font:700 9.5px/1 var(--noir-display,var(--mk-display));letter-spacing:.1em;text-transform:uppercase;padding:3px 6px;border-radius:4px;color:#0d0b08;background:#eec21a}
#lmxMkPanel .mk-rtable td.c-tm{width:96px;white-space:nowrap;font:700 16px/1 var(--noir-display,var(--mk-display));color:#f5f1e6;font-variant-numeric:tabular-nums}
#lmxMkPanel .mk-rtable td.c-hn{width:96px;text-align:center}
#lmxMkPanel .mk-rtable th.c-hn{width:96px;text-align:center}
#lmxMkPanel .mk-rtable td.c-dt{width:104px;white-space:nowrap;color:rgba(240,232,210,.55);font-size:13px}
#lmxMkPanel .mk-rateempty{padding:22px 6px;text-align:center;font-size:14px;line-height:1.5;color:rgba(240,232,210,.6)}
#lmxMkPanel .mk-rateme{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:10px 0 0;padding:10px 12px;border-radius:10px;background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(240,232,210,.1);font-size:13.5px;color:rgba(240,232,210,.7)}
#lmxMkPanel .mk-rateme:empty{display:none}
#lmxMkPanel .mk-rateme b{color:#eec21a;font-size:15px}
#lmxMkPanel .mk-ratecount{margin-left:auto;color:rgba(240,232,210,.45)}
#lmxMkPanel .mk-pgme{font:700 11px/1 var(--noir-display,var(--mk-display));letter-spacing:.08em;text-transform:uppercase;min-height:32px;margin:0;padding:7px 11px;border:0;border-radius:8px;cursor:pointer;color:#0d0b08;background:#eec21a}

/* страницы 1 2 3 … */
#lmxMkPanel .mk-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:14px 0 2px}
#lmxMkPanel .mk-pager:empty{display:none}
#lmxMkPanel .mk-pg{min-width:38px;height:38px;margin:0;padding:0 10px;border:0;border-radius:9px;cursor:pointer;font:700 13px/1 var(--noir-display,var(--mk-display));letter-spacing:.04em;
  color:#f0e8d2;background:rgba(0,0,0,.38);box-shadow:inset 0 0 0 1px rgba(240,232,210,.18)}
#lmxMkPanel .mk-pg:hover:not([disabled]){box-shadow:inset 0 0 0 1px rgba(242,196,0,.7)}
#lmxMkPanel .mk-pg.is-on{color:#0d0b08;background:#eec21a;box-shadow:none}
#lmxMkPanel .mk-pg[disabled]{opacity:.3;cursor:default}
#lmxMkPanel .mk-pg:focus-visible,#lmxMkPanel .mk-ratetab:focus-visible,#lmxMkPanel .mk-rateclose:focus-visible{outline:2px solid #eec21a;outline-offset:2px}
#lmxMkPanel .mk-pgdots{color:rgba(240,232,210,.4);padding:0 2px}
#lmxMkPanel .mk-ratebox p.mk-ratenote{margin:12px 0 0;font-size:12px;line-height:1.5;color:rgba(240,232,210,.45)}

/* телефон: без колонки даты, компактнее; имя агента занимает всё свободное место */
@media (max-width:600px){
  #lmxMkPanel .mk-ratebox{padding:20px 14px 16px}
  #lmxMkPanel .mk-rtable th.c-dt,#lmxMkPanel .mk-rtable td.c-dt{display:none}
  #lmxMkPanel .mk-rtable th,#lmxMkPanel .mk-rtable td{padding:9px 6px}
  #lmxMkPanel .mk-rtable th.c-pl,#lmxMkPanel .mk-rtable td.c-pl{width:40px}
  #lmxMkPanel .mk-rtable th.c-tm,#lmxMkPanel .mk-rtable td.c-tm{width:66px}
  #lmxMkPanel .mk-rtable td.c-tm{font-size:15px}
  #lmxMkPanel .mk-rtable th.c-hn,#lmxMkPanel .mk-rtable td.c-hn{width:50px}
  #lmxMkPanel .mk-rtable th.c-hn{font-size:0}
  #lmxMkPanel .mk-rtable th.c-hn::after{content:"Подск.";font-size:10px}
  #lmxMkPanel .mk-rtable td.c-ag b{overflow-wrap:break-word;word-break:normal}
  #lmxMkPanel .mk-rgcover{width:64px}
  #lmxMkPanel .mk-rgtext b{font-size:15px}
}

/* ───── блокнот: записи сворачиваются в заголовок и разворачиваются по клику ───── */
#lmxMkPanel .mk-nball{display:block;margin:0 0 6px auto;padding:6px 10px;min-height:32px;border:0;border-radius:8px;cursor:pointer;font:700 11px/1 var(--noir-display,var(--mk-display));letter-spacing:.08em;text-transform:uppercase;
  color:#eec21a;background:rgba(0,0,0,.3);box-shadow:inset 0 0 0 1px rgba(242,196,0,.35)}
#lmxMkPanel .mk-nball:hover{box-shadow:inset 0 0 0 1px rgba(242,196,0,.8)}
#lmxMkPanel .mk-card li.mk-nb{padding:0}
#lmxMkPanel .mk-nbhead{display:grid;grid-template-columns:16px 1fr;align-items:baseline;gap:2px 8px;width:100%;margin:0;padding:11px 2px;border:0;background:none;cursor:pointer;text-align:left;color:inherit;font:inherit;text-transform:none;letter-spacing:0;min-height:0;box-shadow:none}
#lmxMkPanel .mk-nbhead:hover b{color:#eec21a}
#lmxMkPanel .mk-nbhead:focus-visible{outline:2px solid #eec21a;outline-offset:2px;border-radius:6px}
#lmxMkPanel .mk-nbarrow{grid-row:1/3;color:#eec21a;font-size:12px;line-height:1.5;transition:transform .15s}
#lmxMkPanel .mk-nb.is-open .mk-nbarrow{transform:rotate(90deg)}
#lmxMkPanel .mk-card .mk-nbhead b{display:block;margin:0}
#lmxMkPanel .mk-nbpeek{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:rgba(240,232,210,.45)}
#lmxMkPanel .mk-nb.is-open .mk-nbpeek{display:none}
#lmxMkPanel .mk-nbbody{display:none;padding:0 2px 12px 26px}
#lmxMkPanel .mk-nb.is-open .mk-nbbody{display:block}
#lmxMkPanel .mk-nbbody p{margin:0 0 8px}
#lmxMkPanel .mk-nbbody p:last-child{margin-bottom:0}
@media (prefers-reduced-motion: reduce){ #lmxMkPanel .mk-nbarrow{transition:none} }

/* ───── блокнот: задание-финал в отдельной рамке ───── */
#lmxMkPanel .mk-task{position:relative;margin:20px 0 14px;padding:18px 16px 14px;border-radius:12px;background:rgba(242,196,0,.08);box-shadow:inset 0 0 0 2px #eec21a,0 0 18px rgba(242,196,0,.12)}
#lmxMkPanel .mk-taskstamp{position:absolute;top:-10px;left:14px;padding:4px 9px;border-radius:5px;font:700 10.5px/1 var(--noir-display,var(--mk-display));letter-spacing:.12em;text-transform:uppercase;color:#0d0b08;background:#eec21a}
#lmxMkPanel .mk-card .mk-task p{margin:0;font-size:15px;line-height:1.55;font-weight:600;color:#f5f1e6}
#lmxMkPanel .mk-task.is-done{background:rgba(120,200,130,.08);box-shadow:inset 0 0 0 2px #7cc48a}
#lmxMkPanel .mk-task.is-done .mk-taskstamp{background:#7cc48a}
#lmxMkPanel .mk-task.is-done p{color:rgba(240,232,210,.7)}

/* ───── блокнот: предметы при себе — контур (не найден) / заливка (при тебе) / галочка (применён) ───── */
#lmxMkPanel .mk-items{margin:0 0 14px;padding:12px 12px 10px;border-radius:12px;background:rgba(0,0,0,.28);box-shadow:inset 0 0 0 1px rgba(240,232,210,.12)}
#lmxMkPanel .mk-itemshead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 10px}
#lmxMkPanel .mk-itemshead b{font:700 12px/1 var(--noir-display,var(--mk-display));letter-spacing:.1em;text-transform:uppercase;color:#f5f1e6}
#lmxMkPanel .mk-itemshead span{font-size:12px;color:rgba(240,232,210,.5)}
#lmxMkPanel .mk-itemgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
#lmxMkPanel .mk-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;border-radius:10px;text-align:center;
  background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px rgba(240,232,210,.12);border:1px dashed transparent}
#lmxMkPanel .mk-item svg{width:44px;height:44px;overflow:visible}
#lmxMkPanel .mk-item svg *{fill:none;stroke:rgba(240,232,210,.38);stroke-width:1;stroke-dasharray:1.6 1.2;stroke-linejoin:round;stroke-linecap:round}
#lmxMkPanel .mk-item:not(.is-have){box-shadow:none;border-color:rgba(240,232,210,.18)}
#lmxMkPanel .mk-item.is-have{background:rgba(242,196,0,.08);box-shadow:inset 0 0 0 1px rgba(242,196,0,.55)}
#lmxMkPanel .mk-item.is-have svg *{fill:#eec21a;stroke:#8a6c00;stroke-width:.8;stroke-dasharray:none}
#lmxMkPanel .mk-item.is-have svg .h{fill:#2a2208;stroke:none}
#lmxMkPanel .mk-item.is-have svg [fill="none"]{fill:none;stroke:#eec21a;stroke-width:1.6}
#lmxMkPanel .mk-item.is-used{background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(240,232,210,.18)}
#lmxMkPanel .mk-item.is-used svg *{fill:#8f8672;stroke:#5a5446}
#lmxMkPanel .mk-item.is-used svg [fill="none"]{fill:none;stroke:#8f8672}
#lmxMkPanel .mk-itemq{position:absolute;top:16px;left:50%;transform:translateX(-50%);font:700 14px/1 var(--noir-display,var(--mk-display));font-style:normal;color:rgba(240,232,210,.45)}
#lmxMkPanel .mk-itemok{position:absolute;top:5px;right:6px;width:16px;height:16px;border-radius:50%;font:700 10px/16px sans-serif;font-style:normal;color:#0d0b08;background:#7cc48a}
#lmxMkPanel .mk-itemname{font-size:11.5px;line-height:1.25;color:#f5f1e6;overflow-wrap:anywhere}
#lmxMkPanel .mk-item:not(.is-have) .mk-itemname{color:rgba(240,232,210,.35)}
#lmxMkPanel .mk-item.is-used .mk-itemname{color:rgba(240,232,210,.6)}
#lmxMkPanel .mk-card ul.mk-nbstory{margin:0 0 6px}
#lmxMkPanel .mk-card ul.mk-nbstory li.mk-nb{border-top:0;border-bottom:1px solid rgba(240,232,210,.14)}

/* ───── карточки: прокрутка только внутри рамки (заголовок и кнопки на месте) ───── */
#lmxMkPanel .mk-card{display:flex;flex-direction:column;overflow:hidden;max-height:100%}
#lmxMkPanel .mk-card > h3,#lmxMkPanel .mk-card > .mk-row{flex:none}
#lmxMkPanel .mk-cardin{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;margin:0 -10px;padding:0 10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10px,#000 calc(100% - 12px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 10px,#000 calc(100% - 12px),transparent 100%)}
#lmxMkPanel .mk-cardin > :first-child{margin-top:10px}
#lmxMkPanel .mk-cardin > :last-child{margin-bottom:6px}
#lmxMkPanel .mk-card > .mk-row{margin-top:14px}

/* ───── предметы со своей картинкой (ключи цирка): найден — картинка, не найден — очертание ───── */
#lmxMkPanel .mk-item.has-img{padding-top:6px}
#lmxMkPanel .mk-card img.mk-itemimg{display:block;width:76px;height:76px;max-width:none;margin:0;border-radius:0;box-shadow:none;background:none;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.55))}
#lmxMkPanel .mk-card .mk-item:not(.is-have) img.mk-itemimg{filter:none;opacity:.9}
#lmxMkPanel .mk-card .mk-item.is-used img.mk-itemimg{filter:grayscale(.85) brightness(.75) drop-shadow(0 3px 5px rgba(0,0,0,.5))}

/* ═════ оформленный блокнот макета (nb в сюжете): рамка-картинка, шапка дела, обстоятельства, цель, предметы, улики с миниатюрами ═════
   Картинки — из папки макета (/maket/<id>/nb_*.webp), передаются переменными --nb-*. Рамка 2:3, на узком экране — вытягиваем до 9:16. */
#lmxMkPanel .mk-veil{container-type:size}
#lmxMkPanel .mk-card.mk-nbrich{position:relative;display:block;overflow:visible;padding:0;border-radius:0;box-shadow:none;
  width:min(640px,calc(100cqw - 24px),calc((100cqh - 16px) * 2 / 3));aspect-ratio:2/3;max-height:none;
  background:var(--nb-frame) center/100% 100% no-repeat;filter:drop-shadow(0 24px 40px rgba(0,0,0,.6))}
#lmxMkPanel .mk-card.mk-nbrich > h3{position:absolute;top:7.2%;left:14.4%;margin:0;font:700 clamp(15px,2.4cqh,22px)/1 var(--noir-display,var(--mk-display));letter-spacing:.06em;color:#f5f1e6;text-shadow:0 2px 6px #000}
#lmxMkPanel .mk-card.mk-nbrich > .mk-cardin{position:absolute;top:15.6%;left:14.6%;right:12.6%;bottom:14.5%;margin:0;padding:6px 8px 10px 4px;overflow-y:auto;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 18px),transparent 100%);
  scrollbar-width:thin;scrollbar-color:rgba(242,196,0,.45) transparent}
#lmxMkPanel .mk-card.mk-nbrich > .mk-row{position:absolute;left:14.6%;right:12.6%;bottom:6.8%;margin:0}
#lmxMkPanel .mk-card.mk-nbrich > .mk-row .mk-btn{min-height:40px;padding:10px 18px}
@container (max-width:600px){
  #lmxMkPanel .mk-card.mk-nbrich{aspect-ratio:1/2;width:min(100cqw - 10px,calc((100cqh - 8px) / 2))}
  #lmxMkPanel .mk-card.mk-nbrich > .mk-cardin{top:12.4%;bottom:14.6%;left:13.4%;right:10.8%}
  #lmxMkPanel .mk-card.mk-nbrich > h3{top:6.3%;left:14.2%;font-size:15px}
  #lmxMkPanel .mk-card.mk-nbrich > .mk-row{bottom:5.6%;left:13.4%}
}

/* шапка дела — как на референсе: плашка, крупный заголовок, строка, разделитель, штамп справа от строки */
#lmxMkPanel .nbr{font-family:var(--mk-serif)}
#lmxMkPanel .nbr-head{position:relative;margin:2px 0 30px}
#lmxMkPanel .nbr-kicker{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 30px;margin:0 0 4px;background:var(--nb-plate) center/100% 100% no-repeat}
#lmxMkPanel .nbr-kicker span{margin-top:7px;font:400 12px/1 var(--mk-serif);letter-spacing:.18em;text-transform:uppercase;color:#e8c779;white-space:nowrap}
#lmxMkPanel .mk-card h2.nbr-title{margin:0 0 6px;white-space:nowrap;font:400 min(6.4cqh,8.4cqw,58px)/.98 var(--mk-slab);letter-spacing:.01em;text-transform:uppercase;color:#ece0c2;
  text-shadow:0 2px 0 #2c200e,0 5px 12px rgba(0,0,0,.75);transform:scaleY(1.08);transform-origin:left bottom}
#lmxMkPanel .nbr-sub{font:400 12.5px/1.3 var(--mk-serif);letter-spacing:.2em;text-transform:uppercase;color:#d9cdb0;white-space:nowrap}
#lmxMkPanel .nbr-div{display:block;height:12px;margin:10px 0 0;width:62%;background:var(--nb-div2) center/100% 100% no-repeat}
#lmxMkPanel .nbr-stamp{position:absolute;right:-4px;bottom:-22px;width:min(36%,160px);aspect-ratio:268/136;display:flex;align-items:center;justify-content:center;transform:rotate(-7deg);
  background:var(--nb-stamp) center/100% 100% no-repeat;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5))}
#lmxMkPanel .nbr-stamp span{white-space:nowrap;font:400 clamp(10px,1.8cqh,15px)/1 var(--mk-slab);letter-spacing:.04em;text-transform:uppercase;color:#e2333a;transform:rotate(-6deg)}
#lmxMkPanel .nbr-stamp.is-closed{filter:hue-rotate(105deg) saturate(.8) drop-shadow(0 3px 5px rgba(0,0,0,.5))}

/* обстоятельства + сюжет */
#lmxMkPanel .nbr-facts{position:relative;margin:0 0 16px;padding:18px 18px 14px;border-radius:10px;background:rgba(40,30,8,.45);box-shadow:inset 0 0 0 2px #e0ac2a,0 0 18px rgba(242,196,0,.1)}
#lmxMkPanel .nbr-tag{position:absolute;top:-11px;left:12px;padding:5px 10px;border-radius:5px;font:700 10.5px/1 var(--noir-display,var(--mk-display));letter-spacing:.12em;text-transform:uppercase;color:#0d0b08;background:#eec21a}
#lmxMkPanel .mk-card .nbr-factsp{margin:0;font:400 18px/1.45 var(--mk-serif);color:#f0e6cc}
#lmxMkPanel .nbr-story{padding:2px 2px 0}
#lmxMkPanel .mk-card .nbr-story p{margin:0 0 14px;font:400 15.5px/1.62 var(--mk-serif);color:rgba(240,230,204,.88)}

/* цель расследования */
#lmxMkPanel .nbr-divstar{display:block;height:16px;margin:4px 0 16px;background:var(--nb-div) center/100% 100% no-repeat}
#lmxMkPanel .nbr-goal{position:relative;margin:0 0 18px;padding:0 16px 14px;border-radius:8px;background:rgba(20,15,6,.6);box-shadow:inset 0 0 0 1.5px #c99a2c}
#lmxMkPanel .nbr-goalh{position:relative;display:flex;align-items:center;gap:8px;min-height:52px;padding:0 0 0 52px;margin:0 0 12px;border-bottom:1px solid rgba(201,154,44,.6)}
#lmxMkPanel .nbr-compass{position:absolute;left:-30px;top:50%;width:76px;height:76px;margin-top:-38px;background:var(--nb-compass) center/contain no-repeat;filter:drop-shadow(0 3px 6px rgba(0,0,0,.75))}
#lmxMkPanel .nbr-goalh b{flex:1 1 auto;font:700 14px/1.2 var(--mk-serif);letter-spacing:.16em;text-transform:uppercase;color:#eec21a}
#lmxMkPanel .nbr-done{font:700 10.5px/1 var(--noir-display,var(--mk-display));letter-spacing:.08em;text-transform:uppercase;color:#7cc48a}
#lmxMkPanel .mk-card .nbr-goal p{margin:0;padding:0 0 0 52px;font:400 15px/1.55 var(--sans,inherit);color:#f0e6cc}
#lmxMkPanel .nbr-goal.is-done{box-shadow:inset 0 0 0 1.5px #6aa877}

/* предметы — в оформленной рамке */
#lmxMkPanel .mk-items.nbr-items{background:rgba(20,15,6,.5);box-shadow:inset 0 0 0 1px rgba(201,154,44,.5)}
#lmxMkPanel .nbr-items .mk-itemshead b{font:400 13px/1 var(--mk-serif);font-weight:700;letter-spacing:.18em;color:#eec21a}

/* улики */
#lmxMkPanel .nbr-cluesh{display:flex;align-items:baseline;justify-content:space-between;margin:4px 0 6px;padding:0 0 8px;border-bottom:1px solid rgba(201,154,44,.55)}
#lmxMkPanel .nbr-cluesh b{font:400 13px/1 var(--mk-serif);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#eec21a}
#lmxMkPanel .nbr-cluesh span{font-size:12px;color:rgba(240,232,210,.5)}
#lmxMkPanel .mk-card ul.nbr-clues{margin:0;padding:0;list-style:none}
#lmxMkPanel .mk-card .nbr-clue{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-top:0;border-bottom:1px solid rgba(240,232,210,.1);font-size:14px}
#lmxMkPanel .nbr-thumb{flex:none;position:relative;width:74px;height:74px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}
#lmxMkPanel .mk-card .nbr-thumb img{width:100%;height:100%;margin:0;object-fit:contain;border-radius:0;box-shadow:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}
#lmxMkPanel .nbr-thumb.is-q,#lmxMkPanel .nbr-thumb.is-empty{border:1px dashed rgba(240,232,210,.22);background:rgba(255,255,255,.02)}
#lmxMkPanel .nbr-thumb.is-q i{font:700 22px/1 var(--mk-slab);font-style:normal;color:rgba(240,232,210,.3)}
#lmxMkPanel .nbr-thumb.is-empty:after{content:"✦";font-size:20px;color:rgba(238,194,26,.5)}
#lmxMkPanel .nbr-cbody{flex:1 1 auto;min-width:0}
#lmxMkPanel .nbr-clue.is-todo .nbr-cbody{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 10px;min-height:74px;color:rgba(240,232,210,.4)}
#lmxMkPanel .nbr-clue.is-todo .mk-where{color:#f0e6c8}
#lmxMkPanel .nbr-chead{position:relative;display:block;width:100%;margin:0;padding:2px 22px 2px 0;border:0;background:none;cursor:pointer;text-align:left;color:inherit;font:inherit;min-height:0;box-shadow:none;text-transform:none;letter-spacing:0}
#lmxMkPanel .mk-card .nbr-chead b{display:block;margin:2px 0 4px;font:700 15px/1.25 var(--noir-display,var(--mk-display));letter-spacing:.03em;color:#f5f1e6}
#lmxMkPanel .nbr-peek{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.45;color:rgba(240,232,210,.6)}
#lmxMkPanel .nbr-chev{position:absolute;right:0;top:50%;margin-top:-12px;font:700 22px/1 sans-serif;font-style:normal;color:#eec21a;transition:transform .15s}
#lmxMkPanel .nbr-chead:hover b{color:#eec21a}
#lmxMkPanel .nbr-full{display:none}
#lmxMkPanel .nbr-clue.is-open .nbr-peek{display:none}
#lmxMkPanel .nbr-clue.is-open .nbr-chev{transform:rotate(90deg)}
#lmxMkPanel .mk-card .nbr-clue.is-open .nbr-full{display:block;margin:4px 22px 2px 0;font:400 14.5px/1.55 var(--mk-serif);color:rgba(240,230,204,.9)}
@media (prefers-reduced-motion: reduce){ #lmxMkPanel .nbr-chev{transition:none} }
@container (max-width:600px){
  #lmxMkPanel .nbr-kicker{height:32px;padding:0 20px}
  #lmxMkPanel .nbr-kicker span{font-size:10px;letter-spacing:.13em;margin-top:5px}
  #lmxMkPanel .nbr-sub{font-size:10px;letter-spacing:.1em}
  #lmxMkPanel .nbr-stamp{width:42%;bottom:-20px;right:-8px}
  #lmxMkPanel .nbr-stamp span{font-size:9.5px;letter-spacing:.02em}
  #lmxMkPanel .nbr-goalh{padding-left:40px}
  #lmxMkPanel .nbr-compass{width:60px;height:60px;margin-top:-30px;left:-24px}
  #lmxMkPanel .nbr-goalh b{font-size:12px;letter-spacing:.1em}
  #lmxMkPanel .mk-card .nbr-goal p{padding-left:0}
  #lmxMkPanel .mk-card .nbr-story p{font-size:14.5px}
  #lmxMkPanel .nbr-thumb{width:58px;height:58px}
  #lmxMkPanel .nbr-clue.is-todo .nbr-cbody{min-height:58px}
  #lmxMkPanel .mk-card .nbr-factsp{font-size:16px}
}

/* ───── анонсы на полке: плашка «🔔 Релиз …/Скоро», окно анонса для игроков (войти могут только тестеры и админы) ───── */
#lmxMkPanel .mk-badge.mk-ann{background:rgba(10,14,24,.86);color:#cfe2ff;box-shadow:inset 0 0 0 1px rgba(120,180,255,.55)}
#lmxMkPanel .mk-badge.mk-annstaff{top:auto;bottom:8px;right:8px;left:auto;background:rgba(10,14,24,.86);color:#cfe2ff;box-shadow:inset 0 0 0 1px rgba(120,180,255,.45)}
#lmxMkPanel .mk-box.mk-isann .mk-cover img{filter:grayscale(.35) brightness(.8)}
#lmxMkPanel .mk-box.mk-isann .mk-go{color:#9fc4ff}
#lmxMkPanel .mk-annbox{width:min(460px,100%);max-height:calc(100% - 20px);overflow-y:auto}
#lmxMkPanel .mk-anncover{margin:-6px -6px 14px;border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:#0b0a09}
#lmxMkPanel .mk-anncover img{display:block;width:100%;height:100%;object-fit:cover}
#lmxMkPanel .mk-annchip{display:inline-block;margin:0 0 8px;padding:5px 9px;border-radius:5px;font:700 10.5px/1 var(--noir-display,var(--mk-display));letter-spacing:.1em;text-transform:uppercase;color:#cfe2ff;background:rgba(10,14,24,.8);box-shadow:inset 0 0 0 1px rgba(120,180,255,.5)}
#lmxMkPanel .mk-annsub{margin:-4px 0 10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mk-y)}
#lmxMkPanel .mk-ovbox p.mk-annlead{color:#f0e6cc}
#lmxMkPanel .mk-ovbox p.mk-annlead b{color:var(--mk-y)}
#lmxMkPanel .mk-annbox .mk-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}
#lmxMkPanel .mk-badge.mk-ann{top:40px}
#lmxMkPanel .mk-annaccess{margin:0 0 14px;padding:10px 12px;border-radius:8px;font:700 12px/1.3 var(--noir-display,var(--mk-display));letter-spacing:.06em;text-transform:uppercase;color:var(--mk-y);background:rgba(10,9,8,.6);box-shadow:inset 0 0 0 1px rgba(242,196,0,.55)}
#lmxMkPanel .mk-annaccess.is-free{color:#a9e6b3;box-shadow:inset 0 0 0 1px rgba(124,196,138,.55)}

/* ═════ тема блокнота «ПБ №7. Не вышел» (nbt-pb7): ржавчина, бумага, колючка. Внизу слева на рамке забор — текст стоит выше него ═════ */
/* Рамка режется на 9 частей (border-image): фонарь и фото сверху, забор снизу остаются в своих пропорциях, тянется только середина.
   Единица --u — один пиксель исходной рамки 615×935 (картинка 800×1216, слайсы пересчитаны ×1.3). */
#lmxMkPanel .mk-card.mk-nbrich.nbt-pb7{--w:min(520px,calc(100cqw - 24px),calc((100cqh - 16px) * .64));--u:calc(var(--w) / 615);width:var(--w);aspect-ratio:auto;height:min(calc(100cqh - 16px),calc(var(--u) * 1400));
  background:none;filter:drop-shadow(0 24px 40px rgba(0,0,0,.6))}
#lmxMkPanel .mk-card.nbt-pb7::before{content:"";position:absolute;inset:0;pointer-events:none;border-style:solid;border-color:transparent;
  border-width:calc(var(--u) * 255) calc(var(--u) * 70) calc(var(--u) * 290) calc(var(--u) * 135);
  border-image:var(--nb-frame) 332 91 377 176 fill / calc(var(--u) * 255) calc(var(--u) * 70) calc(var(--u) * 290) calc(var(--u) * 135) stretch}
#lmxMkPanel .mk-card.nbt-pb7 > h3{display:none}
#lmxMkPanel .mk-card.nbt-pb7 > .mk-cardin{z-index:1;top:calc(var(--u) * 214 + 4px);bottom:calc(var(--u) * 70 + 62px);left:calc(var(--u) * 119 + 2px);right:calc(var(--u) * 85 + 2px)}
/* лист с содержимым — один прямоугольник от фото до низа рамки (забор из рамки убран); внутри текст и внизу справа «Закрыть» */
#lmxMkPanel .mk-card.nbt-pb7::after{content:"";position:absolute;z-index:0;pointer-events:none;box-sizing:border-box;
  left:calc(var(--u) * 119);top:calc(var(--u) * 214);right:calc(var(--u) * 85);bottom:calc(var(--u) * 70);border-radius:6px;
  background:linear-gradient(180deg,rgba(8,10,9,.86),rgba(14,16,14,.82));
  box-shadow:inset 0 0 0 1.5px rgba(176,112,62,.8),inset 0 0 0 4px rgba(0,0,0,.45),0 4px 14px rgba(0,0,0,.5)}
#lmxMkPanel .mk-card.nbt-pb7 > .mk-row{z-index:3;left:auto;right:calc(var(--u) * 85 + 14px);bottom:calc(var(--u) * 70 + 12px);justify-content:flex-end}
#lmxMkPanel .mk-card.nbt-pb7 > .mk-row .mk-btn{background-color:#9a5a2c;background-image:url("assets/noir_wear.webp"),linear-gradient(180deg,#c17a40 0%,#8e4f24 100%);color:#fff3e2}
@container (max-width:600px){
  #lmxMkPanel .mk-card.mk-nbrich.nbt-pb7{--w:calc(100cqw - 10px);aspect-ratio:auto;height:calc(100cqh - 8px)}
  #lmxMkPanel .mk-card.nbt-pb7 > .mk-cardin{top:calc(var(--u) * 214 + 4px);bottom:calc(var(--u) * 70 + 58px);left:calc(var(--u) * 119 + 2px);right:calc(var(--u) * 85 + 2px)}
  #lmxMkPanel .mk-card.nbt-pb7 > .mk-row{bottom:calc(var(--u) * 70 + 10px);right:calc(var(--u) * 85 + 12px)}
}
/* шапка: табличка, бумажный заголовок, строка, штамп */
/* шапка палаты 7 — компактно, как в цирке: маленькая табличка слева, заголовок текстом, строка, штамп справа; обстоятельства — рамка с текстом */
#lmxMkPanel .nbt-pb7 .nbr-head{margin:0 0 26px}
#lmxMkPanel .nbt-pb7 .nbr-kicker{height:34px;padding:0 24px;margin:0 0 6px;aspect-ratio:auto;width:auto}
#lmxMkPanel .nbt-pb7 .nbr-kicker span{margin:0;font:700 13px/1 var(--mk-serif);letter-spacing:.12em;color:#2a1c12;text-shadow:0 1px 0 rgba(255,240,215,.4)}
#lmxMkPanel .mk-card.nbt-pb7 h2.nbr-title{display:block;width:auto;aspect-ratio:auto;padding:0;margin:0 0 6px;background:none;transform:none;white-space:nowrap;
  font:700 min(5.2cqh,7.6cqw,44px)/1 var(--noir-display,var(--mk-display));letter-spacing:.02em;color:#ecdcc0;text-shadow:0 2px 0 #3a1a10,0 5px 12px rgba(0,0,0,.75)}
#lmxMkPanel .nbt-pb7 .nbr-sub{color:#e7d6bb;letter-spacing:.16em;font-size:11.5px}
#lmxMkPanel .nbt-pb7 .nbr-div{height:12px;width:62%;margin:8px 0 0;background-image:var(--nb-div2)}
#lmxMkPanel .nbt-pb7 .nbr-stamp{background:none;right:0;bottom:-14px;width:auto;aspect-ratio:auto;padding:6px 12px;border:3px double #c0262d;border-radius:4px;transform:rotate(-8deg);filter:drop-shadow(0 0 8px rgba(200,30,40,.45))}
#lmxMkPanel .nbt-pb7 .nbr-stamp span{transform:none;font:700 clamp(11px,1.8cqh,15px)/1 var(--mk-serif);letter-spacing:.1em;color:#d0262e}
#lmxMkPanel .nbt-pb7 .nbr-stamp.is-closed{filter:hue-rotate(115deg) drop-shadow(0 0 8px rgba(40,160,80,.4))}
#lmxMkPanel .nbt-pb7 .nbr-facts{margin:0 0 16px;padding:18px 16px 12px;border-radius:8px;background:rgba(30,20,12,.55);box-shadow:inset 0 0 0 2px #b0703e,0 0 16px rgba(176,112,62,.12)}
#lmxMkPanel .nbt-pb7 .nbr-tag{display:block;background:#c98a4f;color:#1a0f08}
#lmxMkPanel .mk-card.nbt-pb7 .nbr-factsp{font:400 16px/1.45 var(--mk-serif);color:#f0e2cc}
#lmxMkPanel .mk-card.nbt-pb7 .nbr-story p{color:rgba(240,226,204,.9)}
/* цель */
#lmxMkPanel .nbt-pb7 .nbr-divstar{height:24px;background-size:100% 100%}
#lmxMkPanel .nbt-pb7 .nbr-goal{background:rgba(14,18,16,.75);box-shadow:inset 0 0 0 1.5px #8b5a34,inset 0 0 0 3px rgba(0,0,0,.4)}
#lmxMkPanel .nbt-pb7 .nbr-goalh{border-bottom-color:rgba(176,112,62,.65)}
#lmxMkPanel .nbt-pb7 .nbr-goalh b{color:#e9cfa8}
#lmxMkPanel .nbt-pb7 .nbr-goal.is-done{box-shadow:inset 0 0 0 1.5px #5f9a6a}
/* предметы и улики — ржавые акценты вместо циркового золота */
#lmxMkPanel .nbt-pb7 .mk-items.nbr-items{background:rgba(14,18,16,.6);box-shadow:inset 0 0 0 1px rgba(176,112,62,.55)}
#lmxMkPanel .nbt-pb7 .nbr-items .mk-itemshead b,#lmxMkPanel .nbt-pb7 .nbr-cluesh b{color:#e9cfa8}
#lmxMkPanel .nbt-pb7 .mk-item.is-have{background:rgba(217,149,90,.1);box-shadow:inset 0 0 0 1px rgba(217,149,90,.6)}
#lmxMkPanel .nbt-pb7 .nbr-cluesh{border-bottom-color:rgba(176,112,62,.6)}
#lmxMkPanel .nbt-pb7 .nbr-chev,#lmxMkPanel .nbt-pb7 .nbr-chead:hover b{color:#d9955a}
#lmxMkPanel .nbt-pb7 .nbr-thumb.is-empty:after{color:rgba(217,149,90,.55)}
#lmxMkPanel .mk-card.nbt-pb7 li .mk-hintbtn{box-shadow:inset 0 0 0 1px rgba(217,149,90,.7);color:#e9b27a}
#lmxMkPanel .nbr-wire{display:none}
#lmxMkPanel .nbt-pb7 .nbr-wire{display:block;height:34px;margin:4px 0 6px;background:var(--nb-barbed) center/contain no-repeat}

/* pb7: текст прокручивается в своём «листе» — тёмная бумага с ржавой окантовкой; края чёткие, без растворения посреди рамки */
#lmxMkPanel .mk-card.nbt-pb7 > .mk-cardin{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12px,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12px,#000 calc(100% - 16px),transparent 100%);padding:14px 14px 10px 16px;border-radius:0;background:none;box-shadow:none}
#lmxMkPanel .mk-card.nbt-pb7 > .mk-cardin > :first-child{margin-top:0}

/* ═════ оформленное финальное окно (тема макета с 'fin'): рамка-картинка 860×1010, табличка-заголовок, медальоны, кнопки-плашки ═════ */
#lmxMkPanel .mk-card.mk-finrich{position:relative;display:block;overflow:visible;padding:0;border-radius:0;box-shadow:none;max-height:none;
  width:min(680px,calc(100cqw - 16px),calc((100cqh - 12px) * 860 / 1010));aspect-ratio:860/1010;--u:calc(min(680px,calc(100cqw - 16px),calc((100cqh - 12px) * 860 / 1010)) / 860);
  background:var(--fn-frame) center/100% 100% no-repeat;filter:drop-shadow(0 24px 40px rgba(0,0,0,.65))}
#lmxMkPanel .mk-card.mk-finrich .mk-stamp{display:none}
#lmxMkPanel .mk-card.mk-finrich > h3{position:absolute;z-index:2;left:24%;right:24%;top:11.2%;margin:0;padding:0 6%;aspect-ratio:586/144;display:flex;align-items:center;justify-content:center;
  background:var(--fn-plate) center/100% 100% no-repeat;font:400 calc(var(--u) * 40)/1 var(--mk-slab);letter-spacing:.04em;color:#6e1a14;text-shadow:0 1px 0 rgba(255,236,200,.5);white-space:nowrap;
  filter:drop-shadow(0 4px 6px rgba(0,0,0,.55))}
#lmxMkPanel .mk-card.mk-finrich > h3::before,#lmxMkPanel .mk-card.mk-finrich > h3::after{content:"★";font-size:.5em;color:#7a2a1a;margin:0 .6em}
#lmxMkPanel .mk-card.mk-finrich > .mk-cardin{position:absolute;z-index:1;left:24.6%;right:21%;top:25.5%;bottom:25%;margin:0;padding:4px 10px 6px 4px;scrollbar-width:thin;scrollbar-color:rgba(242,196,0,.4) transparent;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10px,#000 calc(100% - 12px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 10px,#000 calc(100% - 12px),transparent 100%)}
#lmxMkPanel .mk-card.mk-finrich .fnr p{margin:0 0 10px;font:400 calc(var(--u) * 18)/1.5 var(--mk-serif);color:#efe4cb}
#lmxMkPanel .mk-card.mk-finrich .fnr p.fnr-ach{color:#eec21a}
#lmxMkPanel .fnr-div{display:block;height:calc(var(--u) * 26);margin:6px 0 10px;background:var(--fn-div) center/contain no-repeat}
#lmxMkPanel .fnr-res{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;padding:2px 0}
#lmxMkPanel .fnr-cell{display:flex;align-items:center;gap:12px}
#lmxMkPanel .fnr-ico{flex:none;width:calc(var(--u) * 54);height:calc(var(--u) * 60);background:center/contain no-repeat;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}
#lmxMkPanel .fnr-ico.is-watch{background-image:var(--fn-watch)}
#lmxMkPanel .fnr-ico.is-medal{background-image:var(--fn-medal)}
#lmxMkPanel .fnr-cell span{display:block;white-space:nowrap;font:700 calc(var(--u) * 11.5)/1.2 var(--mk-serif);letter-spacing:.1em;text-transform:uppercase;color:#b9a581}
#lmxMkPanel .fnr-cell b{display:block;white-space:nowrap;margin-top:2px;font:700 calc(var(--u) * 26)/1.05 var(--noir-display,var(--mk-display));color:#f3e7cc}
#lmxMkPanel .fnr-cell b.is-plus{color:#eec21a}
/* кнопки: 2×2, плашки из набора */
#lmxMkPanel .mk-card.mk-finrich > .mk-row{position:absolute;z-index:2;left:21.5%;right:19.5%;bottom:12.6%;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 10) calc(var(--u) * 16)}
#lmxMkPanel .mk-card.mk-finrich > .mk-row .mk-btn{min-height:0;height:calc(var(--u) * 48);padding:0 6px;border-radius:0;box-shadow:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55));
  font:400 calc(var(--u) * 18)/1 var(--mk-slab);letter-spacing:.02em;text-transform:uppercase;background:var(--fn-dark) center/100% 100% no-repeat;color:#efe4cb;-webkit-text-fill-color:currentColor}
#lmxMkPanel .mk-card.mk-finrich > .mk-row .mk-btn:nth-child(1){background-image:var(--fn-gold);color:#3a1d10}
#lmxMkPanel .mk-card.mk-finrich > .mk-row .mk-btn:nth-child(2){background-image:var(--fn-red);color:#f4e2c4}
#lmxMkPanel .mk-card.mk-finrich > .mk-row .mk-btn:hover{filter:brightness(1.12) drop-shadow(0 3px 4px rgba(0,0,0,.55))}
#lmxMkPanel .mk-card.mk-finrich > .mk-row .mk-btn:focus-visible{outline:2px solid #eec21a;outline-offset:2px}
@container (max-width:600px){
  #lmxMkPanel .mk-card.mk-finrich{width:calc(100cqw + 60px);margin-left:-30px;--u:calc((100cqw + 60px) / 860);aspect-ratio:auto;height:min(calc(100cqh - 8px),calc(var(--u) * 1900))}
  #lmxMkPanel .mk-card.mk-finrich > h3{left:22%;right:22%;top:calc(var(--u) * 95);font-size:calc(var(--u) * 40)}
  #lmxMkPanel .mk-card.mk-finrich > .mk-cardin{left:23.6%;right:20%;top:calc(var(--u) * 245);bottom:calc(var(--u) * 360)}
  #lmxMkPanel .mk-card.mk-finrich .fnr p{font-size:calc(var(--u) * 27)}
  #lmxMkPanel .fnr-res{grid-template-columns:1fr}
  #lmxMkPanel .fnr-cell span{font-size:calc(var(--u) * 20)}
  #lmxMkPanel .fnr-cell b{font-size:calc(var(--u) * 40)}
  #lmxMkPanel .fnr-ico{width:calc(var(--u) * 80);height:calc(var(--u) * 88)}
  #lmxMkPanel .mk-card.mk-finrich > .mk-row{left:20%;right:18%;bottom:calc(var(--u) * 150);grid-template-columns:1fr;gap:calc(var(--u) * 10)}
  #lmxMkPanel .mk-card.mk-finrich > .mk-row .mk-btn{height:calc(var(--u) * 70);font-size:calc(var(--u) * 28)}
}

/* ═════ окошки внутри макета в теме цирка ('mod'): обычная модалка сайта + оформление финального окна —
   заголовок на табличке, разделитель с медальоном, фото улики в золотой рамке, кнопки-плашки ═════ */
#lmxMkPanel .mk-card.mk-modrich .mk-stamp{display:none}
#lmxMkPanel .mk-card.mk-modrich > h3{box-sizing:border-box;display:flex;align-items:center;justify-content:center;align-self:center;width:min(370px,94%);min-height:60px;margin:0 auto 2px;padding:6px 13%;
  background:var(--fn-plate) center/100% 100% no-repeat;font:400 21px/1.05 var(--mk-slab);letter-spacing:.03em;text-transform:none;text-align:center;color:#6e1a14;
  text-shadow:0 1px 0 rgba(255,236,200,.5);filter:drop-shadow(0 4px 6px rgba(0,0,0,.55))}
#lmxMkPanel .mk-card.mk-modrich > h3::before,#lmxMkPanel .mk-card.mk-modrich > h3::after{content:"★";flex:none;font-size:.5em;color:#7a2a1a;margin:0 .6em}
#lmxMkPanel .mk-card.mk-modrich > .mdr-div{flex:none;display:block;height:22px;margin:6px 0 2px;background:var(--fn-div) center/contain no-repeat}
#lmxMkPanel .mk-card.mk-modrich .mdr-photo{width:170px;aspect-ratio:1;margin:10px auto 14px;padding:8px;box-sizing:border-box;
  background:radial-gradient(ellipse at 50% 45%,#4a3a28 0%,#241a12 62%,#100b07 100%);box-shadow:inset 0 0 0 1px rgba(242,196,0,.45),inset 0 0 0 4px rgba(0,0,0,.45),inset 0 0 0 5px rgba(242,196,0,.2),inset 0 0 22px rgba(0,0,0,.8),0 10px 22px rgba(0,0,0,.5)}
#lmxMkPanel .mk-card.mk-modrich .mdr-photo img,#lmxMkPanel .mk-card.mk-modrich .mdr-photo canvas{display:block;width:100%;height:100%;margin:0;object-fit:contain;border-radius:0;box-shadow:none;background:none;filter:sepia(.2) drop-shadow(0 4px 6px rgba(0,0,0,.6))}
#lmxMkPanel .mk-card.mk-modrich .mdr-sub{display:block;margin:0 0 6px;font:700 17px/1.3 var(--mk-serif);color:#f3e7cc;text-align:center}
#lmxMkPanel .mk-card.mk-modrich .mk-cardin > .mdr-photo:first-child{margin-top:10px}
/* кнопки как в финале: главная — золотая плашка, вторая — красная, остальные — тёмные */
#lmxMkPanel .mk-card.mk-modrich > .mk-row{justify-content:center}
#lmxMkPanel .mk-card.mk-modrich > .mk-row .mk-btn{flex:1 1 auto;max-width:300px;min-width:150px;white-space:nowrap;min-height:0;height:46px;padding:0 30px;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55));
  font:400 16px/1 var(--mk-slab);letter-spacing:.02em;text-transform:uppercase;background:var(--fn-dark) center/100% 100% no-repeat;color:#efe4cb;-webkit-text-fill-color:currentColor}
#lmxMkPanel .mk-card.mk-modrich > .mk-row .mk-btn:nth-child(1){background-image:var(--fn-gold);color:#3a1d10}
#lmxMkPanel .mk-card.mk-modrich > .mk-row .mk-btn:nth-child(2){background-image:var(--fn-red);color:#f4e2c4}
#lmxMkPanel .mk-card.mk-modrich > .mk-row .mk-btn:hover{filter:brightness(1.12) drop-shadow(0 3px 4px rgba(0,0,0,.55))}
#lmxMkPanel .mk-card.mk-modrich > .mk-row .mk-btn:focus-visible{outline:2px solid #eec21a;outline-offset:2px}

/* ═════ телефон: свои вертикальные рамки цирка (nb_framem 941×1672 — блокнот, fin_framem 1024×1536 — финал), без растягивания ═════ */
@container (max-width:600px){
  #lmxMkPanel .mk-card.mk-nbrich.nbt-astoria{aspect-ratio:941/1672;width:min(calc(100cqw + 90px),calc((100cqh - 8px) * 941 / 1672));flex:none;background-image:var(--nb-framem,var(--nb-frame))}
  #lmxMkPanel .mk-card.mk-nbrich.nbt-astoria > h3{top:9.5%;left:21.6%;font-size:15px}
  #lmxMkPanel .mk-card.mk-nbrich.nbt-astoria > .mk-cardin{top:18.8%;left:22.4%;right:18.6%;bottom:15.2%;padding:4px 6px 8px 2px}
  #lmxMkPanel .mk-card.mk-nbrich.nbt-astoria > .mk-row{left:22.4%;right:auto;bottom:9.4%}
  #lmxMkPanel .mk-card.mk-nbrich.nbt-astoria > .mk-row .mk-btn{min-height:36px;padding:8px 18px;font-size:13px}

  #lmxMkPanel .mk-card.mk-finrich.has-fm{--W:min(calc(100cqw + 60px),calc((100cqh - 8px) / 1.5));--u:calc(var(--W) / 1024);flex:none;width:var(--W);height:auto;aspect-ratio:1024/1536;margin:0;
    background-image:var(--fn-framem)}
  #lmxMkPanel .mk-card.mk-finrich.has-fm > h3{left:18%;right:18%;top:13.6%;padding:0 5%;font-size:max(15px,calc(var(--u) * 46))}
  #lmxMkPanel .mk-card.mk-finrich.has-fm > .mk-cardin{left:23.8%;right:21%;top:calc(var(--u) * 392);bottom:calc(var(--u) * 560);padding:2px 8px 6px 2px}
  #lmxMkPanel .mk-card.mk-finrich.has-fm .fnr p{font-size:14px;line-height:1.5}
  #lmxMkPanel .mk-card.mk-finrich.has-fm .fnr-res{grid-template-columns:1fr;gap:8px}
  #lmxMkPanel .mk-card.mk-finrich.has-fm .fnr-div{height:18px;margin:4px 0 8px}
  #lmxMkPanel .mk-card.mk-finrich.has-fm .fnr-cell{gap:10px}
  #lmxMkPanel .mk-card.mk-finrich.has-fm .fnr-ico{width:34px;height:38px}
  #lmxMkPanel .mk-card.mk-finrich.has-fm .fnr-cell span{font-size:9.5px}
  #lmxMkPanel .mk-card.mk-finrich.has-fm .fnr-cell b{font-size:18px}
  #lmxMkPanel .mk-card.mk-finrich.has-fm > .mk-row{left:21.4%;right:19.4%;bottom:calc(var(--u) * 285);grid-template-columns:1fr 1fr;gap:calc(var(--u) * 12) calc(var(--u) * 12)}
  #lmxMkPanel .mk-card.mk-finrich.has-fm > .mk-row .mk-btn{height:calc(var(--u) * 82);padding:0 4px;font-size:max(11.5px,calc(var(--u) * 30));white-space:nowrap}
  #lmxMkPanel .mk-card.mk-finrich.has-fm > .mk-row .mk-btn:nth-child(-n+2){grid-column:span 2}
}
@container (max-width:600px){
  #lmxMkPanel .nbt-pb7 .nbr-sub{font-size:10px;letter-spacing:.1em;white-space:normal}
  #lmxMkPanel .nbt-pb7 .nbr-head{margin-bottom:30px}
  #lmxMkPanel .nbt-pb7 .nbr-stamp{bottom:-22px}
}