/* Поиск: подсказки в шапке, экран поиска на телефоне, страница результатов (search-kit) */
.search{z-index:30}
.search .sx-pop svg,.sx-pop svg{position:static;left:auto;top:auto;color:inherit}
.search input{padding-right:12px}
.sx-pop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 48px rgba(0,0,0,.22);padding:6px;max-height:min(70vh,620px);overflow:auto;overscroll-behavior:contain;text-align:left}
.sx-pop[hidden]{display:none}
.sx-grp{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:10px 10px 4px}
.sx-it{display:flex;gap:10px;align-items:center;padding:7px 10px;border-radius:9px;color:var(--fg);text-decoration:none}
.sx-it:hover,.sx-it.on,.sx-all.on{background:var(--surface-2)}
.sx-it .gl{width:34px;height:34px;font-size:16px}
.sx-it .gl.has-cover{background:var(--surface-2);overflow:hidden}
.sx-it .gl img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.sx-tx{display:flex;flex-direction:column;min-width:0;flex:1}
.sx-t{font-weight:600;font-size:13.5px;line-height:1.3;overflow:hidden;text-overflow:ellipsis}
.sx-s{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-r{margin-left:auto;font-size:11.5px;color:var(--muted);white-space:nowrap;flex:none}
.sx-t mark,.sx-s mark{background:none;color:var(--red-ink);font-weight:700}
.sx-s mark{font-weight:600;color:inherit}
.sx-chip{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:5px;background:var(--surface-2);color:var(--muted);margin-left:6px;vertical-align:1px;white-space:nowrap}
.sx-it:hover .sx-chip,.sx-it.on .sx-chip{background:var(--surface)}
.sx-pp,.sx-ava,.sxr-ph{width:34px!important;height:34px!important;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;object-fit:cover;color:#fff;font-weight:700;font-size:12px;background:var(--surface-2)}
.sx-ic{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);flex:none}
.sx-ic svg{width:16px;height:16px}
.sx-all{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--red);font-weight:600;font-size:13px;border-top:1px solid var(--line);margin-top:4px;padding:10px;border-radius:0 0 9px 9px;text-decoration:none}
.sx-kbd{border:1px solid var(--line);border-radius:4px;padding:0 5px;font-size:11px;color:var(--muted);font-weight:500}
.sx-fix{font-size:12.5px;color:var(--muted);padding:8px 10px 0}
.sx-fix b{color:var(--fg)}
.sx-none{padding:18px 12px;text-align:center;color:var(--muted);font-size:13px;line-height:1.7}
.sx-none a{color:var(--red);font-weight:600}
.sx-hint{font-size:12px;color:var(--muted);padding:10px 10px 6px;border-top:1px solid var(--line);margin-top:6px}
.sx-rec{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:9px;color:var(--fg);font-size:13.5px;text-decoration:none}
.sx-rec:hover,.sx-rec.on{background:var(--surface-2)}
.sx-rec svg{width:16px;height:16px;color:var(--faint);flex:none}
.sx-rec span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-rec button{border:0;background:none;color:var(--faint);font-size:18px;line-height:1;padding:0 4px;cursor:pointer}
.sx-rec button:hover{color:var(--fg)}
.sx-load{opacity:.6;transition:opacity .15s}

/* Экран поиска на телефоне */
.sx-ov{position:fixed;inset:0;z-index:200;background:var(--surface);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px)}
.sx-ov[hidden]{display:none}
.sx-ov-top{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line)}
.sx-ov-back{width:38px;height:38px;border:0;background:none;color:var(--fg);display:grid;place-items:center;flex:none;cursor:pointer;padding:0}
.sx-ov-back svg{width:22px;height:22px}
.sx-ov form{flex:1;position:relative;margin:0}
.sx-ov input{width:100%;height:40px;border-radius:10px;border:1px solid var(--red);background:var(--surface);padding:0 12px;font:inherit;font-size:16px;color:var(--fg)}
.sx-ov input:focus{outline:none}
.sx-ov .sx-pop{position:static;border:0;box-shadow:none;border-radius:0;max-height:none;padding:4px 6px 24px;flex:1;overflow:auto}
.sx-ov-body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}
html.sx-lock,html.sx-lock body{overflow:hidden}

/* Страница результатов */
.sxr-head{margin-bottom:12px}
.sxr-form{display:flex;gap:8px;margin-top:6px}
.sxr-box{flex:1;position:relative}
.sxr-box input{width:100%;height:42px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);padding:0 14px;font:inherit;font-size:15px;color:var(--fg)}
.sxr-box input:focus{outline:none;border-color:var(--red);background:var(--surface)}
.sxr-form .btn{height:42px}
.sxr-note{margin:10px 0 0;font-size:13.5px;color:var(--muted)}
.sxr-note a{color:var(--red-ink)}
.sxr-tabs{display:flex;gap:4px;background:var(--surface);padding:4px;border-radius:var(--r);overflow-x:auto;margin-bottom:12px;scrollbar-width:none}
.sxr-tabs::-webkit-scrollbar{display:none}
.sxr-tabs a{padding:8px 12px;border-radius:9px;font-weight:600;font-size:13px;white-space:nowrap;color:var(--fg)}
.sxr-tabs a small{color:var(--muted);font-weight:500;margin-left:5px;font-size:12px}
.sxr-tabs a.on{background:var(--ink);color:var(--ink-fg)}
.sxr-tabs a.on small{color:inherit;opacity:.7}
.sxr-sec{margin-bottom:12px}
.sxr-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px}
.sxr-more{color:var(--red);font-weight:600;font-size:13px;white-space:nowrap}
.sxr-game{display:flex;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--line);color:var(--fg)}
.sxr-h+.sxr-game{border-top:0}
.sxr-game .gl.lg{width:46px;height:46px;font-size:22px;border-radius:8px}
.sxr-game .gl.has-cover{overflow:hidden;background:var(--surface-2)}
.sxr-game .gl img{width:100%;height:100%;object-fit:cover}
.sxr-gt{display:flex;flex-direction:column;min-width:0;flex:1}
.sxr-t{font-weight:600;font-size:14.5px;line-height:1.3}
.sxr-game:hover .sxr-t{color:var(--red)}
.sxr-s,.sxr-aka{font-size:12px;color:var(--muted)}
.sxr-t mark,.sxr-pt mark,.sxr-pl mark,.sxr-n mark{background:var(--red-soft);color:var(--red-ink);border-radius:3px;padding:0 1px}
.sxr-s mark,.sxr-aka mark{background:none;color:var(--fg);font-weight:600}
.sxr-rk{margin-left:auto;text-align:right;font-size:11.5px;color:var(--muted);white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;flex:none}
.sxr-rk b{font-family:var(--display);font-size:18px;color:var(--fg);font-weight:600;line-height:1.1}
.sxr-post{display:block;padding:10px 0;border-top:1px solid var(--line);color:var(--fg)}
.sxr-h+.sxr-post{border-top:0}
.sxr-pt{display:block;font-weight:600;font-size:15px;line-height:1.35}
.sxr-post:hover .sxr-pt{color:var(--red)}
.sxr-pl{display:block;font-size:13px;color:var(--muted);margin-top:3px;line-height:1.5}
.sxr-pm{display:block;font-size:12px;color:var(--faint);margin-top:4px}
.sxr-ppl{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
.sxr-ppl a{display:flex;gap:10px;align-items:center;padding:6px 0;color:var(--fg)}
.sxr-ppl .sxr-ph{width:40px!important;height:40px!important;font-size:14px}
.sxr-ppl a>span{display:flex;flex-direction:column;min-width:0}
.sxr-n{font-weight:600;font-size:13.5px}
.sxr-ppl a:hover .sxr-n{color:var(--red)}
.sxr-empty p{margin:0 0 6px}
.sxr-empty a{color:var(--red)}
.sxr-box .sx-pop{top:calc(100% + 4px)}
@media (max-width:760px){
  .sx-kbd{display:none}
  .sxr-ppl{grid-template-columns:1fr}
  .sxr-rk{display:none}
  .sxr-form .btn{display:none}
}

/* Редакция */
.sxa-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.sxa-form input{flex:1;min-width:200px;height:38px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);padding:0 12px;font:inherit;color:var(--fg)}
.sxa-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.sxa-t{width:100%}
.sxa-t td{padding:5px 6px;border-top:1px solid var(--line);font-size:13px}
.sxa-t a{color:var(--fg)}
.sxa-t .num{text-align:right;color:var(--muted)}
.sxa-del{height:28px;padding:0 10px;font-size:12px}
@media (max-width:760px){.sxa-cols{grid-template-columns:1fr}}