.clips-head{display:flex;align-items:baseline;gap:16px;margin-bottom:20px}.clips-title{margin:0;font-size:28px;font-weight:700;color:var(--text)}.clips-count{font-size:12px;color:var(--muted)}.clips-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.clips-filter{height:36px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border-strong);border-radius:var(--r-btn);font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;transition:color var(--dur-1) var(--ease-flick),background var(--dur-1) var(--ease-flick),border-color var(--dur-1) var(--ease-flick)}.clips-filter:hover{color:var(--text);background:var(--bg-3)}.clips-filter.is-active{background:#171a21;border-color:var(--accent);color:var(--accent)}.clips-filter.is-active:hover{color:var(--accent-hot);border-color:var(--accent-hot)}.clips-filter-x{color:var(--muted)}.clips-filter-clear{border-color:transparent;color:var(--ct-blue);text-transform:none;padding:0 10px}.clips-filter-clear:hover{background:transparent;color:var(--ct-blue);text-decoration:underline}.clips-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px}.clips-tile{position:relative;display:block;aspect-ratio:9/16;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden;transition:border-color var(--dur-1) var(--ease-flick)}.clips-tile:hover{border-color:var(--border-strong)}.clips-tile.is-ace,.clips-tile.is-ace:hover{border-color:var(--gold)}.clips-tile-inner,.clips-tile-media{position:absolute;inset:0;display:block}.clips-tile-video{width:100%;height:100%;object-fit:cover;display:block}.clips-tile-round{top:8px;font-size:9px;padding:2px 6px;background:rgba(10,12,16,.8);border-radius:var(--r-chip);color:var(--muted)}.clips-tile-kills,.clips-tile-round{position:absolute;inset-inline-start:8px}.clips-tile-kills{bottom:26px;font-size:13px;color:var(--text);text-shadow:0 1px 4px rgba(6,7,10,.8)}.clips-tile.is-ace .clips-tile-kills{color:var(--gold)}.clips-tile-meta{inset-inline-start:8px;color:var(--muted);text-shadow:0 1px 3px rgba(6,7,10,.8)}.clips-tile-dur,.clips-tile-meta{position:absolute;bottom:8px;font-size:9px}.clips-tile-dur{inset-inline-end:8px;padding:1px 4px;border-radius:var(--r-chip);background:rgba(10,12,16,.7);color:var(--faint)}.clips-tile-play{position:absolute;top:50%;inset-inline-start:50%;width:44px;height:44px;margin:-22px 0 0 -22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(10,12,16,.7);border:1px solid var(--border-strong);color:var(--text);opacity:0;transition:opacity var(--dur-2) var(--ease-flick);pointer-events:none}.clips-tile:hover .clips-tile-play{opacity:1}.clips-empty-cta{margin-top:16px}.clips-skel{position:relative;display:block;overflow:hidden;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-btn)}.clips-skel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:translateX(-100%);animation:clips-shimmer 1.4s infinite}@keyframes clips-shimmer{to{transform:translateX(100%)}}.clips-skel-title{width:110px;height:28px;align-self:center}.clips-skel-count{width:180px;height:14px;align-self:center}.clips-skel-chip{height:36px;flex-shrink:0}.clips-skel-tile{aspect-ratio:9/16;border-radius:var(--r-card)}@media (max-width:1100px){.clips-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.clips-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.clips-head{gap:10px;margin-bottom:12px}.clips-title{font-size:22px}.clips-count{font-size:10px}.clips-filters{flex-wrap:wrap;row-gap:8px;margin:0 0 12px}.clips-filter{height:44px;padding:0 12px;font-size:10px;flex-shrink:0}.clips-skel-chip{height:44px}.clips-grid{grid-template-columns:1fr 1fr;gap:10px}.clips-tile-kills{font-size:14px}}.clips-del{position:absolute;top:8px;inset-inline-end:8px;z-index:3;min-width:26px;height:26px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;background:rgba(10,12,16,.75);border:1px solid var(--border-strong);border-radius:var(--r-chip);color:var(--muted);font-size:10px;cursor:pointer;opacity:0;transition:opacity var(--dur-1) var(--ease-flick),color var(--dur-1) var(--ease-flick),border-color var(--dur-1) var(--ease-flick)}.clips-del.is-armed,.clips-tile:hover .clips-del{opacity:1}.clips-del:hover{color:var(--text)}.clips-del.is-armed{color:var(--kill-red);border-color:var(--kill-red)}@media (hover:none){.clips-del{opacity:1}}