/* Saved teams (teams.js, build 237): the same row on every team pick screen. It takes its colours
   from the screen it sits on (the glow look's chips, the arena's own dark look). */
.tm-bar{--tm-chip:var(--c-chip,rgba(255,255,255,.07));--tm-edge:var(--c-chip-edge,rgba(255,255,255,.14));--tm-ink:var(--c-text,#f4efe3);--tm-ink2:var(--c-text2,#cfc6dd);
  --tm-on:var(--c-accent,#7aefec);--tm-on-ink:var(--c-accent-text,#7aefec);--tm-field:var(--c-input,rgba(0,0,0,.25));
  display:flex;flex-direction:column;gap:6px;margin:10px 0 2px;min-width:0;text-align:left}
.tm-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:0 2px}
.tm-title{font-size:12px;font-weight:700;color:var(--tm-ink2)}
.tm-hint{font-size:11.5px;color:var(--tm-ink2);opacity:.85}
.tm-row{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
.tm-row::-webkit-scrollbar{display:none}
.tm-bar .tm-chip{flex:none;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:4px;min-width:104px;min-height:66px;margin:0;
  padding:8px 10px;border-radius:14px;border:1px solid var(--tm-edge);background:var(--tm-chip);color:var(--tm-ink);font:inherit;text-align:left;cursor:pointer;box-shadow:none;
  transition:transform .12s ease-out,border-color .2s}
.tm-bar .tm-chip:active{transform:scale(.97)}
.tm-bar .tm-chip.is-on{border-color:var(--tm-on);box-shadow:inset 0 0 0 1px var(--tm-on)}
.tm-name{font-size:12.5px;font-weight:700;line-height:1.2;max-width:15ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm-chip.is-on .tm-name::before{content:'✓ ';color:var(--tm-on-ink)}
.tm-pals{display:flex;gap:2px;align-items:flex-end;min-height:34px}
.tm-pal{width:34px;height:34px;image-rendering:pixelated}
.tm-pal.is-gone{opacity:.3;filter:grayscale(1)}
.tm-pals small{font-size:11px;color:var(--tm-ink2);white-space:nowrap}
.tm-chip.is-empty{opacity:.65}
.tm-bar .tm-add{align-items:center;justify-content:center;text-align:center;border-style:dashed;background:transparent}
.tm-plus{font-size:24px;font-weight:300;line-height:1;color:var(--tm-on-ink)}
.tm-add.is-full .tm-plus{font-size:11px;color:var(--tm-ink2);max-width:14ch;white-space:normal}
.tm-edit{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:14px;border:1px solid var(--tm-edge);background:var(--tm-chip)}
.tm-bar .tm-input{width:100%;min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--tm-edge);background:var(--tm-field);color:var(--tm-ink);font:inherit;font-size:16px}
.tm-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.tm-bar .tm-act{min-height:40px;margin:0;padding:0 14px;border-radius:999px;border:1px solid var(--tm-edge);background:transparent;color:var(--tm-ink);font:inherit;font-size:13px;cursor:pointer;box-shadow:none;width:auto}
.tm-bar .tm-act.tm-done{margin-left:auto;background:var(--tm-on);color:#fff;border-color:transparent;font-weight:600}
.tm-bar .tm-act.tm-del{color:#d9535f}
.tm-bar .tm-chip:focus-visible,.tm-bar .tm-act:focus-visible{outline:2px solid var(--tm-on-ink);outline-offset:2px}
/* the arena's own dark look */
#arena-dialog .tm-bar{--tm-chip:rgba(255,255,255,.05);--tm-edge:var(--ar-rim);--tm-ink:var(--ar-ink);--tm-ink2:var(--ar-ink2);--tm-on:var(--ar-glow);--tm-on-ink:var(--ar-glow);--tm-field:#0b1024;margin:0}
#arena-dialog .tm-bar .tm-act.tm-done{color:#06141f}
html.glow #arena-dialog .tm-bar .tm-input{background-color:#0b1024!important;color:var(--ar-ink)!important;border-color:var(--ar-rim)!important;box-shadow:none!important}
@media (prefers-reduced-motion:reduce){.tm-bar .tm-chip{transition:none}.tm-bar .tm-chip:active{transform:none}}