*:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a{cursor:revert}ol,ul,menu{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}:where([hidden]){display:none}:where([contenteditable]){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space}:where([draggable="true"]){-webkit-user-drag:element}@font-face{font-family:"Paladins";src:url("/assets/fonts/paladins.ttf");font-weight:400}@font-face{font-family:"Calibri";src:url("/assets/fonts/calibri-regular.ttf");font-weight:400}@font-face{font-family:"Calibri";src:url("/assets/fonts/calibri-bold.ttf");font-weight:700}@font-face{font-family:"Calibri";src:url("/assets/fonts/calibri-italic.ttf");font-weight:400;font-style:italic}html{scroll-behavior:smooth;font-size:14px}@media all and (min-width: 769px){html{font-size:16px}}body{background:#060C19;color:white;font-family:'Calibri', sans-serif}h1,h2,h3{font-family:'Paladins', serif;margin-bottom:1rem}h2{font-size:2.6rem}#header #menu ul{display:flex;align-items:center;justify-content:center}#header #menu ul a{display:block;padding:1em;text-transform:uppercase}#hero{background:url("/assets/images/planet.png");background-position:center;background-size:cover;background-repeat:no-repeat;height:80vh;width:100%;display:flex;align-items:center;justify-content:center}#hero img{max-width:80%}.section.gradient{background-image:url("/assets/images/gradient.png");background-size:cover;background-repeat:no-repeat}.section:nth-child(odd){background-image:url("/assets/images/gradient2.png")}.section .section-inner{max-width:1300px;margin:0 auto;padding:3rem 2rem}.section .section-inner.wide{max-width:1900px}.section .section-inner.no-padding{padding:0}.section .section-inner.no-text{font-size:0}.section .leftright{display:grid;grid-gap:2em;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}#footer{background:linear-gradient(#ff980f, #ff7b0f)}#footer .section-inner{display:flex;align-items:center;justify-content:space-between;padding:4rem 2rem}#footer .cc{font-style:italic}#footer .social{position:relative}#footer .social .social-wrapper{display:flex}#footer .social .social-wrapper img{width:42px;filter:invert(1)}#footer .social .social-wrapper img.in{padding:8px}#footer .social .social-later{position:absolute;top:0;left:0;display:none;backdrop-filter:blur(4px);align-items:center;justify-content:center;z-index:2;color:#172135;font-weight:bold;letter-spacing:1px}.bal-container{position:relative;width:100%;height:100%;cursor:grab;overflow:hidden}.bal-after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.bal-before{display:block;position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;z-index:15;overflow:hidden}.bal-before-inset{position:absolute;top:0;bottom:0;left:0}.bal-after img,.bal-before img{object-fit:cover;position:absolute;width:100%;height:100%;object-position:50% 50%;top:0;bottom:0;left:0;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bal-beforePosition{background:#121212;color:#fff;left:0;pointer-events:none;border-radius:0.2rem;padding:2px 10px}.bal-afterPosition{background:#121212;color:#fff;right:0;pointer-events:none;border-radius:0.2rem;padding:2px 10px}.bal-handle{height:41px;width:41px;position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-21px;border:2px solid #fff;border-radius:1000px;z-index:20;pointer-events:none;box-shadow:0 0 10px #0c0c0c}.handle-left-arrow,.handle-right-arrow{width:0;height:0;border:6px inset transparent;position:absolute;top:50%;margin-top:-6px}.handle-left-arrow{border-right:6px solid #fff;left:50%;margin-left:-17px}.handle-right-arrow{border-left:6px solid #fff;right:50%;margin-right:-17px}.bal-handle::before{bottom:50%;margin-bottom:20px;box-shadow:0 0 10px #0c0c0c}.bal-handle::after{top:50%;margin-top:20.5px;box-shadow:0 0 5px #0c0c0c}.bal-handle::before,.bal-handle::after{content:" ";display:block;width:2px;background:#fff;height:9999px;position:absolute;left:50%;margin-left:-1.5px}@media all and (max-width: 768px){#lineup{display:none}}#character-view-wrapper{width:500px;height:600px}#characters-circles{display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));width:100%;max-width:300px;grid-gap:2rem;margin-left:4rem}@media all and (max-width: 768px){#characters-circles{grid-template-columns:repeat(4, 1fr);grid-gap:1rem;max-width:unset;margin:0 auto}}#characters-circles .c-wrapper{position:relative;transition:transform .5s;cursor:pointer}#characters-circles .c-wrapper:hover{transform:scale(1.1)}#characters-circles .c-wrapper::before{content:"";display:block;padding-bottom:100%}#characters-circles .c-wrapper>div{border:4px solid white;border-radius:200px;height:100%;width:100%;position:absolute;top:0;left:0;background-color:#060C19;background-image:var(--closeup-url);background-size:contain}@media all and (max-width: 768px){#characters-circles .c-wrapper>div{border-width:3px}}#characters-circles .c-wrapper>div.unknown:after{content:'?';font-size:7rem;line-height:1;font-style:italic;font-weight:bold;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;top:9px;left:-4px}@media all and (max-width: 768px){#characters-circles .c-wrapper>div.unknown:after{font-size:5rem}}#team-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));grid-gap:2em;max-width:500px;margin:0 auto}#team-grid .t-wrapper{position:relative;transition:transform .5s;cursor:pointer}#team-grid .t-wrapper:hover{transform:scale(1.1)}#team-grid .t-wrapper::before{content:"";display:block;padding-bottom:100%}#team-grid .t-wrapper>div{border:4px solid white;border-radius:200px;height:100%;width:100%;position:absolute;top:0;left:0;background-color:white}[data-name="octobot"]{--closeup-url: url("/assets/images/characters/octobot_closeup.png")}[data-name="archer"]{--closeup-url: url("/assets/images/characters/archer_closeup.png")}[data-name="gunslinger"]{--closeup-url: url("/assets/images/characters/gunslinger_closeup.png")}[data-name="swordswoman"]{--closeup-url: url("/assets/images/characters/swordswoman_closeup.png")}[data-name="assasin"]{--closeup-url: url("/assets/images/characters/assasin_closeup.png")}