:root{--text:#9ca3af;--bg:#0f1923}body.dark{color:#fff;background:#0f1923}body.light{color:#111;background:#f5f5f5}body{margin:0;font-family:Arial,sans-serif;transition:all .3s}h1,h2,p{color:inherit}h1{text-align:center;padding:20px}#search,#roleFilter,#showFavs{border:none;border-radius:8px;margin:10px;padding:10px}#agents{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:20px;display:grid}.card{text-align:center;background:#1f2a35;border-radius:12px;padding:15px;transition:all .3s;box-shadow:0 4px 10px #0000004d}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000080}.card img{object-fit:contain;width:100px;height:100px;margin-bottom:10px}body.light .card{color:#000;background:#fff}.fav-btn{cursor:pointer;background:0 0;border:none;font-size:22px;transition:all .2s}.fav-btn:hover{transform:scale(1.2)}#loading{text-align:center;padding:20px;font-size:20px}.theme-switch{justify-content:center;margin:10px;display:flex}#themeToggle{display:none}.switch{cursor:pointer;background:#1f2a35;border-radius:50px;width:70px;height:32px;transition:all .3s;position:relative}.switch:before{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .3s;position:absolute;top:3px;left:3px}#themeToggle:checked+.switch:before{transform:translate(38px)}#themeToggle:checked+.switch{background:#f5f5f5}.icon{pointer-events:none;opacity:.6;font-size:14px;position:absolute;top:50%;transform:translateY(-50%)}.moon{left:8px}.sun{right:8px}.modal{z-index:9999;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.show{display:flex}.modal-content{text-align:center;pointer-events:auto;background:#1f2a35;border-radius:10px;padding:20px}.ability{text-align:left;background:#2a3744;border-radius:8px;margin:10px 0;padding:10px}.ability{text-align:left;background:#2a3744;border-radius:8px;align-items:center;gap:10px;margin:10px 0;padding:8px;font-size:13px;display:flex}.ability-icon{object-fit:contain;width:40px;height:40px}.ability-header{cursor:pointer;align-items:center;gap:10px;display:flex}.ability-text{margin-top:8px}.ability:hover{transition:all .2s;transform:scale(1.02)}.hidden{display:none}.ultimate{border:2px solid gold;box-shadow:0 0 10px gold}body.light .ability{background:#eee}.modal{opacity:0;transition:opacity .3s}.modal.show{opacity:1;display:flex}.modal-content{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f2a35d9;border-radius:12px;width:90%;max-width:500px;max-height:80vh;margin:20px;padding:20px;overflow-y:auto}.modal-content h2{background:inherit;z-index:2;margin:0;padding:10px 0;font-size:22px;position:sticky;top:0}.modal-content p{font-size:14px;line-height:1.4}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.modal.show .modal-content{transform:scale(1)}#closeModal{cursor:pointer;font-size:26px;position:absolute;top:10px;right:15px}