#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.read-the-docs{color:#888}.bot-card{position:relative;border:2px solid #e0e0e0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 3px 10px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;height:100%}.bot-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026;border-color:#bdbdbd}.bot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:1rem}.bot-avatar{width:100%;height:200px;object-fit:cover;border-bottom:1px solid #eee}.bot-content{padding:15px;flex-grow:1;display:flex;flex-direction:column}.bot-name{margin:0 0 8px;color:#333;font-size:1.2rem}.catchphrase{color:#555;font-style:italic;margin:0 0 15px;padding:8px 0;border-top:1px dashed #eee;border-bottom:1px dashed #eee;font-size:.9rem;line-height:1.4}.bot-stats{display:flex;justify-content:space-between;margin:10px 0 15px;gap:10px}.stat-item{display:flex;flex-direction:column;align-items:center;flex:1}.stat-icon{font-size:1.2rem;margin-bottom:5px}.stat-value{color:#222;font-weight:700;font-size:.9rem}.bot-class{margin-top:auto;padding:6px 10px;background-color:#f5f5f5;border-radius:4px;text-align:center;font-weight:700;color:#333;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.discharge-btn{position:absolute;top:10px;right:10px;width:28px;height:28px;background-color:#405a05;color:#fff;border:none;border-radius:50%;font-size:1rem;font-weight:700;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.discharge-btn:hover{background-color:#2d5804}.bot-specs{background:#fff;padding:20px;border-radius:8px;margin:20px 0}.bot-details{display:flex;gap:20px;margin-bottom:20px}.bot-details img{width:200px;height:200px;object-fit:cover;border-radius:8px}.specs-actions{display:flex;justify-content:space-between}.specs-actions button{padding:10px 20px;font-size:16px}.sort-bar,.filter-bar{margin:10px 0;padding:10px;background:#f0f0f0;border-radius:5px}.sort-bar button,.filter-bar button{margin:0 5px;padding:5px 10px}button.active{background:#4caf50;color:#fff}@media (max-width: 768px){.bot-avatar{height:160px}.bot-content{padding:12px}.bot-stats{gap:5px}.bot-details{flex-direction:column}.bot-details img{width:100%;height:auto}}@media (max-width: 480px){.bot-actions,.specs-actions{flex-direction:column;gap:12px}.specs-actions button{width:100%}}