body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0e14;color:#e6e6e6;font-family:Segoe UI,Roboto,Oxygen,sans-serif}.app{margin:0 auto;max-width:1200px;padding:20px}.header{border-bottom:1px solid #2a2a2a;margin-bottom:30px;padding-bottom:20px}h1{color:#fff;margin-bottom:20px;text-align:center;text-shadow:0 0 10px #00b7ffb3}h1 a{color:inherit;text-decoration:none;transition:color .3s}h1 a:hover{color:#61dafb}.search-container{margin-bottom:20px}input{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;color:#e6e6e6;font-size:16px;padding:12px;width:100%}.filters-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.filter{display:flex;flex-direction:column;min-width:200px}label{color:#ccc;font-weight:700;margin-bottom:5px}select{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;color:#e6e6e6;font-size:14px;padding:10px}.heroes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.hero-card{background-color:#1a1a1a;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;padding:15px;transition:transform .2s,box-shadow .2s}.hero-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.hero-card h2{border-bottom:1px solid #333;font-size:18px;margin-bottom:15px;padding-bottom:10px}.attribute-strength{border-left:4px solid #ec3d06}.attribute-strength h2{color:#ff6b52}.attribute-agility{border-left:4px solid #39b54a}.attribute-agility h2{color:#6dff7e}.attribute-intelligence{border-left:4px solid #00a4db}.attribute-intelligence h2{color:#5cc8ff}.attribute-universal{border-left:4px solid #a359ff}.attribute-universal h2{color:#c287ff}.abilities-list{gap:10px}.abilities-list,.ability-item{display:flex;flex-direction:column}.ability-item{background-color:#222;border-radius:4px;font-size:14px;padding:8px 10px}.ability-name{font-weight:700;margin-bottom:5px}.ability-details{color:#aaa;display:flex;font-size:12px;justify-content:space-between}.type-level{border-left:3px solid #4a90e2}.type-upgraded{border-left:3px solid #f39c12}.visibility-type{font-style:italic}.upgrade-info{background-color:#333;border-radius:10px;font-size:11px;padding:2px 6px}@media (max-width:768px){.heroes-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.filter{min-width:150px}}@media (max-width:480px){.heroes-grid{grid-template-columns:1fr}.filters-container{flex-direction:column;gap:10px}.filter{width:100%}}
/*# sourceMappingURL=main.44f29af8.css.map*/