/* cheat.css */

/* ============================================================
   CHEAT TAB — справка
   ============================================================ */
.cheat-search{
  margin:8px;padding:7px 12px;border-radius:var(--radius-pill);
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  color:var(--text-main);font-family:inherit;font-size:11px;outline:none;
  transition:border-color .15s;flex-shrink:0;
}
.cheat-search:focus{border-color:var(--neon-border)}

.cheat-cats{display:flex;flex-wrap:wrap;gap:4px;padding:0 8px 8px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.05)}
.cheat-cat-pill{
  padding:3px 9px;border-radius:var(--radius-pill);
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  color:var(--text-muted);font-size:9.5px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;cursor:pointer;
  transition:all .15s;font-family:inherit;
}
.cheat-cat-pill:hover{color:var(--text-main);border-color:var(--neon-border)}
.cheat-cat-pill.active{background:rgba(var(--neon-rgb),.15);border-color:var(--neon-border);color:var(--neon)}

.cheat-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(var(--neon-rgb),.4) transparent;padding:8px}
.cheat-body::-webkit-scrollbar{width:5px}
.cheat-body::-webkit-scrollbar-thumb{background:rgba(var(--neon-rgb),.35);border-radius:var(--radius-pill)}
.cheat-cat{font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--neon);margin:10px 0 5px;padding:0 2px}
.cheat-cat:first-child{margin-top:0}

.cheat-item{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);margin-bottom:3px;transition:all .15s}
.cheat-item[open]{background:rgba(var(--neon-rgb),.05);border-color:var(--neon-border)}
.cheat-item summary{display:flex;align-items:center;gap:6px;padding:6px 8px;cursor:pointer;list-style:none;font-size:11px;color:var(--text-main)}
.cheat-item summary::-webkit-details-marker{display:none}
.cheat-item summary::before{content:'▸';color:var(--neon);font-size:9px;transition:transform .15s;flex-shrink:0}
.cheat-item[open] summary::before{transform:rotate(90deg)}
.cheat-item summary code{font-family:var(--font-mono);font-size:10px;padding:1px 5px;background:rgba(192,132,252,.15);border:1px solid rgba(192,132,252,.3);color:#c084fc;border-radius:4px;white-space:nowrap;flex-shrink:0}
.cheat-item summary strong{font-weight:600;font-size:10.5px;flex-shrink:0}
.cheat-item summary em{font-style:normal;font-size:9.5px;color:var(--text-muted);margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.cheat-item-body{padding:4px 10px 10px 24px;font-size:10.5px;color:var(--text-muted);line-height:1.5}
.cheat-item-body p{margin-bottom:4px}
.cheat-item-body code{font-family:var(--font-mono);font-size:10px;color:var(--neon);background:rgba(var(--neon-rgb),.1);padding:1px 3px;border-radius:3px}
.cheat-ex{position:relative;background:#0a0a0c;border:1px solid rgba(255,255,255,.06);border-radius:5px;padding:8px 34px 8px 8px;margin-top:6px;font-family:var(--font-mono);font-size:9.5px;line-height:1.5;color:#86efac;white-space:pre-wrap;overflow-x:auto}
.cheat-ex .c{color:#64748b}.cheat-ex .t{color:#60a5fa}.cheat-ex .a{color:#fbbf24}.cheat-ex .s{color:#86efac}
.cheat-copy{position:absolute;top:5px;right:5px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--text-muted);font-size:8.5px;font-weight:700;padding:2px 6px;border-radius:4px;cursor:pointer;font-family:inherit;transition:all .15s}
.cheat-copy:hover{color:#fff;border-color:var(--neon-border);background:rgba(var(--neon-rgb),.2)}
.cheat-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:11px;font-style:italic}