/* ═══ №14 · Е3 (21.10.2026) — КАРТАТА ЗА КЛЮЧА (key.js) ═══
   Тези правила се зареждат и в <head> (build_prod.py): старата кутия на #licGate не се рисува нито за миг; #licGate остава само фон —
   navy като интрото, със златните помощни линии. Картата е прозорец на rdAsk (ask.css) с kind="key"; Б1 сегментите са .gdSeg (guide.css).
   Тъмно = html.dark. Телефон ≤ 700 px: листът на rdAsk е долу, марката е горе на фона. */
#licGate{background:#1c2c44 !important;overflow:hidden}
#licGate>.licBox{display:none !important}
#licGate::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:linear-gradient(90deg,transparent calc(50% - 160px),rgba(232,185,120,.45) calc(50% - 160px),rgba(232,185,120,.45) calc(50% - 159px),transparent calc(50% - 159px)),
             linear-gradient(0deg,transparent calc(50% - 150px),rgba(232,185,120,.45) calc(50% - 150px),rgba(232,185,120,.45) calc(50% - 149px),transparent calc(50% - 149px)),
             radial-gradient(1200px 700px at 50% 38%,rgba(125,180,255,.10),transparent 60%)}
#licGate .kyBrand{display:none}

/* ── картата (rdAsk, kind="key") ── */
.rdAskV[data-rdask="key"]{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
html.dark .rdAskV[data-rdask="key"]{background:transparent}
.rdAskV[data-rdask="key"] .kyBack{position:fixed;inset:0;z-index:0}
.rdAskV[data-rdask="key"] .rdAsk{position:relative;z-index:1;width:min(460px,100%);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.rdAskV[data-rdask="key"] .akHd{align-items:center}
.rdAskV[data-rdask="key"] .akIc{width:40px;height:40px;border-radius:12px;background:#1c2c44;box-shadow:inset 0 0 0 1px rgba(232,185,120,.35)}
.rdAskV[data-rdask="key"] .akIc svg{width:23px;height:23px}
html.dark .rdAskV[data-rdask="key"] .akIc{background:#1c2c44;color:#fff}
.rdAskV[data-rdask="key"] .akT{font-size:20px;font-weight:800;letter-spacing:-.01em}
.rdAskV[data-rdask="key"] .kySlo{margin:-4px 0 10px;color:#c89a5b;font-weight:700;font-size:12.5px;line-height:1.35}
html.dark .rdAskV[data-rdask="key"] .kySlo{color:#e8b978}
.rdAskV[data-rdask="key"] .kyLead{margin:0 0 12px;font-size:14px;line-height:1.45;color:var(--ak-mut)}
.rdAskV[data-rdask="key"] .kyMode .kySeg{display:flex;width:100%}
.rdAskV[data-rdask="key"] .kyMode .kySeg button{flex:1 1 0;text-align:center;padding:10px 8px;white-space:normal;line-height:1.2}
.rdAskV[data-rdask="key"] .kySeg{background:var(--ak-chip)}
html.dark .rdAskV[data-rdask="key"] .kySeg{background:#22344f}
.rdAskV[data-rdask="key"] .akFld{margin-top:12px}
.rdAskV[data-rdask="key"] #kyIn.kyKey{text-transform:none;letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}
.rdAskV[data-rdask="key"] .kyRes:empty{display:none}
.rdAskV[data-rdask="key"] .kyRes{margin-top:10px;font-size:13.5px;line-height:1.4}
.rdAskV[data-rdask="key"] .kyRes .kyTx{flex:1;min-width:0}
.rdAskV[data-rdask="key"] .kyRes .kyDev{margin-top:8px}
.rdAskV[data-rdask="key"] .kyRes a{color:inherit;font-weight:800}
.rdAskV[data-rdask="key"] .kyLinks{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:13px;font-weight:700}
.rdAskV[data-rdask="key"] .kyLinks a,.rdAskV[data-rdask="key"] .kyFoot a{color:var(--ak-ink);text-decoration:underline;text-decoration-color:rgba(200,154,91,.6);text-underline-offset:3px}
.rdAskV[data-rdask="key"] .kyLinks a.kyBuy{color:#8a5a1c;text-decoration-color:#c89a5b}
html.dark .rdAskV[data-rdask="key"] .kyLinks a.kyBuy{color:#e8b978}
.rdAskV[data-rdask="key"] .kyFoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--ak-line);font-size:12px}
.rdAskV[data-rdask="key"] .kyFoot a{color:var(--ak-mut);font-weight:600}
.rdAskV[data-rdask="key"] .kyLang .kySeg button{padding:6px 8px;font-size:11.5px}
.rdAskV[data-rdask="key"] a:focus-visible,.rdAskV[data-rdask="key"] .kySeg button:focus-visible{outline:2px solid #e8b978;outline-offset:2px;border-radius:6px}

/* ── телефон: листът долу (ask.css), марката горе на фона ── */
@media (max-width:700px){
  #licGate .kyBrand{display:flex;position:absolute;left:0;right:0;top:calc(22px + env(safe-area-inset-top,0px));flex-direction:column;align-items:center;gap:6px;pointer-events:none}
  #licGate .kyMark{width:54px;height:54px;border-radius:15px;background:#22344f;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(0,0,0,.35)}
  #licGate .kyMark svg{width:30px;height:30px}
  #licGate .kyWord{font:800 17px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#fff}
  #licGate .kyTag{font:600 12px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#e8b978;text-align:center;padding:0 16px}
  .rdAskV[data-rdask="key"] .rdAsk{max-height:calc(100svh - 150px)}
  .rdAskV[data-rdask="key"] .kySlo{display:none}   /* слоганът е горе на фона */
  .rdAskV[data-rdask="key"] .kyMode .kySeg button{min-height:44px}
  .rdAskV[data-rdask="key"] .kyFoot{flex-direction:column;align-items:flex-start}
}
@media (max-width:700px) and (max-height:620px){ #licGate .kyBrand{display:none} .rdAskV[data-rdask="key"] .rdAsk{max-height:calc(100svh - 12px)} .rdAskV[data-rdask="key"] .kySlo{display:block} }
@media print{ #licGate{display:none !important} }