body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse at 20% 20%,rgba(1,182,228,.08) 0%,transparent 40%),radial-gradient(ellipse at 80% 80%,rgba(226,13,59,.08) 0%,transparent 40%),linear-gradient(180deg,#050510,#0a0a1a,#050510)!important;background-attachment:fixed;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:100%;background:#050510!important;background-attachment:fixed;scroll-behavior:smooth}*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}#home-page{background:radial-gradient(ellipse at top,rgba(1,182,228,.05) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(226,13,59,.05) 0%,transparent 50%),linear-gradient(180deg,#050510,#0a0a1a,#050510)!important;min-height:100vh;width:100%;position:relative}.app{width:100%;height:100%}.dark-theme{background:radial-gradient(ellipse at top,rgba(1,182,228,.05) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(226,13,59,.05) 0%,transparent 50%),linear-gradient(180deg,#050510,#0a0a1a,#050510);color:#fffffff2}.light-theme{background:linear-gradient(135deg,#f5f5f5,#e8e8f0);color:#282c34}.dark-theme__title{text-shadow:1px 1px 1px rgba(43,27,5,.5)}.light-theme__title{text-shadow:1px 1px 1px rgb(199,197,197)}@media screen and (max-width: 600px){.apiUrl span{width:100%;overflow:scroll;inline-size:80%}}.home{width:100%;min-height:100vh;font-family:Khula;margin:auto;background:transparent}.home-hr{border:none;height:2px;background:linear-gradient(90deg,transparent,rgba(1,182,228,.5) 25%,rgba(226,13,59,.5) 75%,transparent);width:97%;margin:30px auto;box-shadow:0 0 10px #01b6e44d,0 0 10px #e20d3b4d}.home__body{width:100%;max-width:1080px;padding:15px;margin:auto;border-radius:0;background:transparent}.themeToggleBtn{opacity:1;display:none}.home__header-image{width:99%;height:220px;border:solid 1pt;display:none}.page-header__container{text-align:center;padding:40px 20px 20px}.page-header__title{font-size:3.5em;margin:0 auto 15px;color:#fff;text-shadow:0 0 20px rgba(1,182,228,.6),0 0 40px rgba(1,182,228,.3),2px 2px 0 rgba(226,13,59,.3),0 0 60px rgba(226,13,59,.2);font-weight:800;letter-spacing:3px;animation:laserGlow 3s ease-in-out infinite alternate}@keyframes laserGlow{0%{text-shadow:0 0 20px rgba(1,182,228,.6),0 0 40px rgba(1,182,228,.3),2px 2px 0 rgba(226,13,59,.3)}to{text-shadow:0 0 30px rgba(1,182,228,.8),0 0 50px rgba(1,182,228,.4),2px 2px 0 rgba(226,13,59,.5),0 0 70px rgba(226,13,59,.3)}}.page-header__subtitle{font-size:1.2em;color:#aaa;margin:0 auto 20px;font-weight:400;letter-spacing:.5px}.page-header__text{opacity:.75}.home-intro__text-container{padding:0 15px;margin:0 auto 40px}.value-proposition{background:#0006;border:1px solid rgba(1,182,228,.3);border-radius:12px;padding:30px;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 30px #01b6e41a,inset 0 0 20px #01b6e40d}.value-prop__main{font-size:1.25em;color:#fff;text-align:center;line-height:1.8;margin:0 0 30px}.highlight-text{color:#01b6e4;font-weight:700;text-shadow:0 0 15px rgba(1,182,228,.5)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:25px}.feature-card{background:#0006;border:1px solid rgba(1,182,228,.3);border-radius:8px;padding:20px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(1,182,228,.8),transparent);opacity:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-5px);border-color:#01b6e4;box-shadow:0 8px 25px #01b6e44d;background:#01b6e414}.feature-icon{font-size:2.5em;display:block;margin-bottom:10px;filter:drop-shadow(0 0 8px rgba(1,182,228,.4))}.feature-card h3{color:#01b6e4;font-size:1.1em;margin:10px 0;font-weight:700;text-shadow:0 0 10px rgba(1,182,228,.3);letter-spacing:1px}.feature-card p{color:#aaa;font-size:.9em;margin:0}.upcoming-section{margin:30px 0;text-align:center}.upcoming-label{display:block;color:#01b6e4;font-size:1.1em;font-weight:600;margin-bottom:15px;text-shadow:0 0 10px rgba(1,182,228,.5);letter-spacing:1px}.cta-section{text-align:center;margin:30px 0;padding:25px;background:#0006;border-radius:8px;border:1px solid rgba(226,13,59,.3);box-shadow:0 0 20px #e20d3b1a,inset 0 0 20px #e20d3b0d}.cta-text{font-size:1.3em;color:#fff;margin:0;font-weight:500}.free-badge{display:inline-block;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#000;padding:5px 15px;border-radius:20px;font-weight:700;font-size:.9em;margin-left:10px;box-shadow:0 0 15px #4caf5066}.home-intro__text a{color:#01b6e4;text-decoration:none;transition:all .2s ease}.home-intro__text a:hover{color:#bdf7ffe6;text-shadow:0 0 10px rgba(1,182,228,.5)}.resources__section{margin-top:3%;width:100%;word-wrap:break-word}.resources__route-style{color:#e69602;margin-bottom:-1.5%}.resources__list{margin-top:2%}.section-heading{font-family:Khula,sans-serif;text-align:center;font-size:2.2em;margin-bottom:-1%;color:#fff;text-shadow:0 0 15px rgba(1,182,228,.6),2px 2px 0 rgba(226,13,59,.3);font-weight:700;position:relative;padding-bottom:15px;letter-spacing:2px}.section-heading:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:150px;height:2px;background:linear-gradient(90deg,transparent,rgba(1,182,228,.8) 30%,rgba(226,13,59,.8) 70%,transparent);border-radius:2px;box-shadow:0 0 10px #01b6e466,0 0 10px #e20d3b66}.community-section{margin:60px 0 40px;padding:40px;background:#00000080;border-radius:12px;border:1px solid rgba(1,182,228,.3);text-align:center;box-shadow:0 0 30px #01b6e41a,inset 0 0 30px #0000004d}.community-title{font-size:2em;color:#01b6e4;margin:0 0 20px;text-shadow:0 0 15px rgba(1,182,228,.5);letter-spacing:2px}.community-text{font-size:1.1em;color:#ddd;margin:0 0 30px;line-height:1.6}.community-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:30px}.community-link{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:#01b6e414;border:2px solid rgba(1,182,228,.3);border-radius:8px;color:#fff;text-decoration:none;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.community-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(1,182,228,.2),transparent);transition:left .5s ease}.community-link:hover:before{left:100%}.community-link:hover{background:#01b6e426;border-color:#01b6e4;transform:translateY(-3px);box-shadow:0 5px 20px #01b6e466;text-shadow:0 0 8px rgba(1,182,228,.5)}.link-icon{font-size:1.3em}.api-info{font-size:.95em;color:#aaa;margin:20px 0 0;padding-top:20px;border-top:1px solid rgba(255,156,0,.1)}.api-info strong{color:#01b6e4}.api-info a{color:#01b6e4;text-decoration:none;border-bottom:1px dashed rgba(1,182,228,.5);transition:all .2s ease}.api-info a:hover{border-bottom-style:solid;color:#bdf7ffe6;text-shadow:0 0 8px rgba(1,182,228,.5)}@media only screen and (max-width: 768px){.__title{text-align:center}.home__body{width:92%;padding:10px}.page-header__title{font-size:2.5em}.features-grid{grid-template-columns:1fr}.community-links{flex-direction:column;align-items:center}.community-link{width:100%;max-width:300px}}@media (min-width: 1200px){.home__body{max-width:1200px}}@media (min-width: 1400px){.home__body{max-width:1400px}}@media (min-width: 1600px){.home__body{max-width:1600px}}@media (min-width: 1920px){.home__body{max-width:1800px}}.navbar{display:flex;justify-content:space-between;padding:3px 24px;background:#0006;box-shadow:0 1px 1px #ff9c0033;border-bottom:1px solid rgba(255,156,0,.2)}.navbar__container{width:100%;max-width:925px;margin:auto}.navbar__img{height:25px;border-radius:8px}.homepage__navTitle{text-decoration:none;color:#ff9c00;text-shadow:0 0 8px rgba(255,156,0,.4);line-height:2;font-size:20px;transition:all .2s ease}.homepage__navTitle:after{color:#ff9c00}.homepage__navTitle:hover{color:#ffb733;text-shadow:0 0 12px rgba(255,156,0,.6)}.navbar__loginContainer{float:right}.navbar__login,.navbar__register{text-decoration:none;color:#ddd;font-size:.8em;transition:all .2s ease}.navbar__login:hover,.navbar__register:hover{color:#ff9c00}.navbar__navRight{display:block;height:25px;float:right;margin-top:6px}.navbar__icon{margin:auto 6px;color:#ddd;transition:all .2s ease}.navbar__icon:before{color:#ddd}.navbar__icon:hover{color:#ff9c00}.footer{text-align:center;width:100%;padding:40px 20px;margin-top:60px;bottom:0;color:#fff6;-webkit-user-select:none;user-select:none;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;background:#0006;border-top:2px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(1,182,228,.5) 30%,rgba(226,13,59,.5) 70%,transparent) 1;box-shadow:0 -1px 20px #01b6e41a}.footer-content{max-width:800px;margin:0 auto}.footer-quote{font-size:1.1em;color:#01b6e4;font-style:italic;margin:0 0 15px;text-shadow:0 0 10px rgba(1,182,228,.4)}.footer-copyright{font-size:.9em;color:#aaa;margin:10px 0;letter-spacing:.5px}.footer-credits{font-size:.85em;color:#888;margin:5px 0 0}.footer-credits a{color:#01b6e4;text-decoration:none;transition:all .2s ease}.footer-credits a:hover{color:#bdf7ffe6;text-shadow:0 0 10px rgba(1,182,228,.5)}.header{text-align:center;width:100%;height:26px;color:#ddd;margin-top:-6px;letter-spacing:1.5px;-webkit-user-select:none;user-select:none;background:transparent}.header a{width:fit-content}.header a:link{color:#aaa;text-decoration:none;transition:all .2s ease}.header a:visited{color:#aaa;text-decoration:none}.header a:hover{color:#ff9c00;text-decoration:none;text-shadow:0 0 8px rgba(255,156,0,.4)}.header a:active{color:#ff9c00;text-decoration:none}.random-hero__container{border-radius:3px;margin:0 auto 5px;font-size:"8pt";overflow:visible;padding:15px}.random-hero-thumbnail__container{display:flex;align-items:center;padding:1% 2.5%;margin-left:auto;margin-right:auto;width:fit-content}.random-hero-thumbnail__image{display:"inline-block";width:60px;height:60px;border-radius:10px;box-shadow:0 0 5px 2px #ff9c0066;border:2px solid rgba(255,156,0,.3);margin:2px}.random-hero__title-container{display:flex;margin-right:auto}.random-hero__title{height:fit-content;width:fit-content;margin:5px auto -1%}.random-hero__title-name{max-height:50px;margin:auto;display:flex;align-items:center;color:#ff9c00;text-shadow:0 0 8px rgba(255,156,0,.4);margin-left:3vw;font-size:1.6em;border:1px solid rgba(255,156,0,.3);box-shadow:0 0 8px #ff9c004d;padding:2px 25px;border-radius:5px;background:#0006}.random-hero__title-name h3{max-height:90%;width:fit-content;margin:3px auto auto}.random-hero__btn{height:32px;min-width:90px;outline:none;font-size:16px;display:inline-block;border-radius:5px;margin:0 10px;color:#000;box-shadow:0 0 8px #ff9c0066;border:1px solid rgba(255,156,0,.5);font-weight:700;background:linear-gradient(135deg,#ff9c00,#ffb733);cursor:pointer;transition:all .2s ease}.random-hero__btn:hover{background:linear-gradient(135deg,#ffb733,#ffd166);box-shadow:0 0 12px #ff9c0099;transform:translateY(-2px)}#random-btns{margin:3% auto;height:fit-content;width:100%;display:flex;align-items:center}.hero-btn{height:32px;width:140px;border-radius:5px;margin:0 2.5%}@media screen and (max-width: 600px){#random-btns{flex-direction:column;max-width:100vw}.random-hero__btn{margin:6% auto}}.hero-preview{display:flex;gap:15px;height:725px;max-height:90vh;padding:0;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative}.hero-preview__sidebar{width:200px;display:flex;flex-direction:column;gap:10px;background:#00000080;padding:12px;border-radius:6px;border-left:2px solid rgba(255,156,0,.4);box-shadow:inset 2px 0 10px #ff9c001a,0 0 20px #00000080}@media (max-width: 768px){.hero-preview__sidebar{width:100%;border-left:none;border-bottom:2px solid rgba(255,156,0,.4)}}@media (max-width: 992px){.hero-preview__sidebar{width:100%;border-left:none;border-bottom:2px solid rgba(255,156,0,.4)}}.hero-preview__filter{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.filter-btn{padding:6px 8px;border:1px solid #444;background:#ffffff0d;color:#999;border-radius:4px;cursor:pointer;font-weight:600;font-size:.7em;letter-spacing:.5px;transition:all .2s ease;text-transform:uppercase}.filter-btn:hover{background:#ffffff1a;border-color:#666;color:#fff}.filter-btn.active{border-color:#ff9c00;background:#ff9c0033;color:#ff9c00;box-shadow:0 0 8px #ff9c004d}.filter-btn.support.active{border-color:#01b6e4e6;background:#01b6e433;color:#01b6e4e6}.filter-btn.damage.active{border-color:#e02e28;background:#e02e2833;color:#e02e28}.filter-btn.tank.active{border-color:#b81fe7;background:#b81fe733;color:#b81fe7}.hero-preview__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;overflow-y:auto;overflow-x:hidden;padding-right:4px;flex:1;min-height:0}@media (max-width: 1200px){.hero-preview__grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.hero-preview__grid{grid-template-columns:repeat(5,1fr);flex:none;min-height:auto;overflow:visible;gap:6px}}@media (max-width: 576px){.hero-preview__grid{grid-template-columns:repeat(4,1fr)}}.hero-preview__sidebar-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px;flex-shrink:0}.hero-preview__sidebar-actions .filter-btn{padding:6px 8px;font-size:.75em}.hero-preview__grid::-webkit-scrollbar{width:4px}.hero-preview__grid::-webkit-scrollbar-track{background:#0003;border-radius:2px}.hero-preview__grid::-webkit-scrollbar-thumb{background:#ff9c004d;border-radius:2px}.hero-preview__grid::-webkit-scrollbar-thumb:hover{background:#ff9c0080}.hero-preview__grid-item{aspect-ratio:1;cursor:pointer;border:2px solid transparent;border-radius:4px;overflow:hidden;transition:all .2s ease;background:#0000004d}.hero-preview__grid-item:hover{border-color:#ff9c00;transform:scale(1.05);box-shadow:0 0 10px #ff9c0066}.hero-preview__grid-item.selected{border-color:#ff9c00;box-shadow:0 0 12px #ff9c0099;background:#ff9c0026}.hero-preview__grid-icon{width:100%;height:100%;object-fit:cover;display:block}.hero-preview__main{flex:1;background:#0006;border-radius:6px;overflow:auto;border:1px solid rgba(255,156,0,.2);display:flex;flex-direction:column}.hero-preview__empty{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.2em;color:#888}.hero-detail{height:auto;display:flex;flex-direction:column;padding:20px;gap:15px;flex:1}.hero-detail__top{display:flex;gap:20px;flex-shrink:0}.hero-detail__portrait{width:180px;height:180px;flex-shrink:0}.hero-detail__portrait-img{width:100%;height:100%;border-radius:6px;object-fit:cover;border:2px solid #ff9c00;box-shadow:0 0 15px #ff9c004d,0 4px 12px #00000080}.hero-detail__basic-info{flex:1;display:flex;flex-direction:column;gap:10px}.hero-detail__title-row{display:flex;align-items:center;gap:12px}.hero-detail__actions{margin-left:auto;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.hero-detail__name{margin:0;font-size:2em;font-weight:700;color:#ff9c00;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(255,156,0,.4)}.hero-detail__role-badge{padding:4px 12px;border-radius:4px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:1px}.hero-detail__role-badge.tank{background:#4c0761;color:#fff}.hero-detail__role-badge.damage{background:#e02e28;color:#fff}.hero-detail__role-badge.support{background:#0176b4;color:#fff}.hero-detail__real-name{font-size:1em;color:#aaa;margin:0}.hero-detail__stats-row{display:flex;gap:15px;margin-top:5px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.stat-label{font-size:.7em;color:#888;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.3em;font-weight:700;color:#fff;margin-top:2px}.hero-detail__meta{display:flex;gap:20px;margin-top:auto}.meta-item{display:flex;align-items:center;gap:6px;font-size:.85em}.meta-label{color:#888;text-transform:uppercase;font-size:.85em;letter-spacing:.5px}.meta-value{color:#fff;font-weight:600}.hero-detail__bottom{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:15px;overflow:auto;max-width:100%}.hero-detail__column{display:flex;flex-direction:column;gap:12px;overflow:hidden;min-width:0}.info-section{background:#ffffff08;padding:12px;border-radius:4px;border-left:3px solid #ff9c00;min-width:0;overflow:hidden}.section-title{margin:0 0 10px;font-size:.9em;color:#ff9c00;text-transform:uppercase;letter-spacing:1px;font-weight:700}.info-list{display:flex;flex-direction:column;gap:6px}.info-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85em}.info-label{color:#888;font-weight:600;text-transform:uppercase;font-size:.85em;letter-spacing:.5px}.info-value{color:#fff;text-align:right}.quote-section{flex:1;display:flex;flex-direction:column}.hero-quote{margin:0;padding:12px;background:#ff9c000d;border-left:3px solid #ff9c00;border-radius:4px;font-style:italic;font-size:.9em;color:#ddd;line-height:1.4}.matchup-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:100%;justify-items:center}.matchup-icon{display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:4px;border:2px solid;transition:all .2s ease;cursor:pointer;position:relative;padding:4px;background:#0003;width:100%;max-width:120px;justify-self:center}.matchup-icon img{width:40px;height:40px;max-width:none;object-fit:cover;display:block;border-radius:2px}.matchup-icon-name{font-size:.65em;font-weight:600;text-align:center;color:#fff;line-height:1.1;text-transform:uppercase;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.matchup-icon.good{border-color:#4caf50}.matchup-icon.good.strong{border-color:#66bb6a;box-shadow:0 0 8px #4caf5080}.matchup-icon.good .matchup-icon-name{color:#66bb6a}.matchup-icon.bad{border-color:#f44336}.matchup-icon.bad.strong{border-color:#ef5350;box-shadow:0 0 8px #f4433680}.matchup-icon.bad .matchup-icon-name{color:#ef5350}.matchup-icon:hover{transform:scale(1.05);z-index:10;box-shadow:0 4px 12px #0006}.matchup-icon:hover .matchup-icon-name{font-weight:700}.matchup-icons--many{grid-template-columns:repeat(6,1fr)!important;gap:8px;max-width:100%}.matchup-icons--many .matchup-icon{padding:2px;max-width:none}.matchup-icons--many .matchup-icon img{width:40px;height:40px}.matchup-icons--many .matchup-icon-name{font-size:.55em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 1600px){.matchup-icons{grid-template-columns:repeat(5,1fr);gap:10px;max-width:700px;margin:0 auto}.matchup-icon{padding:6px}.matchup-icon-name{font-size:.7em}.hero-preview{height:820px}.hero-detail__bottom{gap:20px}}@media (min-width: 993px){.matchup-icon img{width:48px;height:48px}.matchup-icon{max-width:96px}}@media (min-width: 1200px) and (max-width: 1399px){.matchup-icon img{width:48px;height:48px}.matchup-icon{max-width:104px}}@media (min-width: 1400px) and (max-width: 1599px){.matchup-icon img{width:52px;height:52px}.matchup-icon{max-width:112px}}@media (min-width: 1400px) and (max-width: 1599px){.matchup-icons{grid-template-columns:repeat(5,1fr);gap:10px;max-width:650px;margin:0 auto}.matchup-icon{padding:5px}.matchup-icon-name{font-size:.68em}.hero-preview{height:750px}}@media (min-width: 1200px) and (max-width: 1399px){.matchup-icons{grid-template-columns:repeat(4,1fr);gap:10px;max-width:600px;margin:0 auto}.matchup-icon-name{font-size:.66em}}@media (min-width: 993px) and (max-width: 1199px){.matchup-icons{grid-template-columns:repeat(4,1fr);gap:10px;max-width:520px;margin:0 auto}}@media (max-width: 1200px){.hero-preview{min-height:700px}.hero-detail__name{font-size:1.6em}.hero-detail__portrait{width:150px;height:150px}}@media (max-width: 992px){.hero-preview{flex-direction:column;height:auto;max-height:none}.hero-preview__grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.hero-detail{height:auto}.hero-detail__bottom{grid-template-columns:1fr}}@media (max-width: 768px){.hero-preview{padding:10px}.hero-preview__sidebar{height:fit-content}.hero-detail__top{flex-direction:column}.hero-detail__portrait{width:120px;height:120px}.hero-detail__name{font-size:1.4em}.hero-detail__stats-row{flex-wrap:wrap}.matchup-icons{grid-template-columns:repeat(4,1fr)!important;gap:8px;max-width:none}.matchup-icon{max-width:none}.matchup-icon-name{font-size:.6em}}@media (max-width: 576px){.hero-detail__bottom{gap:10px}.filter-btn{font-size:.65em;padding:5px 6px}.matchup-icons{grid-template-columns:repeat(3,1fr)!important;gap:10px;max-width:none}.matchup-icon{padding:3px;max-width:none}.matchup-icon-name{font-size:.55em;white-space:normal;line-height:1}}.hero-profile{padding:0 15px;margin:5px auto;border-radius:3px;width:100%}.hero-profile__title{font-size:24pt;opacity:1;text-shadow:0 0 10px rgba(255,156,0,.3);font-family:Khula,sans-serif;text-transform:uppercase;height:fit-content;width:fit-content;margin:auto;color:#ff9c00}#hero-profile__hero-select{padding:10px 0;width:fit-content;height:25px;margin:10px auto 25px}#choose-hero-text{font-size:14.5pt}#hero-selection{font-size:13pt;opacity:.5}.hero-profile__hero-thumbnail{display:"inline-block";width:60px;height:60px;border-radius:5px;box-shadow:0 0 2px 1px #ff9c004d;margin:4px;border:2px solid transparent;transition:all .2s ease}.hero-profile__hero-thumbnail:hover{border-color:#ff9c00;transform:scale(1.05);box-shadow:0 0 10px #ff9c0080}.icon-highlight{box-shadow:0 0 8px 3px #ff9c0099;border-color:#ff9c00}.hero-profile__text,.hero-profile__text2{font-size:13pt;margin:-5px 2px 20px}.hero-profile__text2 a{color:#ff9c00;text-decoration:none;transition:all .2s ease}.hero-profile__text2 a:visited{color:#ff9c00}.hero-profile__text2 a:hover{color:#ffb733;text-shadow:0 0 8px rgba(255,156,0,.4)}.hero-profile__text3{font-size:13pt;margin:-5px 2px 20px;text-align:center}.hero-profile__hero-thumbnail:hover{cursor:pointer}.hero-profile__hero-row-title{font-size:1.3em;margin:3px;font-family:Khula,sans-serif;color:#ddd}#hero-profile__pics-container{margin:auto;width:95%}.hero-profile__hero-section{margin:5px auto}.resources__list{width:100%}.api-url{width:100%;word-wrap:break-word}section{font-size:1.2em}.counter-table{margin:15px auto;max-width:100%;-webkit-user-select:none;user-select:none;padding:0 10px}#matchup-table__title{display:block;padding:2px 15px;text-transform:uppercase;font-size:24pt;opacity:1;font-family:Khula,sans-serif;height:fit-content;margin:15px 0;text-align:center;color:#fff;text-shadow:0 0 15px rgba(1,182,228,.6),0 0 30px rgba(1,182,228,.3),2px 2px 0 rgba(226,13,59,.3);letter-spacing:2px}.counter-table__controls{display:flex;gap:10px;justify-content:center;align-items:center;margin-bottom:15px;flex-wrap:wrap}.counter-table__search{padding:8px 15px;font-size:14px;border:2px solid rgba(1,182,228,.3);background:#0006;color:#ddd;border-radius:4px;outline:none;min-width:250px;font-family:Khula,sans-serif;transition:all .3s ease}.counter-table__search:focus{border-color:#01b6e4;box-shadow:0 0 15px #01b6e466}.counter-table__search::placeholder{color:#fff6}.counter-table__clear-selection{padding:8px 15px;font-size:14px;border:2px solid rgba(226,13,59,.5);background:#e20d3b26;color:#e20d3b;border-radius:4px;cursor:pointer;font-family:Khula,sans-serif;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.counter-table__clear-selection:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(226,13,59,.2),transparent);transition:left .5s ease}.counter-table__clear-selection:hover:before{left:100%}.counter-table__clear-selection:hover{background:#e20d3b40;border-color:#e20d3b;box-shadow:0 0 15px #e20d3b66;text-shadow:0 0 8px rgba(226,13,59,.5)}.counter-table__container{width:100%;overflow-x:auto;overflow-y:auto;max-height:80vh;border:2px solid rgba(1,182,228,.3);border-radius:4px;background:#0006;position:relative;box-shadow:0 0 20px #01b6e41a,inset 0 0 20px #0000004d}.counter-table__scroll-wrapper{display:inline-block;min-width:100%}.counter-table__corner-cell{position:sticky;left:0;top:0;z-index:30;width:120px;height:40px;background:#000000f2;border-right:2px solid rgba(1,182,228,.3);border-bottom:2px solid rgba(1,182,228,.3);display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#01b6e4;font-weight:600;text-shadow:0 0 8px rgba(1,182,228,.3)}.counter-table__axis-label{display:block;text-transform:uppercase;letter-spacing:.5px}.counter-table__axis-label--vertical{writing-mode:vertical-rl;transform:rotate(180deg)}.counter-table__header-row{display:flex;position:sticky;top:0;z-index:20;background:#000000e6}.counter-table__header-cell{width:25px;min-width:25px;height:40px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(1,182,228,.15);border-bottom:2px solid rgba(1,182,228,.3);cursor:pointer;transition:all .3s;background:#000000b3;position:relative}.counter-table__header-cell:hover{background:#01b6e426;border-right-color:#01b6e466}.counter-table__header-cell--selected{background:#01b6e440;border-right-color:#01b6e4;box-shadow:0 0 10px #01b6e44d}.counter-table__header-text{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;color:#ddd;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:38px;padding:2px 0}.counter-table__footer-row{display:flex;position:sticky;bottom:0;z-index:20;background:#000000e6}.counter-table__footer-cell{width:25px;min-width:25px;height:40px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(1,182,228,.15);border-top:2px solid rgba(1,182,228,.3);cursor:pointer;transition:all .3s;background:#000000b3;position:relative}.counter-table__footer-cell:hover{background:#01b6e426;border-right-color:#01b6e466}.counter-table__footer-cell--selected{background:#01b6e440;border-right-color:#01b6e4;box-shadow:0 0 10px #01b6e44d}.counter-table__footer-text{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;color:#ddd;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:38px;padding:2px 0}.counter-table__corner-cell--bottom{border-top:2px solid rgba(1,182,228,.3);border-bottom:none}.counter-table__row{display:flex;transition:background-color .3s}.counter-table__row:hover{background:#01b6e40d}.counter-table__row--selected{background:#01b6e41a}.counter-table__row-header{position:sticky;left:0;z-index:10;width:120px;min-width:120px;height:25px;display:flex;align-items:center;justify-content:flex-end;padding:0 8px;background:#000000e6;border-right:2px solid rgba(1,182,228,.3);border-bottom:1px solid rgba(1,182,228,.15);cursor:pointer;transition:all .3s}.counter-table__row-header:hover{background:#01b6e426;border-bottom-color:#01b6e466}.counter-table__row-header--selected{background:#01b6e440;border-bottom-color:#01b6e4;box-shadow:0 0 10px #01b6e44d}.counter-table__row-text{font-size:11px;color:#ddd;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px;text-align:right}.counter-table__cell{width:25px;min-width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(1,182,228,.1);border-bottom:1px solid rgba(1,182,228,.1);transition:all .3s;cursor:default;position:relative}.counter-table__cell-symbol{font-size:11px;font-weight:700;color:#000c;text-shadow:0 0 2px rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;line-height:1;margin:0;padding:0}.counter-table__cell--hovered{transform:scale(1.15);z-index:5;box-shadow:0 0 15px #01b6e499,0 0 20px #e20d3b4d;border:2px solid rgb(1,182,228)}.counter-table__cell--diagonal{background:repeating-linear-gradient(45deg,#8080801a,#8080801a 2px,#80808033 2px,#80808033 4px);cursor:not-allowed}.counter-table__cell--very-strong{background-color:#01b6e4;background:linear-gradient(135deg,#01b6e4,#008cba)}.counter-table__cell--strong{background-color:#b7f0f8f2;background:linear-gradient(135deg,#b7f0f8f2,#8cdcebf2)}.counter-table__cell--weak{background-color:#ffb4c1;background:linear-gradient(135deg,#ffb4c1,#ff8ca5)}.counter-table__cell--very-weak{background-color:#e20d3b;background:linear-gradient(135deg,#e20d3b,#b40a2d)}.counter-table__cell--empty{background:#0000001a}.counter-table__tooltip{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#000000f2;color:#fff;padding:12px 20px;border-radius:6px;border:2px solid #ff9c00;font-size:14px;z-index:1000;pointer-events:none;box-shadow:0 4px 12px #00000080;text-align:center;font-family:Khula,sans-serif}.counter-table__tooltip strong{color:#ff9c00}.counter-table__tooltip .tooltip-value{font-weight:700;font-size:16px;padding:2px 6px;border-radius:3px;display:inline-block;margin-left:4px}.counter-table__legend{display:flex;justify-content:center;gap:20px;margin:20px auto;flex-wrap:wrap;max-width:800px}.counter-table__legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#ddd;font-family:Khula,sans-serif}.counter-table__legend-box{width:24px;height:24px;border-radius:3px;border:1px solid rgba(1,182,228,.3)}.counter-table__legend-box--very-strong{background:linear-gradient(135deg,#01b6e4,#008cba)}.counter-table__legend-box--strong{background:linear-gradient(135deg,#b7f0f8f2,#8cdcebf2)}.counter-table__legend-box--weak{background:linear-gradient(135deg,#ffb4c1,#ff8ca5)}.counter-table__legend-box--very-weak{background:linear-gradient(135deg,#e20d3b,#b40a2d)}.counter-table__info{text-align:center;margin-top:10px;font-size:12px;color:#ffffff80;font-family:Khula,sans-serif}.counter-table__container::-webkit-scrollbar{width:10px;height:10px}.counter-table__container::-webkit-scrollbar-track{background:#0006}.counter-table__container::-webkit-scrollbar-thumb{background:#01b6e466;border-radius:5px;box-shadow:0 0 5px #01b6e44d}.counter-table__container::-webkit-scrollbar-thumb:hover{background:#01b6e499;box-shadow:0 0 8px #01b6e480}@media screen and (max-width: 768px){#matchup-table__title{font-size:18pt}.counter-table__search{min-width:200px;font-size:13px}.counter-table__corner-cell{width:90px}.counter-table__row-header{width:90px;min-width:90px}.counter-table__cell,.counter-table__header-cell,.counter-table__footer-cell{width:22px;min-width:22px}.counter-table__cell{height:22px}.counter-table__legend{gap:10px}.counter-table__legend-item{font-size:11px}}@media screen and (max-width: 480px){.counter-table__corner-cell{width:70px}.counter-table__row-header{width:70px;min-width:70px;padding:0 4px}.counter-table__row-text{font-size:9px}.counter-table__header-text{font-size:8px}.counter-table__cell,.counter-table__header-cell,.counter-table__footer-cell{width:20px;min-width:20px}.counter-table__cell{height:20px}.counter-table__cell-symbol{font-size:9px}}@media print{.counter-table__controls{display:none}.counter-table__container{max-height:none;overflow:visible}.counter-table__tooltip{display:none}}.hero-matchup__container{margin:auto;min-height:125px}.hero-matchup__tbody{display:block;max-width:1080px;overflow:scroll}.hero-matchup__tbody::-webkit-scrollbar{display:none}.hero-matchup td{font-size:12pt;color:#ddd}.hero-matchup__td-doubleplus{background-color:#01b6e480}.hero-matchup__td-plus{background-color:#bdf7ffcc}.hero-matchup__td-doubleminus{background-color:#e20d3b99}.hero-matchup__td-minus{background-color:#ffb4c1cc}.hero-matchup__table-title{height:fit-content;margin:20px 2px 15px;font-size:20pt;font-family:Khula;color:#ff9c00;text-shadow:0 0 8px rgba(255,156,0,.3)}.counter-hero__td-random{min-width:30px;font-size:11pt;text-align:center}.counter-type__td-random{font-size:12pt;text-align:center;border:solid .5pt rgba(255,156,0,.2);background:#0003}.counter-hero__td-profile{min-width:30px;font-size:12pt;text-align:center;overflow:hidden}.counter-type__td-profile{min-width:30px;max-width:60px;font-size:12pt;text-align:center;border:solid .5pt rgba(255,156,0,.2);background:#0003}.hero-matchup__archetype-container{margin:1% .5%;font-weight:700}