/* ============================================================
   Just Ball · Modo Teste do Jordan (15/10/2026). js/teste.js
   Prefixo ts- em tudo. O resto vem do design system do app (.seg, .aj, .sec).
   ============================================================ */
/* Visualização (21/10/2026): título com olho à direita, trilho rolável de chips,
   nunca quebra linha; o chip encaixa por snap e o último ganha o respiro da página */
.ts-t{display:inline-flex;align-items:center;gap:9px}
.ts-eye{width:20px;height:20px;flex:none;fill:none;stroke:var(--lime);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:translateY(-1px)}
.ts-rail{flex-wrap:nowrap;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.ts-rail .chip{height:44px;padding:0 18px;scroll-snap-align:start;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .15s var(--e)}
.ts-rail .chip:active{transform:scale(.97)}
.ts-rail .chip[data-tsmodo="god"]{border-color:rgba(197,255,26,.45);color:var(--lime)}
@media (hover:hover) and (pointer:fine){.ts-rail .chip:hover{border-color:rgba(255,255,255,.22)}.ts-rail .chip[data-tsmodo="god"]:hover{background:var(--lime-dim)}}
.ts-rail .chip:focus-visible{outline:2px solid var(--lime);outline-offset:2px}

/* botão flutuante: borda direita, no meio da altura, longe das abas, do sino e da barra do check-in */
.ts-fab{position:absolute;right:calc(10px + env(safe-area-inset-right));top:46%;z-index:40;
  height:30px;padding:0 11px;border-radius:var(--rp);background:rgba(10,10,10,.88);border:1px solid rgba(197,255,26,.55);
  color:var(--lime);font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.5);transition:transform .15s var(--e),background .2s}
.ts-fab:active{transform:scale(.95)}
@media (hover:hover){.ts-fab:hover{background:rgba(197,255,26,.14)}}
.glayer:not([hidden]) ~ .ts-fab,.tour:not([hidden]) ~ .ts-fab,html.jbs-on .ts-fab{display:none}

.ts-nota{font-size:13px;color:var(--mute);margin:-4px 0 14px}
.ts-row[disabled]{opacity:.45;cursor:not-allowed}

/* linhas de exemplo do ranking (só quando a lista estava vazia) */
.ts-amostra{position:relative;padding-top:22px}
.ts-amostra::before{content:"Exemplo de teste";position:absolute;top:0;left:2px;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}