/* ti-search (itorrents-search-v1): живой поиск в шапке и окно «Поиск по сайту» - все стили списка в одном файле (вместо правил .ls-* в styles.css); срок у даты выхода на странице игры (rd.js) */
.ls-drop{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:440px;max-width:calc(100vw - 24px);overflow:hidden;text-align:left;background:var(--aboutwindowbgk);border:1px solid var(--hrcolor);border-radius:12px;box-shadow:0 16px 38px rgba(0, 0, 0, .25)}
.srch__live{margin:10px -6px 0;text-align:left}
.ls-it{display:flex;align-items:center;gap:12px;padding:8px 12px;color:var(--linkcolor) !important;text-decoration:none !important;border-radius:8px}
.ls-drop .ls-it{border-radius:0}
.ls-it:hover,.ls-it.is-on{background:var(--updatedbgk0)}
.theme-dark .ls-it:hover,.theme-dark .ls-it.is-on{background:rgba(255, 255, 255, .05)}
.ls-it img,.ls-noimg{flex:none;width:38px;height:54px;object-fit:cover;background:rgba(127, 127, 127, .2);border-radius:4px}
.ls-tx{flex:1;min-width:0}
.ls-tx b{display:block;overflow:hidden;color:var(--h1color);white-space:nowrap;text-overflow:ellipsis}
.ls-tx b mark{padding:0;color:inherit;background:rgba(124, 179, 66, .3);border-radius:2px}
.theme-dark .ls-tx b mark{background:rgba(26, 159, 204, .32)}
.ls-tx small{display:block;margin-top:3px;color:var(--profiletxtcolor);font-size:12.5px}
.ls-all{padding:10px 14px;color:var(--acc-link) !important;font-size:13.5px;text-align:center;text-decoration:none !important;border-top:1px solid var(--hrcolor)}
.ls-none{padding:16px 14px;color:var(--profiletxtcolor);font-size:13.5px;text-align:center}
.ls-sec{color:var(--profiletxtcolor);text-transform:uppercase}
.ls-recent a{display:flex;align-items:center;gap:10px;padding:7px 14px;color:var(--linkcolor) !important;font-size:14px;text-decoration:none !important}
.ls-recent a:hover{background:var(--updatedbgk0)}
.ls-recent svg{width:15px;height:15px;opacity:.55}
.ls-recent svg *{color:inherit}
.ls-chips{display:flex;flex-wrap:wrap;gap:6px}
.ls-chips a{padding:4px 10px;color:var(--linkcolor) !important;font-size:13px;text-decoration:none !important;background:var(--updatedbgk0);border:1px solid transparent;border-radius:14px;transition:border-color .15s}
.theme-dark .ls-chips a{background:rgba(255, 255, 255, .06)}
.ls-chips a:hover{border-color:#7cb342}
.theme-dark .ls-chips a:hover{border-color:#1a9fcc}
@media (max-width: 600px){.ls-drop{left:0;right:0;width:auto;max-height:70vh;overflow-y:auto}}
.ls-v{display:inline-flex;align-items:center;gap:4px;color:#4f8a1c;white-space:nowrap}
.theme-dark .ls-v{color:#3db4ea}
.ls-v svg{flex:none;width:12px;height:12px}
.ls-v *{color:inherit}
.ls-drop[hidden],.srch__live[hidden]{display:none}
/* список: высота - до низа экрана (--ls-max ставит скрипт), мягкая полоса прокрутки */
.ls-drop{max-height:min(700px, var(--ls-max, calc(100vh - 150px)));overflow-y:auto;overscroll-behavior:contain;padding-bottom:4px}
.srch__live{max-height:min(520px, var(--ls-max, calc(100vh - 290px)));overflow-y:auto;overscroll-behavior:contain}
.ls-drop::-webkit-scrollbar,.srch__live::-webkit-scrollbar{width:10px;background:transparent}
.ls-drop::-webkit-scrollbar-track,.srch__live::-webkit-scrollbar-track{margin:10px 0;background:transparent}
.ls-drop::-webkit-scrollbar-button,.srch__live::-webkit-scrollbar-button{display:none;width:0;height:0}
.ls-drop::-webkit-scrollbar-thumb,.srch__live::-webkit-scrollbar-thumb{min-height:40px;background-color:rgba(60, 70, 50, .16);background-clip:padding-box;border:3px solid transparent;border-radius:10px}
.ls-drop::-webkit-scrollbar-thumb:hover,.srch__live::-webkit-scrollbar-thumb:hover{background-color:rgba(94, 154, 42, .5)}
.theme-dark .ls-drop::-webkit-scrollbar-thumb,.theme-dark .srch__live::-webkit-scrollbar-thumb{background-color:rgba(200, 215, 235, .13)}
.theme-dark .ls-drop::-webkit-scrollbar-thumb:hover,.theme-dark .srch__live::-webkit-scrollbar-thumb:hover{background-color:rgba(51, 201, 236, .45)}
@supports not selector(::-webkit-scrollbar){.ls-drop,.srch__live{scrollbar-width:thin;scrollbar-color:rgba(60, 70, 50, .2) transparent}
.theme-dark .ls-drop,.theme-dark .srch__live{scrollbar-color:rgba(200, 215, 235, .16) transparent}}
/* тёмная тема: окно светлее страницы - как поднятая над ней панель; серый текст - светлее, чтобы читался на этом фоне */
.theme-dark .ls-drop{--profiletxtcolor:#a3aab5;background:#3a4351;border-color:rgba(255, 255, 255, .09);box-shadow:0 18px 44px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .2)}
.theme-dark .ls-drop .ls-it:hover,.theme-dark .ls-drop .ls-it.is-on,.theme-dark .ls-drop .ls-recent .ls-rq:hover,.theme-dark .ls-drop .ls-recent .ls-rq.is-on{background:rgba(255, 255, 255, .07)}
.theme-dark .ls-drop .ls-chips a{background:rgba(255, 255, 255, .08)}
.theme-dark .ls-drop .ls-all{border-top-color:rgba(255, 255, 255, .08)}
/* заголовки разделов */
.ls-sec{display:flex;align-items:center;gap:6px;padding:12px 14px 6px;font-size:11.5px;font-weight:600;letter-spacing:.07em;line-height:16px}
.ls-sec svg{flex:none;width:13px;height:13px}
.ls-sec *,.ls-sec svg *{color:inherit}
.ls-drop>.ls-sec:not(:first-child),.ls-drop>.ls-none+.ls-sec{margin-top:6px;padding-top:12px;border-top:1px solid var(--hrcolor)}
.theme-dark .ls-drop>.ls-sec:not(:first-child){border-top-color:rgba(255, 255, 255, .08)}
.ls-sec__r{margin-left:auto}
button.ls-sec__r{padding:0;color:var(--acc-link);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;background:none;border:0;cursor:pointer}
button.ls-sec__r:hover{text-decoration:underline}
/* строки */
.ls-drop .ls-it{padding:8px 14px}
.ls-hot .ls-it{padding-top:6px;padding-bottom:6px}
.ls-hot .ls-it img,.ls-hot .ls-noimg{width:34px;height:48px}
.ls-tx small{overflow:hidden;line-height:16px;white-space:nowrap;text-overflow:ellipsis}
.ls-tx small .ls-cd{vertical-align:0}
/* значки - по середине цифр и заглавных букв рядом (замерено по самому рисунку значка и букв, шрифт Arial) */
.ls-tx small .ls-v{display:inline}
.ls-tx small .ls-v svg{display:inline-block;margin-right:4px;vertical-align:-1.5px}
/* «Вы искали» */
.ls-recent .ls-rq{position:relative;padding-right:44px}
/* часики - по центру колонки обложек, текст - на одной линии с названиями игр ниже */
.ls-drop .ls-recent .ls-rq{gap:12px}
.ls-drop .ls-recent .ls-rq>svg{position:relative;top:.75px;flex:none;margin:0 9.5px}
.ls-recent .ls-rq span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ls-recent .ls-rq.is-on{background:var(--updatedbgk0)}
.theme-dark .ls-recent .ls-rq:hover,.theme-dark .ls-recent .ls-rq.is-on{background:rgba(255, 255, 255, .05)}
.ls-rx{position:absolute;right:5px;top:50%;display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin-top:-13px;padding:0;color:var(--profiletxtcolor);font-size:18px;line-height:1;background:none;border:0;border-radius:6px;cursor:pointer;opacity:.55;transition:opacity .15s, color .15s, background-color .15s}
.ls-rq:hover .ls-rx,.ls-rq.is-on .ls-rx{opacity:1}
/* крестик - рисунком, а не буквой «×»: у буквы в разных шрифтах своя высота, рисунок всегда ровно по центру кнопки */
.ls-rx svg{display:block;width:14px;height:14px}
.ls-rx svg *{color:inherit}
.ls-rx:hover{color:#e5484d;background:rgba(127, 127, 127, .14)}
@media (hover: none){.ls-rx{opacity:1}}
/* число поисков за сутки */
.ls-heat{flex:none;margin-left:auto;color:var(--h1color);font-size:13px;line-height:16px;white-space:nowrap;font-variant-numeric:tabular-nums}
.ls-heat svg{display:inline-block;width:14px;height:14px;margin-right:3px;vertical-align:-3.5px;color:var(--profiletxtcolor);opacity:.65}
.ls-heat svg *{color:inherit}
.ls-heat.is-top,.ls-heat.is-top svg{color:#e5533d;opacity:1}
.theme-dark .ls-heat.is-top,.theme-dark .ls-heat.is-top svg{color:#ff7a63}
/* срок выхода в строке */
.ls-cd,.rd-cd{display:inline-block;padding:0 7px;font-size:12px;line-height:16px;white-space:nowrap;color:#3f7d12;background:#eef6e3;border:1px solid #cfe5b2;border-radius:999px}
.ls-cd--soon,.rd-cd.ls-cd--soon{color:#b05a00;background:#fdf1e1;border-color:#f3d3a6}
.ls-cd--far,.rd-cd.ls-cd--far{color:#6f747b;background:#f1f2f4;border-color:#dfe2e6}
.theme-dark .ls-cd,.theme-dark .rd-cd{color:#4fd0f0;background:rgba(51, 201, 236, .1);border-color:rgba(51, 201, 236, .3)}
.theme-dark .ls-cd--soon,.theme-dark .rd-cd.ls-cd--soon{color:#ffb44f;background:rgba(255, 170, 60, .1);border-color:rgba(255, 170, 60, .32)}
.theme-dark .ls-cd--far,.theme-dark .rd-cd.ls-cd--far{color:#a3aab5;background:rgba(255, 255, 255, .05);border-color:rgba(255, 255, 255, .13)}
/* «Часто ищут» */
.ls-chips{padding:4px 14px 12px}
.ls-chips a{display:inline-flex;align-items:center;gap:5px}
.ls-chips svg{width:12px;height:12px;opacity:.5}
.ls-chips svg *{color:inherit}
/* раскладка, «Ничего не нашлось», «Все результаты» */
.ls-fix{padding:10px 14px 2px;color:var(--profiletxtcolor);font-size:13px}
.ls-fix b{color:var(--h1color)}
.ls-fix a{color:var(--acc-link) !important}
.ls-none{line-height:1.45}
.ls-none b{display:block;margin-bottom:3px;color:var(--h1color);font-size:14.5px}
.ls-all{display:flex;justify-content:center;gap:6px;white-space:nowrap}
.ls-all__t{overflow:hidden;text-overflow:ellipsis;min-width:0}
.ls-all *{color:inherit}
.ls-all span+span{flex:none;opacity:.75}
.ls-all span:last-child{opacity:1}
/* окно «Поиск по сайту»: разделы - как «Вы искали» этого окна */
.srch__live .ls-sec{gap:5px;margin:14px 0 8px;padding:0 6px;font-size:12px;font-weight:700;letter-spacing:.06em}
.srch__live .ls-sec:first-child{margin-top:6px}
/* названия игр в списке поиска - системным шрифтом (на Windows Segoe UI полужирный: Arial в полужирном только жирный и тяжёлый); остальное - шрифт сайта */
.ls-tx b,.ls-tx b *{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.ls-tx b{font-size:15px;font-weight:600}
/* окно «Поиск по сайту»: пустое «Вы искали» («Здесь появятся ваши запросы») не показывать - сразу «Сегодня ищут» */
.srch__recent:has(.srch__empty){display:none}
.srch__recent:has(.srch__empty)+.srch__live>.ls-sec:first-child{margin-top:12px}
.srch__live .ls-chips{padding:0 6px 4px}
.srch__live .ls-chips a{padding:5px 11px;border:1px solid var(--textareaborderzar);border-radius:999px}
.srch__live .ls-chips a:hover{border-color:#7cb342}
.theme-dark .srch__live .ls-chips a{background:var(--updatedbgk0)}
.theme-dark .srch__live .ls-chips a:hover{border-color:#1a9fcc}
.srch__live .ls-it{padding:7px 6px}
.srch__live .ls-hot .ls-it{padding-top:5px;padding-bottom:5px}
.srch__recent+.srch__live{margin-top:2px}
/* «Очистить» у «Вы искали» окна - отзывается на наведение, как «Очистить» в списке под полем */
.srch__clear:hover,.srch__clear:focus-visible{text-decoration:underline;text-underline-offset:2px}
.srch__live .ls-none--s,.srch__live .ls-fix{padding-left:6px;padding-right:6px}
/* «Часто ищут»: первые три - красные, как огонёк у «Сегодня ищут» */
.ls-chips a.is-hot,.srch__live .ls-chips a.is-hot{background:rgba(229, 83, 61, .09);border-color:rgba(229, 83, 61, .2)}
.ls-chips a.is-hot svg{color:#e5533d;opacity:1}
.ls-chips a.is-hot:hover,.srch__live .ls-chips a.is-hot:hover{border-color:rgba(229, 83, 61, .6)}
.theme-dark .ls-chips a.is-hot,.theme-dark .srch__live .ls-chips a.is-hot{background:rgba(255, 99, 77, .13);border-color:rgba(255, 99, 77, .22)}
.theme-dark .ls-chips a.is-hot svg{color:#ff7a63}
.theme-dark .ls-chips a.is-hot:hover,.theme-dark .srch__live .ls-chips a.is-hot:hover{border-color:rgba(255, 99, 77, .65)}
/* «Разделы»: число игр в разделе */
.ls-cats{padding-bottom:6px}
.ls-cat i{margin-left:2px;font-size:12px;font-style:normal;opacity:.6}
/* раздел - ссылка на раздел сайта, а не запрос: в цвете сайта, чтобы отличался от меток «Часто ищут» */
.ls-chips.ls-cats a.ls-cat{background:rgba(111, 174, 47, .1);border-color:rgba(111, 174, 47, .3)}
.ls-chips.ls-cats a.ls-cat svg{color:#5e9a2a;opacity:1}
.ls-chips.ls-cats a.ls-cat:hover,.ls-chips.ls-cats a.ls-cat.is-on{background:rgba(111, 174, 47, .16);border-color:#7cb342}
.theme-dark .ls-cats a.ls-cat{background:rgba(51, 201, 236, .1);border-color:rgba(51, 201, 236, .3)}
.theme-dark .ls-cats a.ls-cat svg{color:#33c9ec}
.theme-dark .ls-cats a.ls-cat:hover,.theme-dark .ls-cats a.ls-cat.is-on{background:rgba(51, 201, 236, .16);border-color:#1a9fcc}
.ls-none--s{padding:6px 14px 12px;font-size:13px;text-align:left}
/* подсказка клавиш внизу (только компьютер) */
.ls-keys{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px;padding:9px 14px 6px;color:var(--profiletxtcolor);font-size:12px;border-top:1px solid var(--hrcolor)}
.theme-dark .ls-drop .ls-keys{border-top-color:rgba(255, 255, 255, .08)}
.ls-keys span{display:inline-flex;align-items:center;gap:4px}
.ls-keys kbd{min-width:9px;padding:0 5px;color:var(--profiletxtcolor);font:11px/16px Arial, sans-serif;text-align:center;border:1px solid var(--hrcolor);border-radius:4px}
.theme-dark .ls-keys kbd{border-color:rgba(255, 255, 255, .14)}
@media (hover: none){.ls-keys{display:none}}
/* заготовка строк, пока идёт ответ */
.ls-sk{display:flex;align-items:center;gap:12px;padding:8px 14px}
.ls-sk i,.ls-sk b{background:linear-gradient(90deg, rgba(127, 127, 127, .13) 25%, rgba(127, 127, 127, .24) 50%, rgba(127, 127, 127, .13) 75%);background-size:200% 100%;animation:ls-sh 1.1s linear infinite}
.ls-sk i{flex:none;width:38px;height:54px;border-radius:4px}
.ls-sk span{flex:1}
.ls-sk b{display:block;height:11px;margin:5px 0;border-radius:6px}
.ls-sk b+b{width:38%;height:9px}
@keyframes ls-sh{from{background-position:100% 0}to{background-position:-100% 0}}
/* плавное появление окна и обложек */
@keyframes ls-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
html.ls-anim .ls-drop:not([hidden]){animation:ls-in .16s ease-out}
html.ls-anim .ls-it img{opacity:0;transition:opacity .25s}
html.ls-anim .ls-it img.is-ld{opacity:1}
@media (prefers-reduced-motion: reduce){html.ls-anim .ls-drop:not([hidden]),.ls-sk i,.ls-sk b{animation:none}}
/* дата выхода на странице игры: дата - жирным, рядом плашка срока (цвета - как у срока в строках поиска) */
.rd-date{font-weight:700}
.rd-cd{margin-left:10px;padding:1px 11px;font-size:13.5px;line-height:20px;vertical-align:1px}
.rd-note{margin-left:8px;color:var(--profiletxtcolor);font-size:13.5px}
/* телефон */
@media (max-width: 600px){.ls-sk,.ls-drop .ls-none--s,.ls-drop .ls-fix{padding-left:12px;padding-right:12px}
.ls-drop{max-width:none;border-radius:12px}
.ls-drop .ls-it,.ls-recent a{padding-left:12px;padding-right:12px}
.ls-sec{padding-left:12px;padding-right:12px}
.ls-chips{padding-left:12px;padding-right:12px}
.ls-recent .ls-rq{padding-right:44px}
.ls-rx{width:32px;height:32px;margin-top:-16px;right:0}
.ls-chips a{padding:6px 11px}
.rd-cd{margin-left:6px;padding:1px 9px;font-size:13px}}