@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Bangers&family=Nunito:wght@400;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0f;color:#f0f0f0;font-family:Nunito,sans-serif;min-height:100vh}.navbar{align-items:center;background:#0a0a0ff7;border-bottom:1px solid #ffffff12;display:flex;justify-content:space-between;padding:.75rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo-img{height:120px;object-fit:contain;width:auto}.navbar-links{display:flex;gap:1rem;list-style:none}.navbar-links button{background:none;border:none;border-radius:6px;color:#ffffff8c;cursor:pointer;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:700;padding:.4rem 1rem;transition:all .2s}.navbar-links button:hover{background:#e639461f;color:#fff}.navbar-links button.active{background:#e639461f;color:#e63946}.hero{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1100px;padding:4rem 2rem}.hero-text h1{color:#fff;font-family:Bangers,cursive;font-size:3.8rem;letter-spacing:2px;line-height:1.05;margin-bottom:.75rem}.accent{color:#e63946}.hero-text p{color:#ffffff8c;font-size:1rem;line-height:1.7;margin-bottom:2rem}.search-bar{background:#ffffff0a;border:1.5px solid #e6394666;border-radius:10px;display:flex;overflow:hidden}.search-bar input{background:#0000;border:none;color:#fff;flex:1 1;font-family:Nunito,sans-serif;font-size:.95rem;outline:none;padding:.85rem 1.2rem}.search-bar input::placeholder{color:#ffffff47}.search-bar button{background:#e63946;border:none;color:#fff;cursor:pointer;font-family:Bangers,cursive;font-size:1.2rem;letter-spacing:1.5px;padding:.85rem 1.5rem;transition:background .2s}.search-bar button:hover{background:#c1121f}.hero-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.hero-filters label{color:#fff6;font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.hero-filters input[type=range]{accent-color:#e63946;width:130px}.year-val{color:#e63946;font-size:.9rem;font-weight:800;min-width:40px}.hero-illustration{align-items:center;display:flex;justify-content:center}.hero-illustration svg{max-width:420px;width:100%}.main-content{margin:0 auto;max-width:1100px;padding:1rem 2rem 4rem}.top-section{padding-top:2rem}.section-header{margin-bottom:1.75rem}.section-header h2{color:#fff;font-family:Bangers,cursive;font-size:2.2rem;letter-spacing:2px;margin-bottom:.25rem}.section-header p{color:#fff6;font-size:.9rem}.status-msg{color:#ffffff59;font-size:1rem;padding:3rem;text-align:center}.results-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.anime-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;overflow:hidden;transition:transform .2s,border-color .2s}.anime-card:hover{border-color:#e6394680;transform:translateY(-4px)}.anime-card-poster{aspect-ratio:2/3;display:block;object-fit:cover;width:100%}.anime-card-poster-placeholder{align-items:center;aspect-ratio:2/3;background:#ffffff0d;display:flex;font-size:2.5rem;justify-content:center;width:100%}.anime-card-info{padding:.75rem}.anime-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:.85rem;font-weight:700;line-height:1.3;margin-bottom:.4rem;overflow:hidden}.anime-card-meta{display:flex;flex-wrap:wrap;gap:.35rem}.badge{background:#e6394626;border-radius:4px;color:#e63946;font-size:.68rem;font-weight:700;padding:2px 7px}.badge-year{background:#ffffff14;color:#ffffff80}.badge-rating{background:#ffc10726;color:#ffc107}.fight-loader{align-items:center;display:flex;flex-direction:column;padding:2rem 0}.fight-canvas{display:block;max-width:100%}.fight-label{color:#ffffff59;font-family:monospace;font-size:.8rem;letter-spacing:2px;margin-top:.75rem;text-transform:uppercase}.modal-overlay{align-items:center;background:#000000d9;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:200}.modal-card{background:#12121a;border:1px solid #ffffff1a;border-radius:16px;display:grid;grid-template-columns:180px 1fr;max-height:85vh;max-width:580px;overflow-y:auto;width:100%}.modal-poster{display:block;object-fit:cover}.modal-poster,.modal-poster-placeholder{border-radius:16px 0 0 16px;min-height:270px;width:180px}.modal-poster-placeholder{align-items:center;background:#ffffff0d;display:flex;font-size:3rem;justify-content:center}.modal-loading{color:#fff6;grid-column:1/-1;padding:3rem;text-align:center}.modal-body{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.modal-title{color:#fff;font-family:Bangers,cursive;font-size:1.7rem;letter-spacing:1px;line-height:1.1}.modal-badges{display:flex;flex-wrap:wrap;gap:.4rem}.modal-meta{color:#fff9;font-size:.85rem;line-height:1.5}.modal-meta strong{color:#fff}.modal-plot{color:#fff9;font-size:.85rem;line-height:1.7}.modal-close{align-self:flex-start;background:#e6394626;border:1px solid #e6394659;border-radius:8px;color:#e63946;cursor:pointer;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:700;margin-top:auto;padding:.5rem 1.1rem;transition:background .2s}.modal-close:hover{background:#e639464d}@media (max-width:768px){.hero{grid-template-columns:1fr;padding:2rem 1rem}.hero-illustration{display:none}.hero-text h1{font-size:2.6rem}.main-content{padding:1rem 1rem 3rem}.modal-card{grid-template-columns:1fr}.modal-poster,.modal-poster-placeholder{border-radius:16px 16px 0 0;width:100%}}.fight-hero-anim{align-items:center;display:flex;justify-content:center;width:100%}.fight-hero-canvas{background:#ffffff05;border:1px solid #e6394626;border-radius:12px;display:block;max-width:440px;width:100%}.fight-video{border-radius:12px;display:block;max-width:460px;mix-blend-mode:lighten;width:100%}.footer{border-top:1px solid #ffffff12;margin-top:2rem;padding:2rem 1rem;text-align:center}.footer p{color:#fff6;font-size:.85rem}.footer a{color:#e63946;font-weight:700;text-decoration:none;transition:color .2s}.footer a:hover{color:#ff5a64;text-decoration:underline}
/*# sourceMappingURL=main.cea61a15.css.map*/