.cs-card{border-color:color-mix(in srgb, var(--cs-accent) 38%, transparent);box-shadow:inset 0 3px 0 var(--cs-accent)}.cs-card.cs-has-banner{box-shadow:none}.cs-banner{background-position:50% 22%;background-size:cover;border-radius:2px 2px 0 0;height:72px;margin:-16px -16px 0;position:relative;overflow:hidden}.cs-banner:after{content:"";background:linear-gradient(#10111400 30%,#10111473);position:absolute;inset:0}.cs-full{background-position:50% 20%;background-size:cover}@keyframes cs-pan{0%{background-position:20% 22%}to{background-position:80% 22%}}.cs-fx-pan .cs-banner,.cs-fx-pan.cs-full{animation:24s ease-in-out infinite alternate cs-pan}.cs-nameplate{background:var(--cs-accent);color:#fff;border-radius:2px;max-width:100%;padding:1px 8px;display:inline-block}.cs-title{color:var(--cs-accent);background:color-mix(in srgb, var(--cs-accent) 12%, white)}.cs-frame-gold{border:2px solid #c9a227;box-shadow:0 0 0 1px #c9a22740,0 6px 18px #c9a2272e}.cs-frame-season{border:2px solid var(--cs-accent);outline-offset:-6px;outline:2px solid #c9a227}.cs-frame-season .cs-season-tag{display:inline-block}@property --cs-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes cs-spin{to{--cs-angle:360deg}}.cs-fx-shimmer:before{content:"";border-radius:inherit;background:conic-gradient(from var(--cs-angle), transparent 0 70%, var(--cs-accent) 82%, #fff 88%, transparent 96%);-webkit-mask-composite:xor;pointer-events:none;z-index:0;padding:2px;animation:3.2s linear infinite cs-spin;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cs-fx-sparkle:after{content:"";pointer-events:none;opacity:0;background-image:radial-gradient(circle at 12% 18%, #fff 0 1.6px, transparent 2.4px), radial-gradient(circle at 86% 30%, var(--cs-accent) 0 1.8px, transparent 2.6px), radial-gradient(circle at 64% 82%, #fde68a 0 1.6px, transparent 2.4px), radial-gradient(circle at 30% 70%, var(--cs-accent) 0 1.4px, transparent 2.2px), radial-gradient(circle at 92% 88%, #fff 0 1.4px, transparent 2.2px);transition:opacity .15s;position:absolute;inset:0}@keyframes cs-twinkle{0%,to{opacity:.25}50%{opacity:1}}.cs-fx-sparkle:hover:after{animation:1.1s ease-in-out infinite cs-twinkle}@media (prefers-reduced-motion:reduce){.cs-fx-pan .cs-banner,.cs-fx-pan.cs-full,.cs-fx-shimmer:before,.cs-fx-sparkle:hover:after{animation:none}.cs-fx-sparkle:hover:after{opacity:.8}}