/* ==========================================================================
   Tier list maker — scoped to .tool-root[data-tool="tier-list-maker"]
   ========================================================================== */

.tool-root[data-tool="tier-list-maker"] { --tl-size: 76px; --tl-r: 12px; --tl-label-w: 118px; }
.tool-root[data-tool="tier-list-maker"] .tl { position: relative; }

/* ---------- top bar ---------- */
.tool-root[data-tool="tier-list-maker"] .tl-bar { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1rem; margin-bottom: 1rem; padding: .8rem; }
.tool-root[data-tool="tier-list-maker"] .tl-title-field { position: relative; flex: 1 1 280px; display: flex; align-items: center; min-width: 0; }
.tool-root[data-tool="tier-list-maker"] .tl-title-field .i { position: absolute; left: .8rem; color: var(--accent); pointer-events: none; }
.tool-root[data-tool="tier-list-maker"] .tl-title {
  width: 100%; padding: .55rem .9rem .55rem 2.4rem; border-radius: 12px; border: 1px solid transparent; background: rgba(0,0,0,.2);
  font-family: var(--font-display); font-weight: var(--display-weight); text-transform: var(--display-transform); letter-spacing: var(--display-spacing);
  font-size: clamp(1.05rem, 2.4vw, 1.35rem); color: var(--text); transition: border-color .2s, background .2s;
}
.tool-root[data-tool="tier-list-maker"] .tl-title:hover { border-color: var(--border); }
.tool-root[data-tool="tier-list-maker"] .tl-title:focus { outline: none; border-color: var(--accent); background: rgba(0,0,0,.35); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent); }
.tool-root[data-tool="tier-list-maker"] .tl-actions { display: flex; flex-wrap: wrap; gap: .4rem; }
.tool-root[data-tool="tier-list-maker"] .tl-names { flex-basis: 100%; align-items: center; margin: 0; }
.tool-root[data-tool="tier-list-maker"] .tl-names input { margin-top: 0; }

/* ---------- board ---------- */
.tool-root[data-tool="tier-list-maker"] .tl-board { display: grid; gap: 6px; }
.tool-root[data-tool="tier-list-maker"] .tl-row {
  --t: #999; --tt: #111;
  position: relative; display: grid; grid-template-columns: var(--tl-label-w) minmax(0, 1fr) 44px; min-height: calc(var(--tl-size) + 16px);
  border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border); overflow: hidden; animation: tl-in .35s var(--ease) both;
}
@keyframes tl-in { from { opacity: 0; transform: translateY(6px); } }
.tool-root[data-tool="tier-list-maker"] .tl-label {
  display: grid; place-items: center; padding: .4rem; text-align: center; cursor: default;
  background: linear-gradient(135deg, var(--t), color-mix(in srgb, var(--t) 70%, #000)); color: var(--tt);
  box-shadow: inset -1px 0 0 rgba(0,0,0,.25);
}
.tool-root[data-tool="tier-list-maker"] .tl-label-text { font-family: var(--font-display); font-weight: 900; font-size: 2rem; line-height: 1; text-transform: none; letter-spacing: 0; word-break: break-word; }
.tool-root[data-tool="tier-list-maker"] .tl-label-text.is-long { font-size: 1.25rem; }
.tool-root[data-tool="tier-list-maker"] .tl-label-text.is-xlong { font-size: .95rem; }
.tool-root[data-tool="tier-list-maker"] .tl-items {
  display: flex; flex-wrap: wrap; align-content: flex-start; gap: 6px; padding: 8px; min-width: 0; min-height: calc(var(--tl-size) + 16px);
  transition: background .2s, box-shadow .2s; border-radius: 0;
}
.tool-root[data-tool="tier-list-maker"] .tl-items:focus-visible { outline: 2px solid var(--accent); outline-offset: -3px; }
.tool-root[data-tool="tier-list-maker"] .tl-items.is-over { background: color-mix(in srgb, var(--t) 12%, transparent); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--t) 60%, transparent); }
.tool-root[data-tool="tier-list-maker"] .tl-empty { display: flex; align-items: center; min-height: var(--tl-size); padding-left: .4rem; font-size: .82rem; color: var(--text-3); pointer-events: none; }
.tool-root[data-tool="tier-list-maker"].has-selection .tl-items, .tool-root[data-tool="tier-list-maker"] .tl.has-selection .tl-items { cursor: copy; }
.tool-root[data-tool="tier-list-maker"] .tl.has-selection .tl-items:hover { background: color-mix(in srgb, var(--t) 10%, transparent); }
.tool-root[data-tool="tier-list-maker"] .tl-gear { display: grid; place-items: center; color: var(--text-3); border-left: 1px solid var(--border); transition: color .2s, background .2s; }
.tool-root[data-tool="tier-list-maker"] .tl-gear:hover, .tool-root[data-tool="tier-list-maker"] .tl-gear[aria-expanded="true"] { color: var(--accent); background: rgba(255,255,255,.04); }

/* row editor */
.tool-root[data-tool="tier-list-maker"] .tl-editor {
  grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .8rem 1.2rem; align-items: flex-end; padding: .9rem; border-top: 1px dashed var(--border-strong);
  background: rgba(0,0,0,.2); animation: tl-in .25s var(--ease) both;
}
.tool-root[data-tool="tier-list-maker"] .tl-ed-field { display: grid; gap: .35rem; font-size: .78rem; font-weight: 700; color: var(--text-3); text-transform: uppercase; letter-spacing: .06em; }
.tool-root[data-tool="tier-list-maker"] .tl-ed-field .input { width: 150px; padding: .5rem .75rem; text-transform: none; letter-spacing: 0; font-size: .95rem; }
.tool-root[data-tool="tier-list-maker"] .tl-swatches { display: flex; flex-wrap: wrap; gap: .3rem; }
.tool-root[data-tool="tier-list-maker"] .tl-swatch { position: relative; width: 30px; height: 30px; border-radius: 8px; background: var(--c); border: 2px solid rgba(0,0,0,.3); transition: transform .15s var(--ease-spring); }
.tool-root[data-tool="tier-list-maker"] .tl-swatch:hover { transform: scale(1.12); }
.tool-root[data-tool="tier-list-maker"] .tl-swatch.is-on { box-shadow: 0 0 0 2px var(--surface-solid), 0 0 0 4px var(--c); }
.tool-root[data-tool="tier-list-maker"] .tl-swatch-custom { background: conic-gradient(#ff5f7e, #ffb347, #f5e063, #7fe0a0, #7fb8ff, #b692ff, #ff5f7e); overflow: hidden; cursor: pointer; }
.tool-root[data-tool="tier-list-maker"] .tl-swatch-custom input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; border: 0; padding: 0; }
.tool-root[data-tool="tier-list-maker"] .tl-ed-actions { display: flex; flex-wrap: wrap; gap: .3rem; margin-left: auto; }
.tool-root[data-tool="tier-list-maker"] [data-ed-up] .i { rotate: 180deg; }

.tool-root[data-tool="tier-list-maker"] .tl-add-row {
  display: flex; align-items: center; justify-content: center; gap: .5rem; width: 100%; min-height: 48px; margin-top: 6px; border-radius: var(--radius);
  border: 1.5px dashed var(--border-strong); color: var(--text-2); font-weight: 600; transition: .2s;
}
.tool-root[data-tool="tier-list-maker"] .tl-add-row:hover { color: var(--accent); border-color: var(--accent); background: color-mix(in srgb, var(--accent) 6%, transparent); }
.tool-root[data-tool="tier-list-maker"] .tl-add-row:disabled { opacity: .4; pointer-events: none; }

/* ---------- items ---------- */
.tool-root[data-tool="tier-list-maker"] .tl-item {
  --el: var(--accent);
  position: relative; display: grid; justify-items: center; gap: .2rem; width: var(--tl-size); flex: none; cursor: grab; touch-action: manipulation;
  user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; color: var(--text-2); font-size: .66rem; font-weight: 600; line-height: 1.15; text-align: center;
}
.tool-root[data-tool="tier-list-maker"] .tl-item-art {
  position: relative; display: block; width: 100%; aspect-ratio: 1; border-radius: var(--tl-r); overflow: hidden;
  background: radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--el) 45%, var(--surface-2)), var(--surface-solid));
  border: 2px solid color-mix(in srgb, var(--el) 45%, transparent); transition: transform .2s var(--ease-spring), border-color .2s, box-shadow .2s, opacity .2s;
}
.tool-root[data-tool="tier-list-maker"] .tl-item.r5 .tl-item-art { box-shadow: inset 0 -3px 0 var(--r5); }
.tool-root[data-tool="tier-list-maker"] .tl-item.r4 .tl-item-art { box-shadow: inset 0 -3px 0 var(--r4); }
.tool-root[data-tool="tier-list-maker"] .tl-item.r3 .tl-item-art { box-shadow: inset 0 -3px 0 var(--r3); }
.tool-root[data-tool="tier-list-maker"] .tl-item-art img { width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.tool-root[data-tool="tier-list-maker"] .tl-initial { display: grid; place-items: center; height: 100%; font-family: var(--font-display); font-size: 1.8rem; }
.tool-root[data-tool="tier-list-maker"] .tl-item-name { display: none; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tool-root[data-tool="tier-list-maker"] .tl.show-names .tl-item-name { display: block; }
.tool-root[data-tool="tier-list-maker"] .tl-item:hover .tl-item-art, .tool-root[data-tool="tier-list-maker"] .tl-item:focus-visible .tl-item-art { transform: translateY(-2px) scale(1.05); border-color: var(--el); box-shadow: 0 10px 22px -12px var(--el); }
.tool-root[data-tool="tier-list-maker"] .tl-item:focus-visible { outline: none; }
.tool-root[data-tool="tier-list-maker"] .tl-item:focus-visible .tl-item-art { outline: 2px solid var(--accent); outline-offset: 2px; }
.tool-root[data-tool="tier-list-maker"] .tl-item.is-selected .tl-item-art { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent), 0 0 24px -4px var(--glow); animation: tl-bob 1.2s var(--ease) infinite; }
@keyframes tl-bob { 50% { transform: translateY(-3px); } }
.tool-root[data-tool="tier-list-maker"] .tl-item.is-dragging { opacity: .3; }
.tool-root[data-tool="tier-list-maker"] .tl-item.is-before::before { content: ""; position: absolute; left: -5px; top: 4px; bottom: 4px; width: 3px; border-radius: 3px; background: var(--accent); box-shadow: 0 0 10px var(--accent); }
.tool-root[data-tool="tier-list-maker"] .tl-item.is-pop .tl-item-art { animation: tl-pop .45s var(--ease-spring); }
@keyframes tl-pop { 0% { transform: scale(.8); } 60% { transform: scale(1.08); } 100% { transform: none; } }
.tool-root[data-tool="tier-list-maker"] .tl-ghost {
  --el: var(--accent);
  position: fixed; left: 0; top: 0; z-index: 300; width: 68px; height: 68px; border-radius: 14px; overflow: hidden; pointer-events: none;
  border: 2px solid var(--el); background: var(--surface-solid); box-shadow: 0 18px 40px -10px rgba(0,0,0,.7), 0 0 26px -6px var(--el); rotate: -4deg;
}
.tool-root[data-tool="tier-list-maker"] .tl-ghost img { width: 100%; height: 100%; object-fit: cover; }
.tool-root[data-tool="tier-list-maker"] .tl.is-dragging { cursor: grabbing; }

/* ---------- pool ---------- */
.tool-root[data-tool="tier-list-maker"] .tl-pool { margin-top: 1.2rem; padding: 1rem; transition: border-color .2s, box-shadow .2s; }
.tool-root[data-tool="tier-list-maker"] .tl-pool.is-over { border-color: var(--accent); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent); }
.tool-root[data-tool="tier-list-maker"] .tl-pool-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem 1rem; margin-bottom: .6rem; }
.tool-root[data-tool="tier-list-maker"] .tl-pool-head .panel-title { margin: 0; font-size: 1rem; }
.tool-root[data-tool="tier-list-maker"] .tl-pool-head .search-field { flex: 0 1 300px; }
.tool-root[data-tool="tier-list-maker"] .tl-pool-head .input { padding-block: .55rem; }
.tool-root[data-tool="tier-list-maker"] .tl-count { font-family: var(--font-body); font-size: .75rem; font-weight: 600; color: var(--text-3); text-transform: none; letter-spacing: 0; }
.tool-root[data-tool="tier-list-maker"] .tl-filters { display: flex; flex-wrap: wrap; gap: .3rem 1rem; margin-bottom: .7rem; }
.tool-root[data-tool="tier-list-maker"] .tl-filters .filter-group { gap: .15rem; }
.tool-root[data-tool="tier-list-maker"] .tl-filters .filter-btn { height: 32px; padding: 0 .5rem; font-size: .8rem; }
.tool-root[data-tool="tier-list-maker"] .tl-rar-5.is-active { --el: var(--r5); } .tool-root[data-tool="tier-list-maker"] .tl-rar-4.is-active { --el: var(--r4); } .tool-root[data-tool="tier-list-maker"] .tl-rar-3.is-active { --el: var(--r3); }
.tool-root[data-tool="tier-list-maker"] .tl-pool-items { display: flex; flex-wrap: wrap; gap: 6px; min-height: calc(var(--tl-size) + 8px); max-height: min(52vh, 460px); overflow-y: auto; overscroll-behavior: contain; padding: 4px 2px; scrollbar-width: thin; }
.tool-root[data-tool="tier-list-maker"] .tl-pool-items:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.tool-root[data-tool="tier-list-maker"] .tl-pool-msg { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .6rem; margin: .4rem 0 0; color: var(--text-2); font-size: .9rem; }
.tool-root[data-tool="tier-list-maker"] .tl-pool-msg[hidden] { display: none; }
.tool-root[data-tool="tier-list-maker"] .tl-pool-msg .i { color: var(--accent); }

/* selection bar (tap to place) */
.tool-root[data-tool="tier-list-maker"] .tl-selbar {
  position: fixed; left: 50%; bottom: calc(16px + env(safe-area-inset-bottom)); translate: -50% 0; z-index: 100; display: flex; align-items: center; gap: .6rem;
  max-width: calc(100vw - 32px); padding: .45rem .5rem .45rem 1rem; border-radius: 999px; background: var(--surface-solid); border: 1px solid var(--accent);
  box-shadow: var(--shadow-lg), 0 0 30px -10px var(--glow); font-size: .88rem; font-weight: 600; animation: tl-in .25s var(--ease);
}
.tool-root[data-tool="tier-list-maker"] .tl-selbar[hidden] { display: none; }
.tool-root[data-tool="tier-list-maker"] .tl-selbar span { line-height: 1.3; }
@media (max-width: 480px) { .tool-root[data-tool="tier-list-maker"] .tl-selbar { border-radius: 16px; width: calc(100vw - 32px); } }

.tool-root[data-tool="tier-list-maker"] .tl-hint { display: flex; gap: .5rem; align-items: flex-start; margin: 1rem 0 0; font-size: .85rem; color: var(--text-3); }
.tool-root[data-tool="tier-list-maker"] .tl-hint .i { flex: none; margin-top: .15rem; color: var(--accent); }

/* ---------- responsive ---------- */
@media (max-width: 760px) {
  .tool-root[data-tool="tier-list-maker"] { --tl-size: 58px; --tl-label-w: 72px; --tl-r: 10px; }
  .tool-root[data-tool="tier-list-maker"] .tl-row { grid-template-columns: var(--tl-label-w) minmax(0, 1fr) 36px; }
  .tool-root[data-tool="tier-list-maker"] .tl-label-text { font-size: 1.5rem; }
  .tool-root[data-tool="tier-list-maker"] .tl-label-text.is-long { font-size: 1rem; }
  .tool-root[data-tool="tier-list-maker"] .tl-label-text.is-xlong { font-size: .75rem; }
  .tool-root[data-tool="tier-list-maker"] .tl-items { gap: 4px; padding: 6px; }
  .tool-root[data-tool="tier-list-maker"] .tl-pool-items { gap: 4px; max-height: 46vh; }
  .tool-root[data-tool="tier-list-maker"] .tl-actions { width: 100%; }
  .tool-root[data-tool="tier-list-maker"] .tl-actions .btn { flex: 1 1 auto; padding-inline: .7rem; font-size: .8rem; }
  .tool-root[data-tool="tier-list-maker"] .tl-actions .tl-reset { flex: none; }
  .tool-root[data-tool="tier-list-maker"] .tl-actions .tl-reset span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .tool-root[data-tool="tier-list-maker"] .tl-filters { flex-direction: column; gap: .3rem; }
  .tool-root[data-tool="tier-list-maker"] .tl-filters .filter-group { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .tool-root[data-tool="tier-list-maker"] .tl-filters .filter-btn { flex: none; }
  .tool-root[data-tool="tier-list-maker"] .tl-pool-head .search-field { flex: 1 1 100%; }
  .tool-root[data-tool="tier-list-maker"] .tl-ed-actions { margin-left: 0; }
  .tool-root[data-tool="tier-list-maker"] .tl-ed-actions .btn span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .tool-root[data-tool="tier-list-maker"] .tl-ed-actions .btn { padding: .5rem .65rem; }
}

/* ---------- per-game flourishes ---------- */
.theme-genshin .tool-root[data-tool="tier-list-maker"] .tl-row { background: linear-gradient(180deg, rgba(30, 40, 70, .78), rgba(20, 27, 48, .78)); border-color: rgba(227,199,142,.18); }
.theme-genshin .tool-root[data-tool="tier-list-maker"] .tl-label { box-shadow: inset -2px 0 0 rgba(227,199,142,.45); }
.theme-genshin .tool-root[data-tool="tier-list-maker"] .tl-label-text { font-weight: 700; text-shadow: 0 1px 0 rgba(255,255,255,.25); }
.theme-genshin .tool-root[data-tool="tier-list-maker"] { --tl-r: 10px 10px 18px 10px; }

.theme-hsr .tool-root[data-tool="tier-list-maker"] { --tl-r: 2px; }
.theme-hsr .tool-root[data-tool="tier-list-maker"] .tl-row, .theme-hsr .tool-root[data-tool="tier-list-maker"] .tl-add-row {
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)); border-radius: 3px;
  background: linear-gradient(135deg, rgba(40, 42, 80, .55), rgba(14, 16, 34, .7));
}
.theme-hsr .tool-root[data-tool="tier-list-maker"] .tl-item-art { clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px)); }
.theme-hsr .tool-root[data-tool="tier-list-maker"] .tl-label-text { font-weight: 700; letter-spacing: .04em; }
.theme-hsr .tool-root[data-tool="tier-list-maker"] .tl-swatch, .theme-hsr .tool-root[data-tool="tier-list-maker"] .tl-selbar { border-radius: 3px; }

.theme-zzz .tool-root[data-tool="tier-list-maker"] .tl-row { border: 2px solid #2e2e2e; box-shadow: 4px 4px 0 #000; background: #171717; border-radius: 10px; }
.theme-zzz .tool-root[data-tool="tier-list-maker"] .tl-label-text { font-weight: 400; font-style: italic; transform: skewX(-6deg); font-size: 2.3rem; }
.theme-zzz .tool-root[data-tool="tier-list-maker"] .tl-label-text.is-long { font-size: 1.4rem; }
.theme-zzz .tool-root[data-tool="tier-list-maker"] .tl-label-text.is-xlong { font-size: 1rem; }
.theme-zzz .tool-root[data-tool="tier-list-maker"] .tl-item-art { border-width: 2px; box-shadow: 3px 3px 0 #000 !important; }
.theme-zzz .tool-root[data-tool="tier-list-maker"] .tl-pool { border: 2px solid #2e2e2e; box-shadow: 6px 6px 0 #000; background: #171717; }
.theme-zzz .tool-root[data-tool="tier-list-maker"] .tl-selbar { border-radius: 8px; box-shadow: 4px 4px 0 #000; border-width: 2px; }

.theme-hi3 .tool-root[data-tool="tier-list-maker"] { --tl-r: 3px; }
.theme-hi3 .tool-root[data-tool="tier-list-maker"] .tl-row {
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px); border-radius: 4px;
  background: linear-gradient(160deg, rgba(60, 20, 50, .55), rgba(20, 10, 24, .72));
}
.theme-hi3 .tool-root[data-tool="tier-list-maker"] .tl-row::after { content: ""; position: absolute; left: var(--tl-label-w); right: 0; top: 0; height: 1px; background: linear-gradient(90deg, var(--accent), var(--accent-2), transparent); opacity: .6; pointer-events: none; }
.theme-hi3 .tool-root[data-tool="tier-list-maker"] .tl-item-art { clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); }
.theme-hi3 .tool-root[data-tool="tier-list-maker"] .tl-label-text { font-weight: 800; }

@media (prefers-reduced-motion: reduce) {
  .tool-root[data-tool="tier-list-maker"] *, .tool-root[data-tool="tier-list-maker"] *::before, .tool-root[data-tool="tier-list-maker"] *::after { animation: none !important; transition: none !important; }
}
/* entrance animation only on first paint (rows are re-rendered on every change) */
.tool-root[data-tool="tier-list-maker"] .tl.is-ready .tl-row { animation: none; }
.tool-root[data-tool="tier-list-maker"] .tl.is-ready .tl-editor { animation: none; }

/* ---------- shared tier list (read-only view, ?s= link) ---------- */
.tl-view { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .8rem 1.2rem; margin-bottom: 1rem; border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); background: linear-gradient(115deg, color-mix(in srgb, var(--accent) 14%, var(--surface-solid)), var(--surface)); }
.tl-view-text { min-width: 0; }
.tl-view-who { display: flex; align-items: center; gap: .5rem; margin: 0; font-size: 1rem; }
.tl-view-who > .i { flex: none; color: var(--accent); }
.tl-view-author { display: inline-flex; align-items: center; gap: .4rem; margin-left: .25rem; padding: .15rem .6rem .15rem .2rem; border-radius: 999px; background: rgba(255,255,255,.07); border: 1px solid var(--border); color: var(--text); vertical-align: middle; transition: border-color .2s, background .2s; }
.tl-view-author:hover { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 14%, transparent); }
.tl-view-author img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.tl-view-date { color: var(--text-3); font-size: .85rem; }
.tl-view-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.tl.is-view .tl-actions, .tl.is-view .tl-names, .tl.is-view .tl-add-row, .tl.is-view .tl-pool, .tl.is-view .tl-gear,
.tl.is-view .tl-hint, .tl.is-view .tl-selbar, .tl.is-view .tl-title-field > .i { display: none !important; }
.tl.is-view .tl-title { pointer-events: none; }
.tl.is-view button.tl-item { pointer-events: none; cursor: default; }
.tl.is-view a.tl-item { cursor: pointer; transition: transform .2s; }
.tl.is-view a.tl-item:hover, .tl.is-view a.tl-item:focus-visible { transform: translateY(-3px); }
.tl.is-view .tl-empty { visibility: hidden; }