@keyframes ds-spin{to{transform:rotate(360deg)}}.live-badge{z-index:1;color:#fff;letter-spacing:.05em;background-color:#ef4444;border-radius:.5rem;align-items:center;gap:.375rem;padding:.2rem .5rem;font-size:.625rem;font-weight:700;display:flex;position:absolute;top:.5rem;right:.5rem}.live-badge-dot{background-color:#fff;border-radius:50%;width:.375rem;height:.375rem;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.event-card{background:#11182799;border:1px solid #37415199;border-radius:.75rem;flex-direction:column;text-decoration:none;transition:border-color .12s,transform .12s;display:flex;overflow:hidden}.event-card:hover{border-color:#6b7280cc;transform:translateY(-2px)}.event-card{padding-bottom:3rem;position:relative}@media (min-width:640px){.event-card{min-height:320px;padding-bottom:3.5rem}}.event-card .header-image-container{aspect-ratio:1.77;background-color:#000;width:100%;display:none;overflow:hidden}@media (min-width:640px){.event-card .header-image-container{display:block}}.event-card .header-image-container img{object-fit:cover;width:100%;height:100%}.event-card .card-content{flex-direction:column;flex-grow:1;gap:.625rem;margin-bottom:1rem;padding:.75rem .75rem 0;display:flex}@media (min-width:640px){.event-card .card-content{padding:1rem 1rem 0}}.event-card .card-content .date-time-section{flex-direction:column;gap:.25rem;display:flex}.event-card .card-content .date-time-section .event-date{color:#818cf8;font-size:.875rem;font-weight:600}@media (min-width:640px){.event-card .card-content .date-time-section .event-date{font-size:1rem}}.event-card .card-content .date-time-section .event-time{color:#a5b4fc;font-size:.75rem;font-weight:500}@media (min-width:640px){.event-card .card-content .date-time-section .event-time{font-size:.875rem}}.event-card .card-content .event-name{color:#e5e7eb;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:.75rem;font-weight:600;display:-webkit-box;overflow:hidden}@media (min-width:640px){.event-card .card-content .event-name{font-size:.875rem}}.event-card .card-content .registration-info{flex-direction:column;gap:.625rem;display:flex}.event-card .card-content .registration-info p{text-transform:uppercase;letter-spacing:.06em;color:#6b7280;font-size:.625rem;font-weight:600}@media (min-width:640px){.event-card .card-content .registration-info p{font-size:.75rem}}.event-card .card-content .store-section{border-top:1px solid #37415180;flex-direction:column;gap:.625rem;padding-top:.625rem;display:flex}.event-card .card-content .store-section .store-name-link{color:#818cf8;word-break:break-word;font-size:.75rem;font-weight:600;transition:color .3s;display:inline-block}@media (min-width:640px){.event-card .card-content .store-section .store-name-link{font-size:.875rem}}.event-card .card-content .store-section .store-name-link:hover{color:#a5b4fc}.event-card .card-content .store-section .store-name-text{color:#e5e7eb;word-break:break-word;font-size:.75rem;font-weight:600}@media (min-width:640px){.event-card .card-content .store-section .store-name-text{font-size:.875rem}}.event-card .card-content .store-section .address-link{color:#9ca3af;align-items:flex-start;gap:.5rem;margin-bottom:10px;font-size:.75rem;transition:color .3s;display:flex}@media (min-width:640px){.event-card .card-content .store-section .address-link{margin-bottom:0;font-size:.875rem}}.event-card .card-content .store-section .address-link:hover,.event-card .card-content .store-section .address-link:hover .location-icon{color:#818cf8}.event-card .card-content .store-section .address-link:hover .address-text{text-decoration:underline}.event-card .card-content .store-section .address-link .location-icon{color:#6b7280;flex-shrink:0;margin-top:.125rem;transition:color .3s}.event-card .card-content .store-section .address-link .address-text{word-break:break-word}.event-card .button-row{gap:.5rem;margin-top:15px;display:flex;position:absolute;bottom:.75rem;left:.75rem;right:.75rem}@media (min-width:640px){.event-card .button-row{bottom:1rem;left:1rem;right:1rem}}.event-card .button-row.past .view-event-btn{justify-content:center;align-items:center;gap:.5rem;width:100%;display:inline-flex}@media (min-width:640px){.event-card .button-row.past .view-event-btn{width:100%}}.event-card .button-row.past .view-event-btn svg{flex:none;width:auto}.event-card .button-row.past .view-event-btn .view-label{letter-spacing:.03em;font-weight:600}.event-card .button-row .view-event-btn{color:#f3f4f6;font:inherit;white-space:nowrap;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform 50ms;display:inline-flex}.event-card .button-row .view-event-btn:hover:not(:disabled){background:#374151;border-color:#4b5563}.event-card .button-row .view-event-btn:active:not(:disabled){transform:translateY(1px)}.event-card .button-row .view-event-btn:disabled{opacity:.45;cursor:not-allowed}.event-card .button-row .view-event-btn{width:3rem;padding:.5rem .75rem;font-size:.75rem}@media (min-width:640px){.event-card .button-row .view-event-btn{width:3.5rem;padding:.625rem 1rem;font-size:.875rem}}.event-card .button-row .view-event-btn svg{width:100%;height:20px}.event-card .button-row .event-link-btn{color:#f3f4f6;font:inherit;white-space:nowrap;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform 50ms;display:inline-flex}.event-card .button-row .event-link-btn:hover:not(:disabled){background:#374151;border-color:#4b5563}.event-card .button-row .event-link-btn:active:not(:disabled){transform:translateY(1px)}.event-card .button-row .event-link-btn:disabled{opacity:.45;cursor:not-allowed}.event-card .button-row .event-link-btn{color:#fff;background:#6366f1;border-color:#818cf8}.event-card .button-row .event-link-btn:hover:not(:disabled){background:#818cf8}.event-card .button-row .event-link-btn{flex:1;padding:.5rem .75rem;font-size:.75rem}@media (min-width:640px){.event-card .button-row .event-link-btn{padding:.625rem 1rem;font-size:.875rem}}