.play-catalog{padding:140px 24px 80px;min-height:100vh;background:var(--bg-primary);position:relative}.play-catalog:before{content:"";position:absolute;inset:0 auto auto;height:480px;width:100%;background:radial-gradient(ellipse 70% 50% at 50% 0,rgba(168,85,247,.18),transparent 70%);pointer-events:none}.play-catalog__header{text-align:center;margin-bottom:48px;position:relative}.play-catalog__header .section-subtitle{margin:0 auto}.play-catalog__toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-bottom:28px;position:relative}.play-catalog__search{flex:1 1 260px;max-width:420px;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary)}.play-catalog__search input{flex:1 1;background:transparent;border:0;outline:0;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem}.play-catalog__search input::placeholder{color:var(--text-muted)}.play-catalog__chips{display:flex;flex-wrap:wrap;gap:8px}.play-catalog__chip{padding:8px 14px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.3px;transition:border-color .2s,color .2s,background .2s}.play-catalog__chip--active,.play-catalog__chip:hover{color:#fff;border-color:var(--neon-purple);background:rgba(168,85,247,.18)}.play-catalog__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:22px;gap:22px;position:relative}.play-card{display:flex;flex-direction:column;height:100%;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.play-card:hover{transform:translateY(-6px);border-color:rgba(168,85,247,.55);box-shadow:var(--shadow-neon)}.play-card__thumb{position:relative;aspect-ratio:1/1;background:var(--bg-secondary)}.play-card__thumb img{object-fit:cover}.play-card__cat{position:absolute;top:12px;left:12px;z-index:1;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;background:rgba(10,10,26,.75);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.play-card__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,10,26,.35);opacity:0;transition:opacity .25s ease;color:#fff}.play-card:hover .play-card__play{opacity:1}.play-card__play-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);box-shadow:var(--shadow-neon)}.play-card__body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1 1}.play-card__title{font-family:var(--font-heading);font-size:.95rem;font-weight:700;letter-spacing:.3px;line-height:1.35}.play-card__desc{color:var(--text-secondary);font-size:.82rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.play-catalog__empty{grid-column:1/-1;text-align:center;color:var(--text-secondary);padding:48px 16px}.play-catalog__credit{margin-top:40px;text-align:center;color:var(--text-muted);font-size:.8rem}.play-catalog__credit a{color:var(--neon-cyan)}@media (max-width:1100px){.play-catalog__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){.play-catalog{padding:120px 16px 64px}.play-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.play-catalog__grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}