@property --cover-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.signature-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#10100f;pointer-events:none;z-index:1}
.showcase-card{width:320px;height:auto;aspect-ratio:2/3}.showcase-video{position:absolute;inset:0}
.real-thumbnail.has-signature-cover{aspect-ratio:2/3}
@media(max-width:650px){.showcase-card{width:245px;height:auto;aspect-ratio:2/3}}
.cover-halo{position:absolute;inset:1px;z-index:2;border-radius:inherit;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,transparent 36%,#ff293418 58%,transparent 73%);background-size:180% 140%;animation:cover-drift 8s ease-in-out infinite alternate}
.cover-halo::before,.cover-halo::after{content:'';position:absolute;inset:0;padding:2px;border-radius:inherit;background:conic-gradient(from var(--cover-angle),transparent 0deg 220deg,#ff293455 255deg,#ff2934 285deg,#eee3cde6 300deg,#ff2934aa 318deg,transparent 350deg);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;animation:cover-orbit 12s linear infinite}
.cover-halo::after{padding:7px;filter:blur(8px);opacity:.8}
.showcase-card.has-signature-cover .showcase-play{z-index:3;width:52px;height:52px;top:55%;border-width:4px;background:#10100fcc;color:#eee3cd;backdrop-filter:blur(5px)}
.showcase-card[data-player-active=true] .signature-cover,.showcase-card[data-player-active=true] .cover-halo{display:none}
.real-thumbnail.has-signature-cover .play,.real-thumbnail.has-signature-cover .featured-badge{z-index:3}
.real-thumbnail.has-signature-cover{background:radial-gradient(ellipse at center,#ff293420,#10100f 75%)}
.real-thumbnail.has-signature-cover .signature-cover{background:transparent;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.real-thumbnail.has-signature-cover:hover .signature-cover{transform:scale(1.025)}
@keyframes cover-orbit{to{--cover-angle:360deg}}
@keyframes cover-drift{from{background-position:0% 0%}to{background-position:100% 100%}}
@media(prefers-reduced-motion:reduce){.cover-halo{animation:none}.cover-halo::before,.cover-halo::after{animation:none;background:linear-gradient(125deg,#ff2934aa,transparent 35% 70%,#eee3cd99)}.real-thumbnail.has-signature-cover .signature-cover{transition:none}}

.project-description{font:13px/1.9 Arial,sans-serif;color:var(--muted);margin:12px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-align:start}.preview-description{font:14px/1.95 Arial,sans-serif;color:var(--muted);margin:14px 0 22px;white-space:pre-line;overflow-wrap:anywhere}.showcase-description{font:14px/1.9 Arial,sans-serif;max-width:780px;margin:14px auto 22px;color:var(--muted);text-align:start;white-space:pre-line}[dir=rtl] .project-description,[dir=rtl] .preview-description,[dir=rtl] .showcase-description{font-family:var(--rtl-font,Vazirmatn,Tahoma,sans-serif)}@media(max-width:650px){.showcase-description,.preview-description{font-size:12px}.project-description{font-size:12px}}