.performer-card{background:var(--sb-bg-card);border-radius:var(--sb-radius);padding:var(--sb-space-sm) var(--sb-space-md);cursor:pointer;min-width:0;transition:background var(--sb-transition),box-shadow var(--sb-transition),transform var(--sb-transition);border:none;flex-direction:column;animation:4s ease-in-out infinite sb-card-breathe;display:flex;position:relative;overflow:visible}.performer-card:before{content:"";border-radius:inherit;background:var(--sb-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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}.performer-card:hover{background:var(--sb-bg-card-hover);box-shadow:0 0 8px rgba(var(--sb-ice-rgb),.3),0 0 16px rgba(var(--sb-sky-rgb),.15);transform:translateY(-1px)}.performer-card-header{align-items:flex-start;gap:var(--sb-space-sm);flex-wrap:wrap;margin-bottom:0;display:flex}.performer-card-header>div:last-child{min-width:0;overflow:hidden}.performer-card-meta{align-items:center;gap:var(--sb-space-sm);min-height:18px;display:flex}.performer-card-active{min-height:16px;margin-bottom:var(--sb-space-xs);font-size:var(--sb-text-xs)}.performer-card-name{font-weight:700;font-size:var(--sb-text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.performer-card-location{font-size:var(--sb-text-xs);color:var(--sb-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.performer-card-body{flex-direction:column;flex:1;justify-content:flex-end;display:flex}.performer-card-footer{justify-content:space-between;align-items:center;gap:var(--sb-space-xs);padding-top:var(--sb-space-sm);border-top:1px solid var(--sb-border);font-size:var(--sb-text-xs);flex-wrap:nowrap;display:flex;overflow:hidden}.performer-card-footer>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.performer-card-footer>span:last-child{white-space:nowrap;flex-shrink:0}.performer-card-actions{padding:var(--sb-space-sm) var(--sb-space-md);border-top:1px solid var(--sb-border);border-radius:0 0 calc(var(--sb-radius) - 1px) calc(var(--sb-radius) - 1px);opacity:0;z-index:3;background:#111827;justify-content:center;align-items:center;gap:6px;transition:opacity .15s;display:flex;position:absolute;bottom:1px;left:1px;right:1px}.performer-card:hover .performer-card-actions{opacity:1}.performer-card:hover .performer-card-footer{border-top-color:rgba(var(--sb-ice-rgb),.15)}.unverified-pill{font-size:var(--sb-text-xs);color:var(--sb-text-muted)}.performer-card--banner{padding-top:0;position:relative}.performer-card--banner .performer-card-avatar-banner{pointer-events:none;border-radius:calc(var(--sb-radius) - 2px) calc(var(--sb-radius) - 2px) 0 0;height:auto;position:absolute;inset:1px 1px 40px;overflow:hidden}.performer-card--banner .performer-card-avatar-banner img{object-fit:cover;object-position:center 20%;filter:brightness(.45);width:100%;height:100%;transition:filter .2s;display:block;-webkit-mask-image:linear-gradient(#000 75%,#0000 100%);mask-image:linear-gradient(#000 75%,#0000 100%)}.performer-card--banner:hover .performer-card-avatar-banner img{filter:brightness(.6)}.performer-card--banner .performer-card-avatar-banner--placeholder{background:linear-gradient(135deg,#38bdf833,#6366f12e)}.performer-card--banner .performer-card-avatar-banner--placeholder+.performer-card-overlay{display:none}.performer-card--banner .performer-card-overlay{z-index:1;background:linear-gradient(to top,var(--sb-bg-card) 0%,#080c14b3 40%,transparent 100%);pointer-events:none;border-radius:calc(var(--sb-radius) - 2px) calc(var(--sb-radius) - 2px) 0 0;position:absolute;inset:1px 1px 40px}.performer-card--banner .performer-card-header{z-index:2;min-height:0;padding-top:var(--sb-space-sm);position:relative}.performer-card--banner .performer-card-location,.performer-card--banner .unverified-pill{color:var(--sb-text-secondary)}.performer-card--banner .performer-card-meta,.performer-card--banner .performer-card-active,.performer-card--banner .performer-card-body,.performer-card--banner .performer-card-footer,.performer-card--banner .avail-indicator{z-index:2;position:relative}.performer-card--banner .performer-card-footer{padding-top:var(--sb-space-xs)}.performer-card--banner .role-corner-badge{border-style:solid;border-width:1px;justify-content:center;align-items:center;line-height:1;display:inline-flex}.performer-card--banner .role-corner-badge-artist{color:var(--sb-ice);border-color:var(--sb-ice);background:#38bdf84d}.performer-card--banner .role-corner-badge-venue{color:var(--sb-violet);border-color:var(--sb-violet);background:#6366f14d}.performer-card--banner .role-corner-badge-agent{color:#2dd4bf;background:#14b8a64d;border-color:#2dd4bf}.performer-card--banner .role-corner-badge-promoter{color:var(--sb-ice-light);border-color:var(--sb-ice-light);background:#7cd3fc4d}.role-corner-badge{border-radius:var(--sb-radius-sm);text-transform:uppercase;letter-spacing:.05em;z-index:1;padding:2px 6px;font-size:8px;font-weight:700;position:absolute;top:8px;right:8px}.role-corner-badge-artist{color:var(--sb-ice);background:#38bdf826;border:1px solid #38bdf84d}.role-corner-badge-venue{color:var(--sb-violet);background:#6366f126;border:1px solid #6366f14d}.role-corner-badge-agent{color:#2dd4bf;background:#14b8a626;border:1px solid #14b8a64d}.role-corner-badge-promoter{color:var(--sb-ice-light);background:#7cd3fc1f;border:1px solid #7cd3fc40}.featured-carousel-wrap{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 3% 97%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 3% 97%,#0000 100%)}.featured-carousel{gap:var(--sb-space-md);will-change:transform;backface-visibility:hidden;width:max-content;padding:8px 0;animation:66s linear infinite featured-scroll;display:flex;transform:translateZ(0)}.featured-carousel:hover,.featured-carousel.is-paused{animation-play-state:paused}@keyframes featured-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.featured-carousel-skeleton{gap:var(--sb-space-md);padding:2px 0;display:flex}.skeleton-card{border-radius:var(--sb-radius);background:var(--sb-bg-card);flex:0 0 220px;height:260px;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.featured-carousel-host .performer-card{background:#111827cc;flex:0 0 220px;min-height:260px;padding-bottom:0;transition:background .3s,box-shadow .3s,transform .3s}.featured-carousel-host .performer-card:hover{box-shadow:0 0 12px rgba(var(--sb-ice-rgb),.3),0 0 24px rgba(var(--sb-sky-rgb),.18),0 0 36px rgba(var(--sb-violet-rgb),.1);background:linear-gradient(#38bdf81a,#6366f10f),#0f1525d1;animation:none;transform:translateY(-2px)}.featured-carousel-host .performer-card .performer-card-name{padding-right:52px}.featured-carousel-host .performer-card .performer-card-avatar-banner,.featured-carousel-host .performer-card .performer-card-overlay{bottom:32px}.featured-carousel-host .performer-card .performer-card-footer{box-sizing:border-box;height:32px;padding:0 var(--sb-space-md);border-top:1px solid var(--sb-border);align-items:center;display:flex}.featured-carousel-host .performer-card .performer-card-actions{box-sizing:border-box;border-top:1px solid var(--sb-border);border-radius:0 0 calc(var(--sb-radius) - 1px) calc(var(--sb-radius) - 1px);justify-content:center;align-items:center;gap:6px;height:32px;padding:0 16px;display:flex;bottom:1px;left:1px;right:1px}.featured-carousel-host .performer-card .performer-card-actions .bk-card-action{padding:4px 10px}.featured-carousel-host .performer-card-footer{flex-wrap:nowrap}.bk-card-action{border:1px solid rgba(var(--sb-ice-rgb),.2);color:var(--sb-text-muted);cursor:pointer;border-radius:var(--sb-radius-sm);background:0 0;padding:4px 10px;line-height:0;text-decoration:none;transition:color .15s,border-color .15s,background .15s}.bk-card-action:hover{color:var(--sb-ice);border-color:var(--sb-ice);background:rgba(var(--sb-ice-rgb),.08)}@media (width<=768px){.featured-carousel-host .performer-card{flex:0 0 190px;min-height:240px}.performer-card-actions{display:none}}@media (width<=480px){.featured-carousel-host .performer-card{flex:0 0 170px;min-height:220px}}
