.dupes-table-frame{--dupes-table-hover:color-mix(in srgb,var(--text)3%,var(--bg-elevated));--dupes-table-reported:color-mix(in srgb,var(--text)80%,#d97706);--dupes-table-confirmed:color-mix(in srgb,var(--text)76%,#ef4444);border:1px solid var(--border);background:var(--bg-elevated);border-radius:0;width:100%;min-width:0;overflow:visible;container-type:inline-size}.dupes-table-scroll{scrollbar-width:thin;scrollbar-color:var(--text-muted)var(--bg-elevated);scroll-padding-top:calc(var(--dupes-dock-top,4rem) + 3rem);scroll-padding-left:15.625rem;overflow:auto}.dupes-table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.dupes-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1062px;color:var(--text);font-size:.8125rem;line-height:1.4}.dupes-col-name{width:250px}.dupes-col-mutation{width:105px}.dupes-col-traits{width:230px}.dupes-col-status{width:124px}.dupes-col-votes{width:200px}.dupes-col-added{width:105px}.dupes-col-share{width:48px}.dupes-table th,.dupes-table td{box-sizing:border-box;text-align:left;vertical-align:middle;padding:12px 14px}.dupes-table thead th{z-index:3;background:color-mix(in srgb,var(--text)3%,var(--bg-elevated));height:44px;box-shadow:inset 0 -1px var(--border);color:var(--text-muted);white-space:nowrap;padding-top:0;padding-bottom:0;font-size:.6875rem;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.dupes-table thead th:first-child{z-index:4;box-shadow:inset -1px 0 var(--border),inset 0 -1px var(--border);left:0}.dupes-table-sort{min-height:36px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;margin-left:-6px;margin-right:-6px;padding:0 6px;transition:background .14s,color .14s;display:inline-flex}.dupes-table-sort svg{flex:none}.dupes-table th[aria-sort=ascending] .dupes-table-sort,.dupes-table th[aria-sort=descending] .dupes-table-sort{color:var(--text)}.dupes-table tbody tr{height:76px;scroll-margin-top:calc(var(--dupes-dock-top,4rem) + 3.25rem)}.dupes-table tbody th,.dupes-table tbody td{border-bottom:1px solid color-mix(in srgb,var(--border)80%,var(--bg-elevated));background:var(--bg-elevated);transition:background .14s}.dupes-table tbody tr:last-child>*{border-bottom:0}.dupes-table tbody th[scope=row]{z-index:2;box-shadow:inset -1px 0 var(--border);font-weight:400;position:-webkit-sticky;position:sticky;left:0}.dupes-table tbody tr:focus-within>*{background:var(--dupes-table-hover)}.dupes-table tbody tr.dupes-entry--focus-pulse>*{background:color-mix(in srgb,var(--accent)10%,var(--bg-elevated))}.dupes-table-identity{align-items:center;gap:11px;min-width:0;display:flex}.dupes-table-sprite{flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.dupes-table-name{flex-direction:column;gap:3px;min-width:0;display:flex}.dupes-table-name>span{overflow-wrap:anywhere;font-size:.875rem;font-weight:650;line-height:1.35}.dupes-table-name small,.dupes-table-status-source,.dupes-table-muted{color:var(--text-muted);font-size:.6875rem;font-weight:400;line-height:1.4}.dupes-table-frame .dupes-table .progress-mutation-pill.dupes-table-mutation{overflow-wrap:anywhere;cursor:default;border-radius:5px;max-width:100%;margin:0;padding:3px 7px;font-size:.6875rem;font-weight:600;line-height:1.4;color:var(--text)!important}.dupes-table .dupes-table-mutation:hover{filter:none}.dupes-table-traits{flex-wrap:wrap;align-items:center;gap:5px 3px;min-width:0;display:flex}.dupes-table-trait{flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.dupes-table-trait img{object-fit:contain;width:22px;height:22px;display:block}.dupes-table-status{background:color-mix(in srgb,#d97706 11%,var(--bg-elevated));color:var(--dupes-table-reported);white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:4px 6px;font-size:.6875rem;font-weight:600;display:inline-flex}.dupes-table-status.is-confirmed{background:color-mix(in srgb,#ef4444 11%,var(--bg-elevated));color:var(--dupes-table-confirmed)}.dupes-table-status.is-removed-by-game{background:color-mix(in srgb,var(--text)7%,var(--bg-elevated));color:var(--text-muted)}.dupes-table-status-source{margin-top:4px;padding-left:1px;display:block}.dupes-table .dupes-votes{flex-wrap:nowrap;gap:5px}.dupes-table .dupes-vote{border:1px solid var(--border);min-width:0;min-height:36px;color:var(--text-muted);white-space:nowrap;background:0 0;border-radius:6px;flex:1 1 0;gap:4px;padding:0 7px;font-size:.6875rem;font-weight:600;transition:background .14s,border-color .14s,color .14s}.dupes-table .dupes-vote svg{flex:0 0 13px;width:13px;height:13px}.dupes-table .dupes-vote>strong{color:var(--text);font-weight:650}.dupes-table .dupes-vote--dupe.is-on{border-color:color-mix(in srgb,var(--text)35%,#d97706);background:color-mix(in srgb,#d97706 11%,var(--bg-elevated));color:var(--dupes-table-reported)}.dupes-table .dupes-vote--not.is-on{border-color:var(--text-muted);background:color-mix(in srgb,var(--text)8%,var(--bg-elevated));color:var(--text);box-shadow:none}.dupes-table-added{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.6875rem}.dupes-table th:last-child,.dupes-table td:last-child{padding-left:6px;padding-right:6px}.dupes-table .dupes-copy-menu,.dupes-table .dupes-copy-menu--compact{z-index:auto;position:relative;top:auto;bottom:auto;left:auto;right:auto}.dupes-table .dupes-copy,.dupes-table .dupes-copy--card{width:34px;min-width:34px;height:36px;min-height:36px;color:var(--text-muted);background:0 0;border:1px solid transparent;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background .14s,border-color .14s,color .14s;display:inline-flex;position:static}.dupes-table .dupes-copy-popover{left:auto;right:0}.dupes-table button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dupes-table button:disabled{cursor:wait;opacity:.6}.dupes-table-frame.is-compact tbody tr{height:60px}.dupes-table-frame.is-compact tbody th,.dupes-table-frame.is-compact tbody td{padding-top:7px;padding-bottom:7px}.dupes-table-scroll-hint{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:6px;padding:9px 12px;font-size:.6875rem;line-height:1.4;display:none}.dupes-table-scroll-hint svg{transform:rotate(90deg)}.dupes-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (hover:hover){.dupes-table tbody tr:hover>*{background:var(--dupes-table-hover)}.dupes-table-sort:hover,.dupes-table .dupes-copy:hover,.dupes-table .dupes-vote:not(.is-on):hover{background:color-mix(in srgb,var(--text)6%,var(--bg-elevated));color:var(--text)}}@container (width<=1061px){.dupes-table-scroll-hint{display:flex}}@container (width<=650px){.dupes-table{min-width:992px}.dupes-col-name{width:180px}.dupes-table-scroll{scroll-padding-left:180px}.dupes-table-identity{gap:7px}.dupes-table-name>span{font-size:.8125rem}.dupes-table tbody th[scope=row]{padding-left:10px;padding-right:10px}}@media (pointer:coarse){.dupes-table-sort,.dupes-table .dupes-vote,.dupes-table .dupes-copy{min-height:44px}.dupes-table .dupes-copy{min-width:44px}.dupes-col-share{width:56px}.dupes-table th:last-child,.dupes-table td:last-child{padding-left:5px;padding-right:5px}}@media (prefers-reduced-motion:reduce){.dupes-table *,.dupes-table :before,.dupes-table :after{transition:none!important;animation:none!important}}.dupes-table-header-dock{top:var(--dupes-dock-top,var(--app-header-offset,4rem));z-index:90;background:var(--bg-elevated);box-shadow:0 1px 0 var(--border),0 5px 10px -8px rgba(0,0,0,.3);margin-top:-2px;position:-webkit-sticky;position:sticky;transform:translateY(-1px)}.dupes-table-header-scroll{scrollbar-width:none;scroll-padding-left:250px;overflow-x:auto}.dupes-table-header-scroll::-webkit-scrollbar{display:none}.dupes-table-heading thead th{position:relative;top:auto}.dupes-table-heading thead th:first-child{position:-webkit-sticky;position:sticky;left:0}.dupes-table-scroll>.dupes-table>.dupes-visually-hidden th{position:static}@container (width<=650px){.dupes-table-header-scroll{scroll-padding-left:180px}}
