.films-badge{padding:4px 10px;min-width:28px;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box}.anime-badge{background:linear-gradient(90deg,#e100ff,#7f00ff);color:#fff;font-weight:700;padding:2px 10px;border-radius:999px;font-size:.75rem;letter-spacing:1px;box-shadow:0 2px 8px rgba(127,0,255,.1);text-shadow:0 1px 2px rgba(0,0,0,.15);display:inline-block;margin-right:6px}.films-genre-selector{max-width:250px;width:100%;position:relative;font-size:1rem;color:white;background-color:#2a2a2a;border:1px solid #444;border-radius:20px;padding:8px 14px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;user-select:none;transition:border-color .3s ease}.films-genre-selector:focus,.films-genre-selector:hover{border-color:#7f57f1;outline:none}.films-genre-selector::-ms-expand{display:none}.films-genre-selector:after{content:"";position:absolute;top:50%;right:14px;width:8px;height:8px;border-right:2px solid white;border-bottom:2px solid white;transform:translateY(-50%) rotate(45deg);pointer-events:none}.film-card{cursor:pointer;border-radius:12px;overflow:hidden;box-shadow:0 0 6px #00000088;background-color:#111}.film-card:hover{box-shadow:0 0 20px #7f57f1cc}.films-pagination{margin-top:1.5rem;user-select:none}@media (max-width:640px){.films-genre-selector{max-width:100%}.films-title{font-size:1.5rem}.films-badge{min-width:24px;padding:3px 8px;font-size:.85rem}}.films-title{font-size:2rem;font-weight:700;display:flex;align-items:center;gap:12px}.films-badge{background-color:#7f57f1;color:white;font-weight:600;padding:4px 12px;border-radius:9999px;font-size:.9rem;min-width:32px;text-align:center}.film-card{transition:transform .3s ease}.film-card:hover{transform:scale(1.05);z-index:10;box-shadow:0 0 15px #7f57f1aa}.film-card-hover{transition:opacity .3s ease}.films-pagination{margin-top:1rem}.pagination-btn{background-color:#2a2a2a;color:#aaa;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;user-select:none;transition:all .3s ease;min-width:38px;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background-color:#7f57f1;color:white}.pagination-btn:disabled{opacity:.4;cursor:default}.pagination-btn.active{background-color:#7f57f1;color:white;font-weight:700}.genre-select-container{position:relative;max-width:250px;width:100%;font-size:1rem;user-select:none}.genre-select-btn{width:100%;padding:8px 14px;border-radius:20px;background-color:#2a2a2a;border:1px solid #444;color:white;cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center;font-weight:600;transition:border-color .3s ease}.genre-select-btn:focus,.genre-select-btn:hover{border-color:#7f57f1;outline:none}.genre-select-arrow{margin-left:auto;transition:transform .3s ease;color:#aaa;font-weight:700;font-size:1.1rem;user-select:none;pointer-events:none}.genre-select-arrow.open{transform:rotate(180deg);color:white}.genre-select-list{position:absolute;top:calc(100% + 6px);left:0;right:0;background-color:#1f1f1f;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.5);max-height:200px;overflow-y:auto;z-index:1000;padding:0;margin:0;list-style:none}.genre-select-item{padding:10px 15px;cursor:pointer;font-weight:500;color:white}.genre-select-item:hover{background-color:#7f57f1;color:white}.genre-select-item.selected{background-color:#7f57f1;font-weight:700}