.filters{ display:flex; gap:9px; flex-wrap:wrap; align-items:center; position:relative; z-index:40; margin:14px 20px; padding:12px 14px;
    background:var(--panel); backdrop-filter:blur(18px) saturate(160%); -webkit-backdrop-filter:blur(18px) saturate(160%);
    border:.5px solid var(--border); border-radius:14px; box-shadow:var(--glass-edge); font-size:13px; }
  .filters select, .filters input[type=number]{ appearance:none; -webkit-appearance:none; background:var(--field);
    color:var(--text); border:.5px solid var(--border); border-radius:8px; padding:6px 9px; font:inherit; outline:none; transition:.12s; }
  .filters select{ padding-right:26px; cursor:pointer;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%238a8a8e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat:no-repeat; background-position:right 9px center; }
  .filters select:focus, .filters input:focus{ border-color:var(--accent); box-shadow:0 0 0 3px var(--ring); }
  /* кастомный дропдаун игр с логотипами */
  .gsel{ position:relative; display:inline-block; }
  .gsel-btn{ display:inline-flex; align-items:center; gap:8px; min-width:130px; background:var(--field);
    color:var(--text); border:.5px solid var(--border); border-radius:8px; padding:5px 10px; font:inherit;
    font-weight:400; cursor:pointer; box-shadow:none; }
  .gsel-btn:hover{ background:var(--field); }
  .gsel-face{ display:inline-flex; align-items:center; gap:7px; }
  .gsel-chev{ margin-left:auto; color:var(--muted); font-size:11px; }
  .gmini{ height:18px; width:auto; border-radius:3px; display:block; box-shadow:0 1px 2px rgba(0,0,0,.25); }
  .gall{ font-weight:500; }
  .gsel-menu{ position:absolute; top:calc(100% + 6px); left:0; z-index:80; min-width:210px; display:none;
    background:var(--popup); border:.5px solid var(--border); border-radius:12px; padding:6px;
    box-shadow:var(--shadow),var(--glass-edge); backdrop-filter:blur(20px) saturate(180%);
    -webkit-backdrop-filter:blur(20px) saturate(180%); }
  .gsel-menu.open{ display:block; }
  .gsel-opt{ display:flex; align-items:center; gap:11px; padding:8px 10px; border-radius:8px; cursor:pointer; font-size:14px; }
  .gsel-opt:hover{ background:var(--hover); }
  .gsel-opt.sel{ background:var(--accent-soft); }
  .gsel-opt .gmini{ height:30px; border-radius:4px; }
  .gsel-opt span{ font-weight:500; text-transform:capitalize; }
  .gsel-opt .gall{ text-transform:none; }
  .filters > label{ display:inline-flex; align-items:center; gap:5px; color:var(--muted); }
  .filters .tchk{ font-size:12px; color:var(--text); display:inline-flex; align-items:center; gap:5px;
    background:var(--field); border:.5px solid var(--border); border-radius:20px; padding:4px 10px; cursor:pointer; }
  .filters .tchk input{ width:auto; margin:0; accent-color:var(--accent); }
  input[type=checkbox]{ accent-color:var(--accent); }
  /* выдвижной блок типов CS2 (t97984018) */
  .types-wrap{ display:inline-flex; align-items:center; gap:7px; flex-wrap:wrap; }
  .types-row{ display:none; align-items:center; gap:7px; flex-wrap:wrap; }
  .types-row.open{ display:inline-flex; }
  #types-toggle{ font-size:12px; padding:4px 10px; white-space:nowrap; }
  /* тумблер направления пары S1/S2 (t88940082): → строго / ↔ обе стороны */
  #dir-toggle{ font-size:14px; line-height:1; padding:3px 9px; background:var(--field); color:var(--text);
    border:.5px solid var(--border); border-radius:8px; cursor:pointer; }
  #dir-toggle:hover{ color:var(--accent); border-color:var(--accent); }
  .count{ color:var(--muted); font-variant-numeric:tabular-nums; }

  .gate{ margin:14px 20px; padding:13px 16px; background:var(--panel); backdrop-filter:blur(18px) saturate(160%);
    border:.5px solid var(--border); border-radius:14px; box-shadow:var(--glass-edge); }

  .tablewrap{ margin:14px 20px 40px; background:var(--panel-solid); border:.5px solid var(--border);
    border-radius:16px; box-shadow:var(--shadow),var(--glass-edge); overflow:hidden; }
  .scroll{ max-height:78vh; overflow:auto; }
  table{ width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
  thead th{ position:sticky; top:0; z-index:2; background:var(--panel-solid); backdrop-filter:blur(12px);
    text-align:left; font-weight:600; font-size:11px; letter-spacing:.3px; text-transform:uppercase;
    color:var(--muted); padding:10px 12px; border-bottom:.5px solid var(--border); white-space:nowrap; }
  tbody td{ padding:10px 12px; border-bottom:.5px solid var(--hair); white-space:nowrap; }
  tbody tr:last-child td{ border-bottom:0; }
  tbody tr{ transition:background .1s; }
  tbody tr:hover td{ background:var(--hover); }
  /* числовые колонки — вправо (по классу, чтобы переживало скрытие колонок) */
  th.num, td.num{ text-align:right; }
  td:first-child{ font-weight:500; }
  .pos{ color:var(--green); font-weight:600; }
  .gameico{ width:26px; height:26px; object-fit:cover; border-radius:6px; display:block; box-shadow:0 1px 2px rgba(0,0,0,.25); }
  /* .src-face/.srcico/.src-badge — единый стиль источника в _base.html (t47443165) */
  .tag{ display:inline-block; font-size:11px; font-weight:500; padding:2px 8px; border-radius:20px; line-height:1.5; }
  .nocash{ background:var(--warn-bg); color:var(--warn-fg); }
  .hold{ background:var(--hold-bg); color:var(--hold-fg); }
  .snipe{ background:var(--green-bg); color:var(--green); font-weight:600; }
  .masked{ color:var(--muted); font-style:italic; }
  /* демо-тизер анониму (go-live): дорогие сделки размыто, профит/маржа настоящие */
  .teaser td{ cursor:pointer; }
  .teaser .blurred{ filter:blur(4.5px); user-select:none; pointer-events:none; }
  .teaser:hover td{ background:var(--accent-soft); }
  .cta-row td{ text-align:center; padding:12px; background:var(--accent-soft); font-size:13px; cursor:pointer; }
  .gate .lp-cta-demo{ margin-top:10px; display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
  /* кликабельная цена -> попап всех цен по площадкам (t89043361) */
  .prices-cell{ cursor:pointer; border-bottom:1px dashed transparent; }
  .prices-cell:hover{ color:var(--accent); border-bottom-color:var(--accent); }
  /* сортировка по клику + плотность (t89107924) */
  th.sortable{ cursor:pointer; user-select:none; }
  th.sortable:hover{ color:var(--text); }
  th .sind{ font-size:9px; margin-left:3px; color:var(--accent); }
  table.dense thead th{ padding:6px 10px; }
  table.dense tbody td{ padding:5px 10px; font-size:12.5px; }
  table.dense .gameico{ width:20px; height:20px; }
  table.dense .srcico, table.dense .src-badge{ width:16px; height:16px; }
  #density-btn{ font-size:12px; padding:4px 10px; }
  /* mobile (t83025025): уплотняем поля таблицы/фильтров, таблица скроллится по горизонтали */
  @media (max-width:560px){
    .filters{ margin:10px; padding:10px; gap:7px; }
    .tablewrap{ margin:10px 8px 28px; }
    thead th, tbody td{ padding:8px 9px; font-size:12px; }
  }
  /* 360px: ещё компактнее; кнопки строки фильтров не вылетают за экран (t11970489) */
  @media (max-width:400px){
    .filters{ margin:8px 6px; padding:8px; gap:6px; }
    .tablewrap{ margin:8px 6px 24px; }
    .filters select, .filters input[type=number]{ padding:5px 7px; font-size:12px; }
    .filters input[type=number]{ width:60px; }
  }