:root{--clr-dark:230 35% 7%;--clr-light:231 77% 90%;--clr-white:0 0% 100%;--clr-gold:41 82% 47%;--fs-900:clamp(5rem,7vw + 1rem,9.375rem);--fs-800:6.25rem;--fs-700:3.5rem;--fs-600:2rem;--fs-500:1.75rem;--fs-400:1.125rem;--fs-300:1rem;--fs-200:0.875rem;--ff-times:"serif"}@media (min-width:35em){:root{--fs-900:9.375rem;--fs-800:5rem;--fs-700:2.5rem;--fs-600:1.5rem;--fs-400:1rem}}@media (min-width:45em){:root{--fs-800:6.25rem;--fs-700:3.5rem;--fs-600:2rem;--fs-400:1.125rem}}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;width:100%}figure,h1,h2,h3,h4,h5,p,picture{margin:0}h1,h2,h3,h4,h5,h6,p{font-weight:400}@font-face{font-family:EurostileCondensedRegular;src:url(/fonts/EurostileCondensedRegular.otf) format("opentype");font-weight:400;font-style:normal}body{font-family:EurostileCondensedRegular,sans-serif;font-size:var(--fs-400);color:hsl(var(--clr-light));background-color:hsl(var(--clr-dark));line-height:1.5;min-height:100vh;display:grid;grid-template-rows:min-content 1fr}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.flexCol,.flexRow{display:flex;position:relative}.flexCol{flex-direction:column}.grid{display:grid;grid-gap:var(--gap,1rem);gap:var(--gap,1rem)}.expand{flex:1 1}.fill-page{height:100vh;width:100vw}.center-content{justify-content:center;align-content:center}.text-center{text-align:center}.sectionCard{padding:2em;line-height:3rem;align-items:center;justify-content:center}.clientNanovor .nanovorAnimation,.clientNanovor .nanovorImage{transform:scaleX(-1)}.shakeImage{animation:shake .6s;animation-iteration-count:once}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.pinkTint .nanovorImage{background:#722b37}.invert-max{filter:invert(1);--webkit-filter:invert(1)}.flow>:where(:not(:first-child)){margin-top:var(--flow-space,1rem);outline:1px solid red}.container{padding-inline:2em;margin-inline:auto;max-width:80rem}@media (min-width:45em){.container{padding-inline:2em;margin-inline:auto;max-width:80rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bg-dark{background-color:hsl(var(--clr-dark))}.bg-accent{background-color:hsl(var(--clr-light))}.bg-white{background-color:hsl(var(--clr-white))}.bg-gold{background-color:hsl(var(--clr-gold))}.text-dark{color:hsl(var(--clr-dark))}.text-accent{color:hsl(var(--clr-light))}.text-white{color:hsl(var(--clr-white))}.text-gold{color:hsl(var(--clr-gold))}.example-component{background-color:hsl(var(--clr-light)/.2)}.ff-times{font-family:var(--ff-times)}.letter-spacing-1{letter-spacing:4.75px}.letter-spacing-2{letter-spacing:2.7px}.letter-spacing-3{letter-spacing:2.35px}.uppercase{text-transform:uppercase}.fs-900{font-size:var(--fs-900)}.fs-800{font-size:var(--fs-800)}.fs-700{font-size:var(--fs-700)}.fs-600{font-size:var(--fs-600)}.fs-500{font-size:var(--fs-500)}.fs-400{font-size:var(--fs-400)}.fs-300{font-size:var(--fs-300)}.fs-200{font-size:var(--fs-200)}.fs-600,.fs-700,.fs-800,.fs-900{line-height:1.1}.numbered-title{font-family:var(--ff-times);font-size:var(--fs-500);text-transform:uppercase;letter-spacing:4.72px}.numbered-title span{margin-right:.5em;font-weight:700;color:hsl(var(--clr-white)/.25)}.footerButton{width:110px;max-width:150px;padding:10px;font-size:small}.flexFooterButton,.footerButton{align-self:center;border-radius:10px;font-weight:700;background-color:#071b24;border-color:#b8860b;color:#b8860b}.large-button{position:relative;display:grid;z-index:1;place-items:center;padding:0 2em;border-radius:50%;text-decoration:none;aspect-ratio:1}.large-button:after{content:"";position:absolute;z-index:-1;background:hsl(var(--clr-white)/.15);width:100%;height:100%;border-radius:inherit;opacity:0;transition:opacity .5s linear,transform .5s ease-in-out}.large-button:focus:after,.large-button:hover:after{opacity:1;transform:scale(1.5)}.vertical-scroll-snap{height:100vh;position:relative;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;overflow-y:scroll}.vertical-scroll-snap .navBar{position:sticky;top:0;z-index:1}.vertical-scroll-card{display:flex;flex-direction:column;min-height:100vh;max-height:100vh;scroll-snap-align:start;position:relative}.landingPage{-ms-overflow-style:none;scrollbar-width:none}.landingPage::-webkit-scrollbar{display:none}.battlePage{display:flex;flex-direction:column;background-size:cover;justify-content:space-between;position:relative;overflow:hidden}.battlePage,.loginVideo{height:100vh;width:100vw}.loginVideo{position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover;z-index:-1}.loginLogoContainer{position:relative;width:100%;display:flex;justify-content:center;margin-top:20px;z-index:1}.loginLogo{width:80%;max-width:600px;height:auto}.loginPortal{display:flex;flex-direction:column;background:#465366;background:radial-gradient(circle,rgba(70,83,102,.979) 0,rgba(0,4,10,.47) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#465366",endColorstr="#00040a",GradientType=1);width:100%;overflow-y:auto;padding:2em;line-height:3rem;align-items:center}.loginOverlay{width:100%}.main-wrapper{display:grid;grid-template-rows:5% 95%;background:#000;background:linear-gradient(180deg,#000,#4f4f4f);height:95vh;max-height:95vh;z-index:-999;padding:5px}.audioContainer{display:none;flex-direction:row;z-index:1;color:#b8860b;text-align:center;align-self:center}.audioContainer .footerButton{align-self:flex-end;max-width:40px}.audioPlayerContainer{display:flex;flex-direction:column}.audioPlayer{border:3px solid #1b479b}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:hsla(0,0%,50%,.5);z-index:100}.modal{top:50vh;left:50vw;height:200px;width:400px;background-color:#1b1b1b;color:wheat;text-align:center;font-weight:700;border:5px inset #b8860b;padding:10px}.modalButtonContainer{display:flex;flex-direction:row;justify-content:center}.modalButton{flex:1 1;width:150px;margin:5px}.chatBoxContainer{display:flex;flex-direction:column;bottom:0;position:absolute;border:4px inset #b8860b;background:#000;width:380px;z-index:50}@media (max-width:600px){.chatBoxContainer{z-index:101}}.chatBoxHeader{display:flex;flex-direction:row;font-weight:700;background:#0f2c3a;color:#b8860b;height:40px;justify-content:center;align-items:center;position:relative}.chatBoxMainContainer{display:flex;flex-direction:column;text-align:center;height:500px}.toggleChat{position:absolute;left:10px}.chatBoxHeader:hover{background:#252a2c}.unreadMessageSignal{color:#ff4500;border-radius:20%;border:3px solid #daa520;position:absolute;right:0;padding:5px;width:10%;text-align:center}.chatMain{display:grid;grid-template-rows:80% 20%;height:100%;width:100%;max-height:100%;position:relative;color:#000;text-align:start}.chatMessagesContainer{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:5px}.chatMessage{display:flex;flex-direction:row;position:relative;margin:2px 0;padding:10px;overflow-wrap:break-word;background:#1c495f;background:linear-gradient(0deg,#1c495f,#000);font-size:.975em;justify-content:flex-start;gap:1em;color:#f5f5f5}.chatMessage img{height:40px;max-width:70px;max-height:40px}.messageSenderAvatar{background:#3f6fb4;background:linear-gradient(0deg,#3f6fb4 55%,#020024);border:1px solid #161669}.chatSender{display:flex;flex-direction:column;width:70%}.sendMessageContainer{display:grid;grid-template-columns:20% 60% 20%;border:3px solid #1b479b;position:relative}.sendMessageContainer .miniNanovorImage{height:40px;max-width:70px;max-height:40px;margin-top:1em;margin-left:10%}.sendMessageContainer form{flex:3 1}.sendMessageContainer .footerButton{flex:1 1}.sendMessageContainer input{height:100%;width:100%;background:transparent;color:#4abde0;border:none}.sendMessageContainer input:focus{outline:none}.sendButton:hover{filter:brightness(1.25);cursor:pointer}.sendButton:active{padding:2px}.playerHeader{display:flex;flex-direction:column}.playerUsername{background:#1b1b1b;color:#fff}.playerResources{display:flex;flex-direction:row;font-size:smaller;border:3px solid #000;color:#000}.playerResources h4{margin-top:2px;margin-bottom:2px}.playerOverride{display:flex;flex-direction:column;flex:1 1;position:relative;border-radius:50%;background-color:#4e4c4c}.overrideImage{max-width:40px;align-self:center}.newPlayerOverride:hover .nanovorInHeaderInfo,.playerOverride:hover .nanovorInHeaderInfo{visibility:visible}.playerEnergy{flex:1 1;background:#e2cb48}.playerHeaderSwarm{display:flex;flex-direction:row;flex-wrap:nowrap;height:43px;background-color:#000;border:3px solid #000;width:100%;margin:0 .75em}.nanovorInHeaderWrapper{display:flex;flex-direction:row;height:100%;width:100%;align-items:flex-end;position:relative}.nanovorInHeaderPortrait{z-index:1}.nanovorInHeaderGrayscale,.nanovorInHeaderPortrait{border:1px solid #2a6570;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nanovorInHeaderGrayscale{position:absolute;top:0;left:0;filter:grayscale(100%);z-index:2;background-color:transparent}.nanovorInHeader{flex:1 1;background:#2a6570;background:linear-gradient(0deg,#2a6570,#19465b);position:relative}.nanovorInHeaderInfo{position:absolute;display:inline-block;visibility:hidden;background-color:#000;color:#fff;border-radius:6px;width:175px;max-width:325px;top:70%;z-index:3;padding:10px}.nanovorInHeaderWrapper:hover .nanovorInHeader{background:#317480}.nanovorInHeaderWrapper:hover .nanovorInHeaderInfo{visibility:visible}.clientafbg{background:#126b94;background:linear-gradient(0deg,#126b94,#071b24);border:1px solid #126b94}.opponentafbg{background:#7f0002;background:radial-gradient(ellipse at center,#7f0002,#542525);border:1px solid #7f0002}.attackFrame{display:flex;flex-direction:row;flex-wrap:nowrap;height:55px;max-width:250px;width:100%}.attackText{font-size:11px;justify-content:flex-start;padding:0 0 0 4px;text-align:start;width:100%}.attackButton{display:flex;flex-direction:column;min-width:150px;width:100%;background:inherit;color:#f5f5f5;font-weight:700;justify-content:space-between;align-items:center;padding:1px}.attackButton:active{border:2px inset #d3d3d3}.attackButton:hover{filter:brightness(1.25);cursor:pointer}.attackButtonMainContainer{display:flex;flex-direction:row;flex:1 1;width:100%;max-height:100%;overflow-x:auto;justify-content:space-between;overflow-y:hidden}.iconImage{width:40px;height:40px;padding:5px}.attackButtonDamageContainer{display:flex;flex-direction:row;flex:1 1}.attackButtonDamageContainer .damageImageContainer:first-child{margin-left:auto}.attackButtonDamageContainer .damageImageContainer:last-child{margin-right:auto}.attackButtonCostContainer,.damageImageContainer{display:flex;flex-direction:column}.attackButtonCostContainer{align-items:center}.costImageContainer{position:relative}.costImageContainer p{position:absolute;color:#000;top:0;left:25%;right:25%;font-size:14px}.costImage{width:24px;height:24px}.attackDescription{padding:5px;flex:1 1;color:#f5f5f5;position:relative;background:inherit;z-index:1}.attackDescription p{padding:0;position:absolute;top:0;bottom:0;right:0;left:0;width:350px;background:inherit;border:3px solid #000;font-size:11px}.utilityButton{min-width:150px;background:#fff;background:inherit;color:#f5f5f5;font-weight:700;height:55px;margin-right:10px;font-size:11px}.utilityButton:disabled{color:gray}.swapFrame{display:flex;flex-direction:row;height:55px;align-items:center;color:#f5f5f5;font-weight:700}.swapFrameSwarmContainer{display:flex;flex-direction:row;flex-wrap:nowrap;border:3px solid #000;background:inherit;z-index:5}.swapFrameNanovorContainer{position:relative;width:73px}.swapFrameNanovorContainer:hover .miniNanovorImage{filter:brightness(1.25);background:#144c66;cursor:pointer}.swapFrameNanovorInformation{display:none;position:absolute;flex-direction:column;margin-bottom:58%;border:3px solid #378d8d;bottom:0;left:-100%}.swapFrameAttackStats{display:flex;flex-direction:row;flex-wrap:nowrap;border-top:1px solid #000}.miniNanovorImage{width:100%;max-width:75px;height:100%}.nanovorImageContainer{display:flex;flex-direction:column;flex:2 1;color:#f5f5f5;justify-content:flex-end;align-items:center;font-size:smaller}.nanovorImageContainer h4{margin:0}.nanovorImage{width:auto;height:auto;max-width:125px;max-height:70px;margin-top:25%}.characterStateContainer{display:flex;flex-direction:column;position:relative;height:300px;gap:.5em;padding:.5em}.characterStateWebmContainer{height:50%}.gizmoStorm{height:120px;z-index:-1;position:absolute;right:15%;top:15%}.flipCharacterState .combatWebm video{transform:scaleX(-1)}.characterStateWebmContainer .combatWebm{position:relative;height:100%}.characterStateWebmContainer .combatWebm video{position:absolute;width:900px;pointer-events:none}.allyPositioning .combatWebm video{bottom:-25%;left:-40%}.axisPositioning .combatWebm video{bottom:-25%;right:-40%}.characterTargetCrosshair{position:absolute;width:60%;bottom:30%;left:25%;color:#fff;z-index:10}.characterModelContainer{display:flex;flex-direction:column;color:#f5f5f5;align-items:center;font-size:smaller}.characterModel{width:auto;max-width:100%;height:160px}.characterStatsContainer{display:flex;flex-direction:row;font-weight:700;color:#f5f5f5;height:55px;font-size:medium}.characterStatsImageContainer{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;flex:1 1}.characterStatsImage{width:25px;height:25px}.characterImageInformation{display:flex;flex-direction:row;justify-content:center;font-size:medium}.matchStateContainer{display:flex;flex-direction:row;flex:1 1;z-index:1}.matchTeamOuterContainer{display:flex;flex-direction:column;flex:1 1;z-index:1}.matchTeamInnerContainer{display:flex;flex-direction:row;height:100%;gap:10%}.matchPlayerContainer{display:flex;flex-direction:column;width:250px;height:100%;font-size:small;text-align:center;justify-content:space-between;position:relative;transition:transform .3s ease,opacity .3s ease}.matchPlayerSelectionContainer{flex:1 1;display:flex;flex-direction:column;justify-content:space-between}.nanovorAnimation{width:auto;max-width:100%;height:auto;max-height:100%}.nanovorImageInformation{display:flex;flex-direction:row;justify-content:center}.factionImage{max-width:20px;align-self:center;margin-right:5px}.nanovorStatsContainer{display:flex;flex-direction:column;font-weight:700;color:#f5f5f5;min-width:60px;flex:1 1}.statsImageContainer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;padding:0 10%;flex:1 1}.statsImage{width:20px;height:20px}.nanovorDisplay{display:flex;flex-direction:row;min-height:192px}.playerContainerWrapper{flex:1 1;display:flex;flex-direction:row;justify-content:center;height:90%}.playerContainer{width:250px;font-size:small;text-align:center;justify-content:space-between}.playerContainer,.playerMainContainer{display:flex;flex-direction:column;position:relative}.targetCrosshair{position:absolute;width:50%;bottom:-10px;left:25px;color:#fff}.nanovorLoadSpinner{position:absolute;bottom:-70px;right:70px;z-index:-1;height:190px}.swarmLoadSpinner{position:absolute;bottom:-20px}.playerContentContainer{display:flex;flex-direction:column;flex:1 1}.playerContainerClientbg{background:#1a7ba8;background:radial-gradient(ellipse at center,#1a7ba8,#06151c)}.playerContainerOpponentbg{background:#be0d10;background:radial-gradient(ellipse at center,#be0d10,#07151c)}.playerContainerClientbg .nanovorImage{transform:scaleX(-1)}.idlebg{background:#000;background:linear-gradient(180deg,#000,#4f4f4f)}.playersContainer{display:flex;flex-direction:row;flex:1 1;z-index:1}.screenContainer{justify-content:center;height:100%;overflow-y:auto;padding:0 1em}.chatAudioContainer,.screenContainer{display:flex;flex-direction:row;position:relative}.chatAudioContainer{justify-content:space-between;position:absolute;bottom:5%}.chatAudioContainer .audioContainer{bottom:0;position:absolute;right:0}.footerButton:active{filter:brightness(1.25)}.flexFooterButton:hover,.footerButton:hover,.utilityButton:hover{filter:brightness(1.25);cursor:pointer}.footerButton:active{background-color:#132e3b;box-shadow:0 5px #666;transform:translateY(4px)}.flexFooterButton:disabled,.footerButton:disabled{border-color:gray;color:gray;background-color:#071b24;box-shadow:none;transform:none}.roundSummaryContainer{display:flex;flex-direction:column;text-align:center;min-width:100%;z-index:1;justify-content:flex-end}.roundSummary{display:flex;flex-direction:column;margin:10px;overflow-y:auto;height:600px;font-weight:700;padding:0 25px;align-items:center}.roundAnimation{flex-direction:row;justify-content:space-evenly;width:100%}.roundAnimation,.roundPlayerContainer{display:flex;height:100%;align-items:center}.roundPlayerContainer{flex-direction:column;color:#fff;justify-content:space-between;padding:2em;max-width:25%;width:25%}.roundAnimationWrapper{min-height:192px;height:192px;width:100%}.roundContent{font-size:larger;background-color:#000}.roundSummaryLine{display:flex;flex-direction:row;margin:5px;background-color:#000}.roundSummaryLine *{margin:0 3px}.summaryStatsContainer{display:flex;flex-direction:row;border:3px solid #b8860b;margin:10px;font-size:small;color:#f5f5f5;justify-content:space-evenly}.summaryIndividualContainer{flex:1 1;max-width:250px;border:1px solid #f5f5f5}.gameOverContainer{display:flex;flex-direction:column;text-align:center;flex:1 1;color:#b8860b;z-index:1;height:100%;position:relative}.gameOverAnimation{position:absolute}.gameOverAnimation,.gameOverVideo{height:100%;width:100%}.gameOverMessage{border:3px solid #b8860b;padding:30px;color:#000;font-weight:700}.gameOverSwarm{display:flex;flex-direction:row;flex-wrap:wrap;border:3px solid #b8860b;justify-content:space-evenly}.gameOverSwarm div{max-width:150px}.gameOverSwarm .statsDiv{max-width:250px}.gameOverLeftStanding{display:flex;flex-direction:row;flex-wrap:wrap;border:3px solid #b8860b;font-size:small;justify-content:space-evenly}.gameOverLeftStanding .nanovorDisplay{max-width:150px}.swarmSelectionWrapper{display:grid;grid-template-columns:15% 70% 15%;width:100%;text-align:center;color:#f5f5f5;z-index:1}.swarmSelectionScreenContainer{display:flex;flex-direction:column;width:100%;max-width:1200px}.mainSwarmWrapper{display:grid;grid-template-columns:100%;height:100%}.swarmContainerToggleButtons,.swarmContainerUtilityButtons{display:flex;flex-direction:column;justify-content:center;gap:1rem}.swarmContainerUtilityButtons{align-items:center}.selectionSwarmContainer{display:flex;flex-direction:row;font-size:smaller;overflow-x:scroll;position:relative;gap:1rem;padding:.25rem;justify-content:space-evenly}.swarmMemberContainer{display:flex;flex-direction:column;justify-content:space-between;max-width:156px;min-width:156px;position:relative}.scrollViewContainer{display:flex;flex-direction:row;flex-wrap:nowrap;border:3px solid #b8860b;max-width:100%;margin:0 auto}.sideScrollButton{width:30px;font-size:30px;font-weight:700;background:inherit;color:#b8860b;border-color:#b8860b;padding:5px}.sideScrollButton:disabled{color:gray;border-color:gray}.sideScrollButton:active{background-color:#132e3b;box-shadow:0 5px #666;transform:translateY(4px)}.nanovorScrollView{overflow-x:hidden;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-behavior:smooth}.nanovorScrollView,.scrollWave{display:flex;flex-direction:row}.scrollWave{flex-wrap:nowrap;scroll-snap-align:start;min-width:100%}.scrollFaction{display:flex;flex-direction:column;flex-wrap:nowrap;border:1px solid #ffdead;background:#000;flex:1 1}.cardContainer{display:flex;flex-direction:row;flex:1 1}.scrollCard{flex:1 1}.scrollCard:hover{filter:brightness(1.25);cursor:pointer}.nanovorImageSilhouette{filter:grayscale(100%) brightness(0);opacity:.6;width:100%}.containerTab{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;font-size:small;min-height:135px;height:135px;overflow-x:auto}.containerTabNanovorCard{display:flex;flex-direction:column;padding:10px;border:3px inset #b8860b;justify-content:flex-end;position:relative;background-color:#292525}.containerTabNanovorCard:hover{cursor:pointer;filter:brightness(1.25)}.nanovorCard{display:flex;flex-direction:column;min-height:200px;gap:20px}.nanovorCard .nanovorImage,.nanovorCard h4{z-index:1;font-weight:700;font-size:small;color:#f5f5f5}.nanovorCard:hover{filter:brightness(1.25)}.nanovorCard button{width:100%;background-color:#071b24;border-color:#000;color:#b22222;font-weight:bolder;padding:2px;z-index:1}.customInput{width:150px;height:30px;margin:10px}.customSelect{width:100px;height:30px;text-align:center;margin:10px}.goldText{color:#b8860b}.timer{border:3px solid #b8860b;padding:5px 10px;border-radius:10%;color:#daa520;font-weight:700;background:#000;width:80px;margin:auto;justify-content:center}.navBar,.timer{display:flex;flex-direction:row;align-items:center}.navBar{justify-content:space-evenly;background:none;width:100%;max-width:100%;padding:20px;gap:2rem;position:sticky;z-index:1;align-self:center;top:0}@media (max-width:600px){.navBar{font-size:small;gap:1rem}}.navBar a{font-family:Impact;color:silver;text-decoration:none;flex:1 1}.navBar :hover{border-bottom:1px outset #fff;cursor:pointer;color:#b8860b}.roomMainContent{display:flex;flex-direction:row;height:95vh;color:#f5f5f5;text-align:center;justify-content:center}.roomMainContent h3{color:#b8860b;margin:10px}.roomLeftContent{display:flex;flex-direction:column;flex:2 1;border:3px solid #add8e6;max-width:700px}.roomCodeContainer{border:3px solid #e0ffff}.roomCodeContainer,.roomUsersContainer{display:flex;flex-direction:column;flex:1 1}.roomUsersContainer{border:3px solid #f08080;position:relative}.roomUser{display:flex;flex-direction:row;justify-content:center;align-items:center}.roomRulesContainer{display:flex;flex-direction:column;flex:2 1;max-height:50%;border:3px solid #90ee90;overflow-y:auto}.roomRule{display:flex;flex-direction:row;justify-content:center;align-items:center}.roomRule *{margin:5px 10px}.roomLeaveStartContainer{display:flex;flex-direction:row;justify-content:space-between;margin:10px}.roomRightContent{display:flex;flex-direction:column;flex:1 1;border:3px solid #fafad2;position:relative;max-width:400px}.landingPageWrapper{display:flex;flex-direction:column;text-align:center;color:#f5f5f5;height:100vh;position:relative;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;overflow-y:scroll;background:#1c1b1b}.landingPageWrapper .navBar{position:fixed;z-index:1;align-self:center;height:5vh}.landingPageSection{display:flex;flex-direction:column;min-height:100vh;max-height:100vh;scroll-snap-align:start;font-family:sans-serif;position:relative}.landingPageSection .landingPageCard:first-child{margin-top:5vh}.landingPageCard{display:flex;flex-direction:column;flex:1 1;position:relative;overflow:auto;justify-content:center}.landingPageCardImagesContainer{display:flex;flex-direction:column;flex:1 1;justify-content:space-evenly;max-height:75%;max-width:auto}.landingPageCardImage{-o-object-fit:contain;object-fit:contain;max-width:auto;max-height:100%;flex:1 1}.landingPageCardText{display:flex;flex-direction:column;justify-content:center;padding:5px;line-height:40px;flex:1 1;border:3px outset #f5f5f5}.siteLogo{height:60px;width:60px}.landingPageImageText{font-style:italic;text-shadow:2px 2px 2px #13522a;color:#b8860b;position:absolute;align-self:center}.textTop{top:30%}.textBottom{bottom:30%}.landingPageMainImage{width:100%;max-width:705px;align-self:center}.labScrollContainer{gap:5px;min-height:150px;overflow-y:auto}.labOption,.labScrollContainer{display:flex;flex-direction:column}.labOption{padding:3%}.labInputSectionsManager{display:flex;flex-direction:column;border:1px solid #b8860b;flex:1 1;justify-content:flex-start;max-width:250px;overflow-y:auto}.fanovorLabInput{height:30px;padding:5px}.fanovorLabInputCard{display:flex;flex-direction:column;text-align:left;border:1px solid #000;justify-content:space-between}.labSectionButton{background:#746464;color:#f5f5f5;padding:10px}.deleteColor{color:#b14343;border:1px solid #b14343}.createColor{color:#1e781e;border:1px solid green}.orangeColor{color:#83440a;border:1px solid #83440a}.utilityColor{color:#a952f5;border:1px solid #a952f5}.goldColor{color:gold;border:1px solid gold}.inactiveColor{color:#5d69ac;border:1px solid #5d69ac}.cyanColor{color:#3177b1;border:1px solid #3177b1}.accountPortalCornerContainer{position:absolute;top:0;right:0;width:200px}.accountPortal,.accountPortalFormContainer{display:flex;flex-direction:column}.topLeftContainer{position:absolute;top:1%;left:5%}.homesphere{display:grid;grid-template-rows:10% 90%;color:#f5f5f5;height:100vh;width:100vw}.homesphereNavigation{display:grid;grid-template-columns:1fr 2fr 1fr}.profileHeader{display:flex;flex-direction:row;justify-content:center;align-items:center}.profileHeader,.profileHeaderAvatar{padding:5px;gap:5px}.profileHeaderText{padding:5px;text-align:center}.navigationControls,.navigationMenus{display:flex;justify-content:space-evenly;font-size:small}.navigationControls .audioPlayerContainer{width:100px;overflow-x:hidden}.nanosphere{display:grid;grid-template-rows:88% 12%}.mainContent{display:grid;grid-template-columns:1.5fr 2.5fr;color:#f5f5f5;text-align:center}.mainContent>.displayToggleManager,.nanosphereCentralManager,.nanosphereNewsManager{min-height:0}.nanosphereNewsManager{display:grid;grid-template-rows:15% 85%}.newsArticlesManager{display:flex;flex-direction:column;overflow-y:scroll;gap:5%}.newsArticle{display:grid;grid-template-rows:20% 75% 5%;padding:2%;grid-gap:1%;border:1px solid #1b479b}.newsArticleHeader{display:flex;justify-content:space-between;padding:1rem;background-color:#214050}.newsArticleContent{display:grid;grid-template-columns:15% 85%;font-size:medium;padding:1rem}.newsArticleAuthor{display:flex;justify-content:flex-end;font-size:small;color:#126b94}.battleButton:hover{cursor:pointer;filter:brightness(1.25)}.battleButton:active{padding:.3rem}.nanospherePortletManager{display:grid;grid-template-rows:5% 45% 5% 45%;color:#618ad4;font-size:medium}.nanosphereDataPortlet{display:flex;flex-direction:column;overflow-y:auto;border-top:3px solid #324e99}.nanosphereDataPortletRow{display:flex;flex-direction:column;color:#f5f5f5}.nanosphereCentralManager{display:grid;grid-template-rows:40% 60%;padding:1rem;justify-content:center;position:relative}.displayToggleManager{display:grid;grid-template-rows:2% 3% 95%;height:100%;max-height:100%;color:#b8860b;font-size:medium;padding:2%}.displayToggleManagerHeader{display:flex;flex-direction:row;height:5%;max-height:5%;font-family:Poppins,sans-serif;font-weight:600;font-size:18px}.displayToggleManagerHeader *{flex:1 1}.queueManager,.toggledDisplayWrapper{display:flex;flex-direction:column}.queueManager{border:3px solid #324e99}.onlineUserComponent{flex-direction:row;justify-content:center;align-items:center}.activeRoomComponent,.onlineUserComponent{display:flex;padding:5px;gap:5px;overflow-wrap:break-word}.activeRoomComponent{flex-direction:column;color:#8888be;border:3px inset #382b2b;flex:1 1;justify-content:space-between}.queueContainer{display:flex;flex-direction:column;color:#f5f5f5}.buttonInputCallback{color:#8888be;padding:2%;justify-content:center;align-items:center}.attackFormCard,.buttonInputCallback{display:flex;flex-direction:column}.attackFormSectionHeader{display:flex;flex-direction:row;background:#746464;color:#f5f5f5;align-items:center;justify-content:space-between;border:3px solid #000;padding:3px;min-height:50px}.attackFormSectionHeader:hover{filter:brightness(1.25)}.effectContainer{display:flex;flex-direction:row;position:relative}.topRight{position:absolute;top:10px;right:0}.lab{display:grid;grid-template-columns:1fr 1.25fr 1fr;grid-template-rows:60% 40%;grid-template-areas:"labCollection labFanovor labForm" "labCollection labAttacks labForm";height:100vh;max-height:100vh;max-width:100vw;justify-items:center;position:relative}.lab .footerButton{font-size:small}.lab input,.lab option,.lab select{min-height:1.75rem;background-color:#000;color:#f5f5f5}.labCollection{grid-area:labCollection;font-size:medium;display:grid;grid-template-rows:6% 20% 5% 50% 15%;grid-template-columns:1fr;max-height:100vh;border:5px inset #b8860b}.collectionTable{overflow:auto;flex:1 1}.collectionRow{min-height:4rem;height:4rem;max-height:4rem}.collectionRow:hover{filter:brightness(1.25);cursor:pointer}.labFanovor{grid-area:labFanovor;display:flex;flex-direction:column;font-size:medium;align-items:center;justify-content:space-between}.labFanovorStats{display:grid;grid-template-columns:2fr 4fr;grid-template-rows:1fr;align-items:center}.labFanovorDisplay video{bottom:-50%;right:-130%}.labAttacks{grid-area:labAttacks;display:grid;grid-template-rows:10% 80% 10%;width:100%;max-height:90%}.attackTable{overflow-y:auto}.labForm{overflow-y:scroll;grid-area:labForm;border:5px inset #b8860b;width:102%}.loader:hover{cursor:pointer}.filterContainer{overflow:auto;position:relative}.filterContainer,.filterOption{display:flex;flex-direction:row}.filterOption input{max-height:2rem;max-width:2rem}.filterOption *{flex:1 1}.collectionPageWrapper{display:grid;grid-template-rows:10% 35% 45%;padding:1rem;grid-gap:1rem;gap:1rem;text-align:center;height:100vh;overflow-y:hidden}.collectionNanovorWrapper{display:grid;grid-template-columns:10% 50% 40%}.collectionNanovorView{display:flex;flex-direction:column;gap:1rem}.collectionNanovorDetail{display:flex;flex-direction:column;align-items:center}.collectionNanovorStats{display:grid;grid-template-rows:25% 25% 25% 25%}.collectionNanovorStatRow{display:flex;flex-direction:row}.collectionNanovorStatBlock{display:flex;flex-direction:column;width:150px;align-items:center;justify-content:flex-end}.collectionNanovorDisplay{padding:1%;display:flex;justify-content:center;align-content:center}.collectionNanovorDisplay video{width:100%;height:100%}.collectionNanovorDisplay .swarmLoadSpinner{z-index:-1;width:300px;height:300px;bottom:50px;right:150px}.swarmBuilderWrapper{display:grid;grid-template-rows:10% 15% 30% 5% 40%;padding:2rem;text-align:center;height:100vh;font-size:smaller}.verticalScrollContainer{overflow-y:auto}.virmonRow{display:flex;flex-direction:row;gap:2rem;align-items:center;border:1px solid #232a8a}.virmonRow:hover{background-color:#2b2323;cursor:pointer}.swarmBuilderManager{display:grid;grid-template-columns:50% 10% 10% 10% 15%;border:3px solid #1e207c;grid-gap:1rem;gap:1rem;align-items:center}.virmonSwarm{padding:1rem}.virmonSwarm:hover{background-color:#2f34ac;cursor:pointer}.combatDemo{border:5px solid #ff0;height:90vh;width:100vw;display:grid;grid-template-rows:90% 10%}.demoMain{border:3px solid red;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow-x:hidden}.combatDemoUser{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.misc{position:absolute;top:40%;width:100%;height:50%;display:flex;flex-direction:column;align-items:center}.combat{height:100%;width:100vw;display:grid;grid-template-rows:100%}.combatMain{display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow-x:hidden}.combatAnims{position:relative;height:100%;width:100%}.combatUser{height:100%;justify-content:flex-end;position:relative}.combatPositioning,.combatUser{width:100%;display:flex;flex-direction:column;align-items:center}.combatPositioning{position:absolute;top:30%;height:50%}.flip{transform:scaleX(-1)}.demoControls{display:grid;justify-items:center;border:3px solid #fff}.animationContainer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end;pointer-events:none}.animationContainer video{max-height:50vh;max-width:90vw;-o-object-fit:contain;object-fit:contain;pointer-events:none;margin-bottom:5vh}.overlayContainer{position:absolute;width:40vw;top:38%}.overlayContainer video{height:50vh}.admin-balancing-screen{font-family:Arial,sans-serif;max-width:600px;margin:20px auto;padding:20px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.admin-balancing-screen button,.admin-balancing-screen input,.admin-balancing-screen select{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.admin-balancing-screen button{background-color:#28a745;color:#fff;font-size:16px;cursor:pointer}.admin-balancing-screen button:hover{background-color:#218838}.admin-balancing-screen label{display:block;margin-top:20px}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;background:#141010;border:1px solid #ccc;border-radius:8px;width:300px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1000}.modal p{margin:0 0 20px;font-weight:700}.modal button{width:auto;padding:5px 15px}.attacks,.conditions,.effects{margin-top:20px;padding:10px;border:1px solid #533a3a;border-radius:5px}.attacks{background-color:#1d3d58}.conditions{background-color:#2d524c}.effects{background-color:#4b183b}.input-field{display:block;margin-bottom:10px}.input-field input{margin-top:5px;width:95%;padding:5px}