.slots-hero{background:linear-gradient(180deg,var(--sd-bg-primary) 0%,var(--sd-bg-secondary) 100%);position:relative;overflow:hidden;padding:2rem 0}@media (min-width: 640px){.slots-hero{padding:3rem 0}}@media (min-width: 1024px){.slots-hero{padding:4rem 0}}.slots-hero:before{content:"";position:absolute;top:-100px;right:-50px;width:300px;height:300px;background:radial-gradient(circle,var(--sd-purple-glow) 0%,transparent 60%);pointer-events:none}@media (min-width: 768px){.slots-hero:before{top:-200px;right:-100px;width:600px;height:600px}}.slots-hero__title{font-size:1.75rem;font-weight:700;color:var(--sd-lime);margin-bottom:.5rem;overflow-wrap:break-word}@media (min-width: 640px){.slots-hero__title{font-size:2.25rem}}@media (min-width: 1024px){.slots-hero__title{font-size:2.5rem}}.slots-hero__subtitle{font-size:1rem;color:var(--sd-text-secondary);max-width:40rem}@media (min-width: 640px){.slots-hero__subtitle{font-size:1.125rem}}.slots-search{position:relative;max-width:100%;margin-top:1.5rem}@media (min-width: 640px){.slots-search{max-width:600px;margin-top:2rem}}.slots-search__input{width:100%;font-size:1rem;padding:.875rem 3rem .875rem 1rem;background:linear-gradient(135deg,#6b5ce733,#6b5ce71a);border:2px solid var(--sd-purple);border-radius:var(--sd-radius-full);color:var(--sd-text-primary);transition:all var(--sd-transition);box-shadow:0 0 15px var(--sd-purple-glow)}.slots-search__input::placeholder{color:var(--sd-text-muted)}.slots-search__input:focus{outline:none;border-color:var(--sd-purple-light);box-shadow:0 0 30px var(--sd-purple-glow)}.slots-search__icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--sd-text-muted);width:1.25rem;height:1.25rem}.slots-search__icon-btn{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;padding:0 1rem;background:none;border:none;cursor:pointer;color:var(--sd-text-muted)}.slots-search__icon-btn .slots-search__icon{position:static;transform:none}.slots-search__icon-btn:hover{color:var(--sd-text-primary)}.slots-section,.slots-content{padding:1.5rem 0}@media (min-width: 640px){.slots-section,.slots-content{padding:2rem 0}}@media (min-width: 1024px){.slots-section,.slots-content{padding:3rem 0}}.slots-content{overflow-wrap:break-word}.slots-content--below{border-top:1px solid var(--sd-border)}.slots-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width: 480px){.slots-grid{gap:1rem}}@media (min-width: 640px){.slots-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}@media (min-width: 1024px){.slots-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}}@media (min-width: 1280px){.slots-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.sd-slot-card{display:block;min-width:0;background-color:var(--sd-bg-card);border:1px solid var(--sd-border);border-radius:var(--sd-radius-lg);padding:.75rem;transition:all var(--sd-transition);position:relative;-webkit-tap-highlight-color:transparent}@media (min-width: 640px){.sd-slot-card{border-radius:var(--sd-radius-xl);padding:1rem}}.sd-slot-card:active{border-color:var(--sd-purple)}@media (hover: hover){.sd-slot-card:hover{border-color:var(--sd-purple);box-shadow:0 0 30px var(--sd-purple-glow);transform:translateY(-4px)}}.sd-slot-card__image{aspect-ratio:1 / 1;border-radius:var(--sd-radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--sd-bg-elevated);margin-bottom:.625rem}.sd-slot-card__img{width:100%;height:100%;object-fit:cover;transition:transform var(--sd-transition)}@media (hover: hover){.sd-slot-card:hover .sd-slot-card__img{transform:scale(1.06)}}.sd-slot-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sd-slot-card__placeholder-text{font-size:1.5rem;font-weight:700;color:var(--sd-text-muted)}.sd-slot-card__info{text-align:center;min-width:0}.sd-slot-card__name{font-size:.8125rem;font-weight:600;color:var(--sd-text-primary);transition:color var(--sd-transition);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 640px){.sd-slot-card__name{font-size:.9375rem}}@media (hover: hover){.sd-slot-card:hover .sd-slot-card__name{color:var(--sd-lime)}}.sd-slot-card__provider{margin-top:.25rem;font-size:.6875rem;color:var(--sd-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 640px){.sd-slot-card__provider{font-size:.75rem}}.slots-pagination{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--sd-border)}.slots-pagination__info{font-size:.875rem;color:var(--sd-text-muted)}.slots-pagination__info strong{color:var(--sd-text-primary)}.slots-empty{text-align:center;padding:3rem 1rem;color:var(--sd-text-muted)}.slots-empty__icon{width:3rem;height:3rem;margin:0 auto 1rem;color:var(--sd-text-muted)}.slots-empty__title{font-size:1.125rem;font-weight:600;color:var(--sd-text-secondary)}