@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@700&family=Barlow:wght@300;400;500&display=swap);.navbar-title,h1,h2,h3,h4,h5,h6,th{font-family:Oswald,sans-serif;font-weight:700}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#111;font-family:Barlow,sans-serif;margin:0}body.dark{background-color:#1a1a1a;color:#e8e8e8}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:0 auto;max-width:1200px;padding:16px}.page-content{position:relative;z-index:0}.card{background:#e1e6ec;display:flex;flex-direction:column;margin-bottom:16px}body.dark .card{background:#090a10}body.dark .card-header{background:#393875}.card-header{align-items:baseline;background:#000;color:#fff;display:flex;gap:12px;padding:8px 14px}.card-header h3{color:inherit;margin:0}.card-body{flex:1 1;padding:12px 14px}body{background-color:#d9dcec}body.dark{background-color:#2b3340}:root{--role-vanguard:#1868bb;--role-duelist:#c01818;--role-strategist:#1a8022}body.dark{--role-vanguard:#6898d8;--role-duelist:#e05050;--role-strategist:#58b860}.role-icon-vanguard{filter:brightness(0) saturate(100%) invert(26%) sepia(93%) saturate(1000%) hue-rotate(195deg) brightness(94%) contrast(102%)}.role-icon-duelist{filter:brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(7000%) hue-rotate(350deg) brightness(97%) contrast(101%)}.role-icon-strategist{filter:brightness(0) saturate(100%) invert(43%) sepia(75%) saturate(800%) hue-rotate(100deg) brightness(93%) contrast(109%)}body.dark .role-icon-vanguard{filter:brightness(0) saturate(100%) invert(60%) sepia(52%) saturate(500%) hue-rotate(158deg) brightness(100%) contrast(100%)}body.dark .role-icon-duelist{filter:brightness(0) saturate(100%) invert(48%) sepia(72%) saturate(1100%) hue-rotate(320deg) brightness(100%) contrast(100%)}body.dark .role-icon-strategist{filter:brightness(0) saturate(100%) invert(58%) sepia(48%) saturate(380%) hue-rotate(102deg) brightness(100%) contrast(100%)}.role-text-vanguard{color:#1868bb;color:var(--role-vanguard)}.role-text-duelist{color:#c01818;color:var(--role-duelist)}.role-text-strategist{color:#1a8022;color:var(--role-strategist)}.page-footer{align-items:center;border-top:1px solid #80808033;display:flex;flex-direction:column;gap:12px;margin-top:32px;padding:20px 0 12px;text-align:center}.footer-disclaimer{font-size:.78em;line-height:1.5;max-width:640px;opacity:.55}.footer-links{align-items:center;display:flex;flex-wrap:wrap;font-size:.85em;gap:20px;justify-content:center}.footer-link{color:inherit;opacity:.65;text-decoration:none;transition:opacity .15s}.footer-link:hover{opacity:1;text-decoration:underline}.filter-btn-group{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:center;row-gap:2px}.filter-btn-group .filter-btn{margin-right:-1px}.filter-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;font-size:.95em;font-weight:700;padding:5px 10px;position:relative;transition:color .12s;white-space:nowrap}.filter-btn:before{background:#0000;content:"";inset:0;position:absolute;transform:skewX(-4.25deg);transition:background .12s;z-index:-1}.filter-btn:not(.active):not(.filter-rank-btn):before{border:2px solid}.filter-btn:not(.active):not(.filter-rank-btn)+.filter-btn:not(.active):not(.filter-rank-btn):before{border-left:none}.filter-btn:hover:before{background:#0000001a}.filter-btn.active:before{background:#000}.filter-btn.active+.filter-btn.active:before{border-left:2px solid #fbdd31}.filter-btn.active{color:#fff}@media (max-width:700px){.App{padding:8px}}.navbar{align-items:center;background:#fbdd31;box-shadow:0 3px 0 0 #6326cc,-3px 0 0 0 #6326cc,3px 0 0 0 #6326cc,-3px 3px 0 0 #6326cc,3px 3px 0 0 #6326cc,inset 0 -3px 0 0 #6bfae4,inset 3px 0 0 0 #6bfae4;color:#000;display:flex;gap:24px;margin:-16px -16px 16px;padding:10px 16px;transform:skewX(-4.25deg);z-index:10}.navbar>*{transform:skewX(4.25deg)}body.dark .navbar{background:#fbdd31;color:#000}.navbar-title{font-size:2.2em;font-weight:700;margin-right:auto;white-space:nowrap}.navbar-links{align-items:stretch;align-self:stretch;display:flex;gap:4px;margin:-10px 0}.nav-link{align-items:center;background:none;border:none;border-radius:0;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:.95em;font-weight:700;padding:0 14px;position:relative;text-decoration:none;transition:color .12s}.nav-link:before{background:#0000;content:"";inset:0;position:absolute;transform:skewX(-4.25deg);transition:background .12s;z-index:-1}.nav-link:hover:before{background:#0000001a}.nav-link.active:before{background:#000}.nav-link.active{color:#fff}.nav-heroes-wrap{align-items:stretch;display:flex}.nav-heroes-dropdown{background:#fff;border:1px solid #ddd;border-radius:0;box-shadow:0 6px 20px #0000001f;color:#111;display:flex;gap:24px;min-width:480px;padding:16px 16px 12px;position:fixed;z-index:9999}.nav-heroes-dropdown.dark{background:#000;border-color:#444;box-shadow:0 6px 20px #0006;color:#e8e8e8}.nav-heroes-col{display:flex;flex:1 1;flex-direction:column;gap:2px}.nav-heroes-role{font-size:.8em;font-weight:700;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.nav-hero-link{border-radius:4px;color:inherit;font-size:.88em;padding:3px 6px;text-decoration:none;transition:background .1s;white-space:nowrap}.nav-hero-link:hover{background:#80808026}.nav-hero-link.active{font-weight:700}.nav-tp-btn{position:relative}.nav-tp-btn:not(.active):after{background:linear-gradient(to bottom right,#0000 calc(50% - 1px),#000 calc(50% - 1px),#000 calc(50% + 1px),#0000 calc(50% + 1px));content:"";inset:0;pointer-events:none;position:absolute}.nav-tp-btn:disabled{opacity:.35}.nav-hamburger{background:none;border:none;color:inherit;cursor:pointer;display:none;flex-shrink:0;font-family:inherit;font-size:1.3em;line-height:1;padding:4px 8px}.nav-mobile-backdrop{inset:0;position:fixed;z-index:9997}.nav-mobile-menu{background:#fff;box-shadow:0 6px 20px #0003;color:#111;display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;right:0;z-index:9998}.nav-mobile-menu.dark{background:#0a0a14;color:#e8e8e8}.nav-mobile-link{border-bottom:1px solid #8080801f;color:inherit;font-size:1em;font-weight:700;padding:13px 20px;text-decoration:none}.nav-mobile-link.active{background:#0000000f}.nav-mobile-menu.dark .nav-mobile-link.active{background:#ffffff14}.nav-mobile-divider{background:#80808033;height:1px;margin:4px 0}.nav-mobile-role-group{border-bottom:1px solid #8080801f;padding:10px 20px 12px}.nav-mobile-role-group .nav-heroes-role{margin-bottom:8px}.nav-mobile-hero-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr)}.nav-mobile-hero-grid .nav-hero-link{border-radius:4px;font-size:.82em;padding:5px 8px}@media (max-width:700px){.navbar{padding:16px 16px 10px}.navbar-title{flex-shrink:1;font-size:1.45em;min-width:0;overflow:hidden;text-overflow:ellipsis}.navbar-links{display:none}.nav-hamburger{align-items:center;display:flex;justify-content:center}}
/*# sourceMappingURL=main.67b41b82.css.map*/